@charset "utf-8";
/**
 * @File Name : lib.css
 * @Description : WebStyleGuide | Contents Library | Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2015.06.19 | 김소화 | 최초 등록
 * 2015.12.10 | 김소화 | 가로 스크롤 만들기
 * 2015.12.30 | 김소화 | 이미지 2배 작업
 * </pre>
 * @author 디자인팀 김소화
 * @since 2015.06.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

em{color:#d24507;}
.em{color:#d00;} /* 강조색 기본 */
.em1{color:#e00;} /* 빨 red */
.em16{color:#e00; font-size:1.538em;letter-spacing:-1px; line-height:14px;} /* 빨 red */
.em17{color:#e00; font-size:1.418em;letter-spacing:-1px; line-height:26px;} /* 빨 red */
.em2{color:#fd5135;} /* 주 orange (dung) */
.em3{color:#770;} /* 노 yellow */
.em4{color:#080;} /* 초 green */
.em4-5{color:#078;} /* 청록 cyan (green blue) */
.em5{color:#37c;} /* 파 blue */
.em5-2{color:#37c; font-size: 1.19em; font-weight: bold; text-decoration:underline;} /* 파 blue */
.em5-6{color:#24c;} /* 암청 cobalt blue */
.i92{color:#37c; font-size: 1.4em; font-weight: bold; text-decoration:underline;} /* 파 blue */
.em6{color:#009;} /* 남 navy */
.em7{color:#85e;} /* 보 violet */
.em8{color:#c2c;} /* 심홍 magenta (blue red) */
.em9{color:#d06;} /* 분홍 pink */
.em0{color:#000;} /* 흑 black */
.em10{font-weight:bold;color:#d24507;font-size:1.538em;letter-spacing:-1px;}
.em15{font-weight:bold;color:#000;font-size:1.2em;letter-spacing:-1px;}
.i89{float:left; min-height:51px; margin:-9px 0 0 0;padding:0 0 0 0;vertical-align: middle;}
.i90{color:#009; font-size:1.238em;letter-spacing:-1px; line-height:14px;text-decoration:underline !important;}

/* ContentsNavigationBar. 1) Select Go WebPage. 2) Tab Prev Next */
.cnb1{position:relative;margin:1em 0 2em 0;}
.cnb1 *{list-style:none;margin:0;padding:0;border:0;}
.cnb1 ul{display:none;padding:5px;border:1px solid #d5d5d5;background:#eee;}
.cnb1 li{display:inline;}
.cnb1 li a{display:block;height:auto !important;height:1%;padding:3px 9px;color:#666;font-size:1em;line-height:1.5;text-decoration:none !important;}
.cnb1 li a:hover,
.cnb1 li a:focus{background:#fff;}
.cnb1 li.on a{background:#fff;color:#0b871f;}
/* [JS]created */
.cnb1 .note{display:block;padding:0 15px;color:#000;font-weight:bold;line-height:2.770 /* ☆36px */;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb1 .toggle{position:absolute;left:0;top:0;width:100%;height:2.770em /* ☆36px */;border:2px solid #555;background:transparent;text-indent:-9999px;cursor:pointer;}
.cnb1 .toggle .t1{}
.cnb1 .toggle .ic1{float:left;position:absolute;right:0;top:50%;width:20px;height:20px;margin:-10px 5px 0 0;background:url(/portal/_common/img/inc/cnb1s.png) no-repeat -50px -50px;}
.cnb1 .toggle.open{}
.cnb1 .toggle.close .ic1{background-position:-100px -50px;}
.cnb1 .b1{display:none;} /* ☆min-width:768px~ */

.cnb1_notice {margin-left:auto;font-size: 1.2em;line-height:1.2em;}

/* ContentsNavigationBar2 */
.cnb2{position:relative;margin:1em 0;padding:1.154em 1em 1em 1em;border:2px solid #ccc;background:#f7f7f7}
.cnb2 *{list-style:none;margin:0;padding:0;border:0;}
.cnb2 ul{overflow:hidden;}
.cnb2 li{float:left;width:50%;}
.cnb2 li a{display:block;margin:0 0 5px 0;padding:1px 1em 1px 20px;background:url(/portal/_common/img/inc/cnb2s.png) no-repeat 0 -100px;color:#666;line-height:1.333;text-decoration:none !important;/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/}
.cnb2 li.on a{background-position:0 -200px;color:#333;font-weight:bold;}

/*메뉴명이길 경우*/
.cnb2.style2 li{width:100%;}
.cnb2.style3 li{width:100%;}


.cnb3{position:relative;margin:1em 0;padding:0;/*padding:1.154em 1em 1em 1em;border:2px solid #ccc;border-radius:5px;*/}
.cnb3 *{list-style:none;margin:0;padding:0;border:0;}
.cnb3 ul{overflow:hidden;}
.cnb3 li{float:left;width:50%;}
.cnb3 li a{display:block;margin:0 10px 5px 0;padding:1px 1em 1px 20px;/*background:url(/portal/_common/img/inc/cnb2s.png) no-repeat 0 -100px;*/color:#666;line-height:1.333;text-decoration:none !important;/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/}
.cnb3 li.on a{background-position:0 -200px;color:#333;font-weight:bold;}



/* Heading */
.hb1{line-height:1.333;letter-spacing:-1px;} /* line-height:normal; 하면 모바일 차이 많아서.. */
.hb1.h2title{padding:.45em 0 0 0;margin-bottom:0.62em;background:url(/portal/_common/img/inc/h1titlebg.png) no-repeat;color:#333;font-size:1.692em;letter-spacing:-2px;}
.hb1.h2{padding:0 0 1px 1.35em;margin-bottom:0.52em;background:url(/portal/_common/img/inc/h1bg.png) no-repeat 0 .25em;font-weight:normal;color:#000;font-size:1.538em;letter-spacing:-2px;}
.hb1.h3{padding:0 0 2px 1.42em;margin-bottom:0.52em;background:url(/portal/_common/img/inc/h3bg.png) no-repeat .1em .2em;color:#333;font-size:1.23em;}
.hb1.h4{padding:0 0 0 .8em;margin-bottom:0.52em;background:url(/portal/_common/img/inc/h4bg.png) no-repeat 0 .3em;color:#333;font-size:1.092em;margin-bottom:0.42em;}
.hb1.h5{padding:0 0 0 .8em;margin-bottom:0.52em;background:url(/portal/_common/img/inc/h5bg.png) no-repeat 0 .42em;color:#333;font-size:1.077em;font-weight:normal;}

/* life */
body#life .hb1.h2{background:url(/portal/_common/img/inc/h1bg_life.png) no-repeat 0 .25em;}
body#life .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_life.png) no-repeat;}
/*body#life .hb1.h3{color:#6d9811;}*/
body#life .hb1.h3{background:url(/portal/_common/img/inc/h3bg_life.png) no-repeat 0 .3em;}

body.d2 .hb1.h2{background:url(/portal/_common/img/inc/h1bg_life.png) no-repeat 0 .25em;}
body.d2 .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_life.png) no-repeat;}
/*body.d2 .hb1.h3{color:#6d9811;}*/
body.d2 .hb1.h3{background:url(/portal/_common/img/inc/h3bg_life.png) no-repeat 0 .3em;}


/* tour */
body#jpn .hb1.h2,
body#tour .hb1.h2{background:url(/portal/_common/img/inc/h1bg_tour.png) no-repeat 0 .25em;}
body#tour .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_tour.png) no-repeat;}
/*body#tour .hb1.h3{color:#499622;}*/
body#tour .hb1.h3{background:url(/portal/_common/img/inc/h3bg_tour.png) no-repeat 0 .3em;}

body.d3 .hb1.h2{background:url(/portal/_common/img/inc/h1bg_tour.png) no-repeat 0 .25em;}
body.d3 .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_tour.png) no-repeat;}
/*body.d3 .hb1.h3{color:#499622;}*/
body.d3 .hb1.h3{background:url(/portal/_common/img/inc/h3bg_tour.png) no-repeat 0 .3em;}

/* country */
body#country .hb1.h2{background:url(/portal/_common/img/inc/h1bg_country.png) no-repeat 0 .25em;}
body#country .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_country.png) no-repeat;}
/*body#country .hb1.h3{color:#599e06;}*/
body#country .hb1.h3{background:url(/portal/_common/img/inc/h3bg_country.png) no-repeat 0 .3em;}

body.d4 .hb1.h2{background:url(/portal/_common/img/inc/h1bg_country.png) no-repeat 0 .25em;}
body.d4 .hb1.h2title{background:url(/portal/_common/img/inc/h1titlebg_country.png) no-repeat;}
/*body.d4 .hb1.h3{color:#599e06;}*/
body.d4 .hb1.h3{background:url(/portal/_common/img/inc/h3bg_country.png) no-repeat 0 .3em;}


/* 모바일용 헤딩 */
html.Mobile .hb1.h2{position:relative;background-image:none !important;}
html.Mobile .hb1.h2:after{content:'';position:absolute;left:0;top:0;margin:0;width:21px;height:21px;background:url(/portal/_common/img/inc/h1bg@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile .hb1.h2.bin:after{background-image:none !important;}
html.Mobile body#life .hb1.h2:after{background:url(/portal/_common/img/inc/h1bg_life@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile body#jpn .hb1.h2:after,
html.Mobile body#tour .hb1.h2:after{background:url(/portal/_common/img/inc/h1bg_tour@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile body#country .hb1.h2:after{background:url(/portal/_common/img/inc/h1bg_country@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile body#eng .hb1.h2:after,
html.Mobile body#chn .hb1.h2:after{background:url(/eng/img/inc/h1bg_eng@2x.png) no-repeat 0 0;background-size:contain;}


html.Mobile .hb1.h3{position:relative;background-image:none !important;}
html.Mobile .hb1.h3:after{content:'';position:absolute;left:0;top:0;margin:0;width:17px;height:17px;background:url(/portal/_common/img/inc/h3bg@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile .hb1.h3.bin:after{background-image:none !important;}
html.Mobile body#life .hb1.h3:after{background:url(/portal/_common/img/inc/h3bg_life@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile body#tour .hb1.h3:after{background:url(/portal/_common/img/inc/h3bg_tour@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile body#contry .hb1.h3:after{background:url(/portal/_common/img/inc/h3bg_contry@2x.png) no-repeat 0 0;background-size:contain;}

html.Mobile .hb1.h4{background-position:0 2px;}



/* 외국어 */
body#eng .hb1.h2,
body#chn .hb1.h2{background:url(/eng/img/inc/h1bg_eng.png) no-repeat 0 .25em;}
body#eng .hb1.h2{letter-spacing:0 !important;}


/* point */
.tip1{margin:10px 0 20px;font-weight:bold;color:#333;}
.tip1 .ic1{display:block;float:left;margin:0 1% 0 0;width:47px;height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/tip1bg.png) no-repeat 0 0;}
.tip1 .t1{display:block;float:left;width:83%;}
.tip1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

.tip2{margin:10px 0;padding:0;line-height:1.333;font-family:'나눔명조';font-size:1.384em;letter-spacing:-1px;color:#0083ca;font-weight:bold;}
.tip3{margin:10px 0;padding:0;line-height:1.333;font-family:'나눔명조';font-size:28px;letter-spacing:-1.4px;color:#0f7c50;font-weight:bold;}


/* Paragraph */
p.bu{margin:.5em 0;padding:0 0 0 1em !important;background:url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .4em /* ☆ */;}


/* List */
ul.bu{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ul.bu ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu li{margin:0;padding:0 0 0 1em;background:url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .5em /* ☆ */;}

ul.bu li li{padding:0 0 0 .82em;background-image:url(/portal/_common/img/inc/li2bg.png);}
ul.bu li li li{background-image:url(/portal/_common/img/inc/li3bg.png);}
ul.bu li li li li{padding:0 0 0 .72em;background-image:url(/portal/_common/img/inc/li4bg.png);}
ul.a1 li{margin:.5em 0;}

ul.bu3{display:block;list-style:none;margin:0;padding:0;text-align:left;}
ul.bu3 ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu3 li{margin:0;padding:0.3em 0 0.2em 0.8em;background:url(/portal/_common/img/inc/li4bg.png) no-repeat 0 1em /* ☆ */; border-bottom:1px solid #e8e8e8;}
ul.bu3 li li{padding:0 0 0 .82em;background-image:url(/portal/_common/img/inc/li2bg.png);}
ul.bu3 li li li{background-image:url(/portal/_common/img/inc/li3bg.png);}
ul.bu3 li li li li{padding:0 0 0 .72em;background-image:url(/portal/_common/img/inc/li4bg.png);}
ul.bu3 li .t1{width:60%; display:inline-block;}
ul.bu3 li .btn{width:30%;display:inline-block;text-align:right;} 
ul.bu3 li.last{border-bottom:0px;}

ul.bu2{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ul.bu2 ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu2 li{margin:0;padding:0 0 0 1em;background:url(/portal/_common/img/inc/li2bg.png) no-repeat 0 .5em /* ☆ */;}

ul.bu4{list-style:none;margin:.5em 0;padding:0;text-align:left;display:inline-block;}
ul.bu4 ul{list-style:none;margin:.5em 0;padding:0;display:inline-block;}
ul.bu4 li{width:200px; list-style:none; background:#ddd; float:left; padding:5px 10px; border-radius:5px; text-align:center;}
ul.bu4 li:after{content:'';display:block;}

ul.bu20{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ul.bu20 ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu20 li{margin:0;padding:0 0 0 1.2em;background:url(/portal/_common/img/inc/li5bg.png) no-repeat 0 .5em /* ☆ */;}

ol{list-style-type:decimal-leading-zero;margin:.5em 0;padding:0 0 .5em 2.2em;}
ol.bu{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ol.bu li{margin:0;padding:0 0 0 1em;background:url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .5em /* ☆ */;}
ol.bo1{list-style:none;margin:.5em 0;padding-left:0;}
ol.bo1 li .ic1{display:inline-block;width:16px;height:16px;line-height:16px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol1bg.png) no-repeat;font-size:11px;color:#e9e9e9;letter-spacing:-1px;}
html.Mobile ol.bo1 li .ic1{background:#555;border-radius:16px;}
ol.bo1 li ol{list-style:none;padding:0;margin:.5em 0 .5em 20px;}
ol.bo1 li ol li{margin:0;padding:0;background:none;}
ol.bo1 li ul{list-style:none;margin:.5em 0 .5em 20px;}
ol.bo1 li ul li ul{margin:.5em 0 0 0px;}


ol{list-style-type:decimal-leading-zero;margin:.5em 0;padding:0 0 .5em 2.2em;}
ol.bo10{list-style:none;margin:.5em 0;padding-left:0;}
ol.bo10 li .ic1{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol3bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li ol{list-style:none;padding:0;margin:.5em 0 .5em 24px;}
ol.bo10 li ol li{margin:0;padding:5px 0;background:none;}
ol.bo10 li ul{list-style:none;margin:.5em 0 .5em 20px;}
ol.bo10 li ul li ul{margin:.5em 0 0 0px;}
/*공약지도 추가*/
ol.bo10 li .ic11{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol11bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic12{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol12bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic13{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol13bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic14{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol14bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic15{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol15bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic16{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol16bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic17{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol17bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic18{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol18bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic19{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol19bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic20{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol20bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic21{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol21bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic22{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol22bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic23{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol23bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo10 li .ic24{display:inline-block;width:22px;height:26px;line-height:22px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol24bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}

/*공약링크버튼*/
.bcfa{background-color:#406abd !important; border:1px solid #406abd!important;}
.bctw{background-color:#25afef!important; border:1px solid #25afef!important;}
.bcbl{background-color:#12dc2e!important; border:1px solid #12dc2e!important;}


dl.bu{margin:.5em 0;padding:0;}
dl.bu dt{margin:0;padding:0 0 0 1.2em;background:url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .52em;font-weight:bold;}
dl.bu dd{margin:.5em 0;padding:0 0 0 1.2em;}


dl.bu2{list-style:none;margin:.5em 0;padding:0;}
dl.bu2 dt{float:left;width:96%;background:#45a11d;border-radius:5px;color:#fff;font-weight:bold;padding:10px;margin:.3em 0;}
dl.bu2 dd{float:left;display:block;width:100%; margin:0;padding:10px 0;}


/* 모바일 list */
html.Mobile ul.bu li{position:relative;background:none;}
html.Mobile ul.bu li:after{content:'';display:block;position:absolute;left:3px;top:8px;width:6px;height:2px;background:#777;}
html.Mobile ul.bu li li:after{width:4px;height:4px;background:#ccc;border-radius:3px;}
html.Mobile ul.bu li li li:after{left:0;top:2px;border-radius:0;width:11px;height:11px;background:url(/portal/_common/img/inc/li3bg@2x.png);background-size:contain;}
html.Mobile ul.bu li li li li:after{left:3px;top:7px;width:2px;height:2px;background:#777;}

html.Mobile ul.bu ol li:after{width:0;height:0}

html.Mobile dl.bu dt{position:relative;background:none;}
html.Mobile dl.bu dt:after{content:'';display:block;position:absolute;left:3px;top:7px;width:6px;height:2px;background:#777;}

html.Mobile p.bu{position:relative;background:none;}
html.Mobile p.bu:after{content:'';display:block;position:absolute;left:3px;top:7px;width:6px;height:2px;background:#777;}


/* br 태그  */
.none {display: inline-block !important;}
.mnone {display: none !important;}
 

/* 홈페이지 바로가기 */

.box6{padding:0;margin:0;}
dl.bu3{margin:.75em 0 .75em;padding:10px 0;display:block;overflow:hidden; border:1px solid #e7e7e7;border-radius:5px;}
dl.bu3 dt{float:left;min-height:65px;margin:0 auto;padding:0;vertical-align:middle;width:99%;}
dl.bu3 dd{float:left;width:99%;margin:0;padding:14px 0;}
dl.bu3 dd strong{font-weight:bold; font-size:20px; text-align:center;}
.tt2 {padding:0 0 1px 1.35em;margin-bottom:0.52em;background:url(/portal/_common/img/inc/h1bg_life.png) no-repeat 0 .25em;font-weight:bold;color:#000;font-size:1.538em;letter-spacing:-2px; text-align:left;}
dl.bu3 dd p{padding:10px;margin:0;}


/* Table */
caption{margin:0;padding:0 0 .5em 0;font-weight:bold;text-align:left;line-height:1.33;}
caption span{/* font-weight:normal; */}
caption .tar{/* display:block;margin-top:-1.75em; */}
/* 배치용 */
table.layout{margin:0;padding:0;border:0;border-collapse:collapse;}
table.layout td{padding:0;vertical-align:top;}
/* border 상하 */
table.t1{width:100%;margin:3px 0;border:0;border-collapse:collapse;border-top:2px solid #888;border-bottom:1px solid #888;background:#fff;}
table.t1 th,
table.t1 td{border:0;border-top:1px solid #cdcdcd;padding:5px 6px;}
table.t1 th{background:#eff1f3;}
table.t1 tbody th{background:#f7f8f9;}
/* border 상하좌우 */
table.t2{width:100%;margin:.3em 0;border:0;border-collapse:collapse;background:#fff;}
table.t2 th,
table.t2 td{border:1px solid #dadde0;padding:5px 6px;}
table.t2 th{background:#eff1f3;font-weight:normal;}
table.t2 tbody th{background:#f7f8f9;}

/* border 상하좌우 border-top 강조 | 브라우저모드 IE8, 문서모드 IE8 에서 border-right 벌레박멸 OK */
table.t3{margin:3px 0;border:0;border-collapse:collapse;border-top:1px solid #777;border-bottom:1px solid #bbb;border-right:/* [~IE7] */1px solid #fff;background:#fff;}
table.t3 tr,
table.t3 thead+tbody tr:first-child/* 아래보다 높은 순위 */{border-right:1px solid #fff;}
table.t3 th,
table.t3 td{border:1px solid #dadde0;padding:5px 6px;}
table.t3 th{background:#fff;font-weight:normal;}
table.t3 thead th{background:#f5f5f5;color:#333;}
table.t3 thead tr:first-child th{border-top:0;}
table.t3 tbody tr:first-child th,
table.t3 tbody tr:first-child td{border-top:1px solid #bbb;}
table.t3 tbody th.color{background:#f5f5f5;color:#333;}
table.t3 tbody a{color:#333;}

/* border 상하좌우 border-top 강조 | 브라우저모드 IE8, 문서모드 IE8 에서 border-right 벌레박멸 OK */
table.t4{margin:3px 0;border:0;border-collapse:collapse;border-bottom:1px solid #bbb;border-right:/* [~IE7] */1px solid #fff;background:#fff;}
table.t4 tr,
table.t4 thead+tbody tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t4 tr:first-child{border-right:1px hidden #fff;}
table.t4 th,
table.t4 td{border:1px solid #e6e6e6;border-width:1px 1px 0 0;padding:5px 6px;text-align:center;}
table.t4 th{background:#fff;font-weight:normal;}
table.t4 thead th{background:#333;color:#fff;}
table.t4 thead tr:first-child th{border-top:0;}
table.t4 tbody tr:first-child th,
table.t4 tbody tr:first-child td{border-top:1px solid #bbb;}
table.t4 tbody th{background:#f5f5f5;color:#333;}
table.t4 tbody a{color:#333;}




/* Table Property.20160922. */
table.auto{width:auto;height:auto;}
table .bu{list-style:none;margin:.5em 0;padding:0;text-align:left;}
.pd6 th, .pd6 td{padding:6px 6px 5px;}
.vat th, .vat td{vertical-align:top;}
.vab th, .vab td{vertical-align:bottom;}
.vam th, .vam td{vertical-align:middle;}
.trtal tr{text-align:left;}
.trtac tr{text-align:center;}
.trtar tr{text-align:right;}
.tdtal td{text-align:left;}
.tdtac td{text-align:center;}
.tdtar td{text-align:right;}
.thtal th{text-align:left;}
.thtac th{text-align:center;}
.thtar th{text-align:right;}
.tttal th, .tttal td{text-align:left;}
.tttac th, .tttac td{text-align:center;}
.tttar th, .tttar td{text-align:right;}
.trtal tr{text-align:left;}
.trtac tr{text-align:center;}
.tdnowrap td{white-space:nowrap;}
tbody tr td span.t1 {margin-right:10px;}
.bgcy{background: url(/portal/_common/img/inc/solid_line.gif) repeat-x 0 50%;}
.bgrl{background: url(/portal/_common/img/inc/red_line.gif) repeat-x 0 50%;}
table.t3 td.bgcgray{background-color:#f5f5f5;}
table.t3 th.bgcgray{background-color:#f5f5f5;}
table.fs8{font-size: 0.8em;}
/*추가*/
table.t3 td.bgcrgray{background-color:#dadde0;}

/* 섹션기사 */
.section{}
.section1{margin-left:1.2em;}
.article{}
.article1{margin-left:1.2em;}

/* 전문 */
.preamble{position:relative;height:1%;padding:1px;border:1px solid #ccc;}
.preamble .in{padding:10px;border:1px solid #f4f4f4;background:#fff;}
.preamble .bg1{position:absolute;left:-1px;top:-1px;width:15px;height:15px;background:url(/portal/_common/img/inc/box2bg2.png) no-repeat left top;}
.preamble .bg2{position:absolute;right:-1px;top:-1px;width:15px;height:15px;background:url(/portal/_common/img/inc/box2bg2.png) no-repeat right top;}
.preamble .bg3{position:absolute;left:-1px;bottom:-1px;width:15px;height:15px;background:url(/portal/_common/img/inc/box2bg2.png) no-repeat left bottom;}
.preamble .bg4{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;background:url(/portal/_common/img/inc/box2bg2.png) no-repeat right bottom;}

/* 박스 */
.box0{margin:.5em 0;padding:0;border:1px solid #ddd;border-radius:5px;}
.box1{padding:.75em 1em .75em;border:1px solid #e7e7e7;border-radius:5px;}
.box2{padding:.75em 1em .75em;border:2px solid #eee;border-radius:5px;}
.box3{padding:.75em 1em .75em;border:3px solid #f4f4f4;border-radius:5px;}
.box4{padding:.75em 1em .75em;border:4px solid #f7f7f7;border-radius:5px;}
.box5{padding:.75em 1em .75em;border:1px solid #e2e2e2;background:#f9f9f9;border-radius:5px;}
.box6{padding:.75em 0.5em .75em;border:1px solid #e7e7e7;border-radius:5px;}
.box7{width:653px;padding:.75em 0.5em .75em 4.3em;border:1px solid #fff;border-radius:5px;}
.box8{margin:1.5em 0 1em 0;padding:.5em 1em .8em;background:#f9f9f9;}
.box9{margin:1.5em 0 1em 0;padding:.5em 1em .8em;background:#eeeeee;}

/* 라인.20140703 */
.dott{border-top:1px dotted #ccc;}
.dotb{border-bottom:1px dotted #ccc;}
.dotl{border-left:1px dotted #ccc;}
.dotr{border-right:1px dotted #ccc;}
.dotF{border-bottom:1px dotted #fff;}
.dottF{border-top:1px solid #fff;}
.dotbb{border-bottom:1px solid #e9e9e9;}

/* 배치 */
.left{float:left;padding:.34em 0;}
.right{float:right;padding:.34em 0;}
.center{position:relative;margin:0 auto;padding:.34em 0;text-align:center;}
img.flm{float:left;margin:0 20px 20px 0;}
img.frm{float:right;margin:0 0 20px 20px;}
img.center{display:block;margin:0 auto;text-align:center;}
img.vam{margin:0 0 2px 0;vertical-align:middle;}
.fix1{display:block !important;display:inline-block;overflow:hidden;}
.clear {clear:both;}


/* 활성.20140703 */
.coId .on,
.coId .on a{color:#d06;font-weight:bold;}

/* commentBox */
.cbox1{position:relative;margin:1em 0;padding:.75em 1em .75em;background:#f7f7f7;border:1px solid #d6d6d6;line-height:1.5;}

/* picturetext */
.pic1text1{margin:0.5em 0 0;position:relative;height:auto !important;height:1%;overflow:hidden;}
.pic1text1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.pic1text1 .pic1{float:left;width:100%;min-width:144px;margin:0 20px 0 0;padding:0;}
.pic1text1 .pic1 img{/* width:inherit; */width:100%;height:auto;}
.pic1text1 .text1{float:left; width:100%;}
.pic1text1 .text2{float:left; width:100%;}
.pic1text1 .img1text1.right{float:left;}


/* picturetext2 */
.pic1text2{margin:0;position:relative;height:auto !important;height:1%;overflow:hidden;}
.pic1text2:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.pic1text2 .pic1{float:left;width:100%;min-width:144px;max-width:310px;margin:0 20px 0 0;padding:0;/*border:1px solid #ededeb;*/}
.pic1text2 .pic1 img{/* width:inherit; */width:100%;height:auto;}
.pic1text2 .text1{float:left; width:100%;}

.pic1text2 .pic2{float:left;width:100%;min-width:144px;max-width:310px;margin:0 20px 0 0;padding:0;/*border:1px solid #ededeb;*/}
.pic1text2 .pic2 img{/* width:inherit; */width:100%;height:auto;}
.pic1text2 .text2{float:left; width:100%;}


/* picturetext3 */
.pic1text3{margin:2em 0 0;position:relative;overflow:hidden;}
.pic1text3 .pic1{float:left;margin:0 20px 0 0;padding:0;max-width:600px;}
.pic1text3 .pic1 img{width:100%;height:100%;width:100%;min-width:144px;}
.pic1text3 .text1{float:left;width:100%}


/* picturetext */
.pic1text4{margin:2em 0 0;position:relative;height:auto !important;height:1%;overflow:hidden;}
.pic1text4:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.pic1text4 .pic1{float:left;width:100%;min-width:144px;margin:0 20px 0 0;padding:0;}
.pic1text4 .pic1 img{/* width:inherit; */width:100%;height:auto;}
.pic1text4 .text1{float:left; width:100%;}


.note1{clear:both;position:relative;height:1%;min-height:70px;margin:1em 0;padding:.75em 1.2em .75em;line-height:normal;letter-spacing:-1px;}
.note1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
/* 강조 */
.note1 .st{margin:.5em 0 .8em 0;color:#d5061e;font-size:1.14em;line-height:22px;/*font-family:'나눔명조';*/}

.note1 .t1{margin:.5em 0;color:#333;font-size:1.29em;line-height:22px;/*font-family:'나눔명조';*/}
.note1 .t1102{margin-top:1em !important; font-size: 1.4em; color: #080;}
/*.note1 .t1:hover,
.note1 .t1:focus{color:#D24507;}*/
.note1 .t2{margin:.5em 0;font-size:1em;}
.note1 .t3{margin:.2em 0;font-size:.923em;line-height:22px;}
.note1 h3{margin:.3em 0 0 0;font-size:1em;font-weight:normal;}
.note1 .btns{margin:1em 0;font-size:1.077em;}
.note1 .dl1{margin:.5em 0;padding:0;}
.note1 .dt1{margin:0;padding:0;color:#333;font-size:15px;font-weight:bold;}
.note1 .dd1{margin:.25em 0 .75em 0;padding:0;color:#666;font-size:.923em;}
.note1 .ul1{list-style:none;margin:.5em 0;padding:0;text-align:left;}
.note1 .ul1 li{margin:3px 0;padding:0 0 0 1em;background:url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .25em}

html.Mobile .note1 .ul1 li{position:relative;background:none;}
html.Mobile .note1 .ul1 li:after{content:'';display:block;position:absolute;left:3px;top:7px;width:6px;height:2px;background:#777;}


.note1Style1{border:1px solid #d5d5d5; background:#f4f4f4;}
.note1Style2{border:1px solid #e2e2e2;background:#f9f9f9;}
.note1Style3{border:2px solid #d5d5d5;}
.note1Style4{border:1px solid #d5d5d5; background:#f4f4f4;}



.note5{clear:both;position:relative;height:1%; margin:1em 0;padding:.75em 1.2em .75em;line-height:normal;letter-spacing:-1px;}
.note5:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.note5 .t1{margin:.5em 0;color:#333;font-size:1.29em;line-height:22px;/*font-family:'나눔명조';*/}
/*.note1 .t1:hover,
.note1 .t1:focus{color:#D24507;}*/
.note5 .t2{margin:.5em 0;font-size:1em;}
.note5 dl{list-style:none;}
.note5 dt{float:left;width:90%;text-align:center; }
.note5 dd{margin:0;padding:0;float:left;width:90%; }

 

.note1 .bg{display:none;float:left;position:absolute;left:15px;top:13px;width:70px;height:70px;background:url(/portal/_common/img/inc/note1s.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.note1 .bg.bg1{background-position:0 0;}
.note1 .bg.bg2{background-position:0 -70px;}
.note1 .bg.bg3{background-position:0 -140px;}
.note1 .bg.bg4{background-position:0 -210px;}
.note1 .bg.bg5{background-position:0 -280px;}
.note1 .bg.bg6{background-position:0 -350px;}
.note1 .bg.bg7{background-position:0 -440px;}
.note1 .bg.bg8{background-position:0 -510px;}
.note1 .bg.bg9{background-position:0 -585px;}


.note1 .cg{display:none;float:left;position:absolute;left:15px;top:13px;width:70px;height:70px;background:url(/portal/_common/img/inc/note4s.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.note1 .cg.bg1{background-position:0 0;}
.note1 .cg.bg2{background-position:0 -80px;}
.note1 .cg.bg3{background-position:0 -160px;}
.note1 .cg.bg4{background-position:0 -240px;}
.note1 .cg.bg5{background-position:0 -330px;}
.note1 .cg.bg6{background-position:0 -400px;}
.note1 .cg.bg7{background-position:0 -480px;}



/* 이미지정렬 */
.imgAlign1{clear:both;position:relative;margin:1em 0;overflow:hidden;}
.imgAlign1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.imgAlign1 ul{margin:0;padding:0;list-style:none;}
.imgAlign1 ul li{position:relative;margin:.5em auto;}
.imgAlign1 ul li:first-child{margin:0 auto;}
.imgAlign1 ul li img{width:100%;height:auto;}
.imgAlign1 ul li .t1{position:absolute;left:0;bottom:0;width:90%;padding:.2em 5%;height:27px;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.imgAlign1 ul li .t2{position:absolute;left:0;bottom:0;width:90%;padding:.3em 5%;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;line-height:120%;}
.imgAlign1 ul li .t3{position:absolute;left:0;bottom:0;width:90%;padding:.3em 5%; line-height:120%;}

.imgAlign1 ul.list5 li{width:48%;display:inline-block;}
 
.imgAlign1 ul.list4 li{width:90%;}
.imgAlign1 ul.list4 li ul li{width:100%;}

 /* 이미지정렬 */
.imgAlign2{clear:both;text-align:center;overflow:hidden;}
.imgAlign2:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.imgAlign2 .p1{display:inline-block;position:relative;margin:1em auto;}
.imgAlign2 .t1{position:absolute;left:0;bottom:0;width:90%;padding:.3em 5%;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}


/* 이미지정렬 */
.imgAlign4{clear:both;position:relative;margin:1em 0;overflow:hidden;}
.imgAlign4:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.imgAlign4 ul{margin:0;padding:0;list-style:none;}
.imgAlign4 ul li{position:relative;margin:.5em auto;max-width:290px; border:1px solid #ccc;}
.imgAlign4 ul li:first-child{margin:0 auto;}
.imgAlign4 ul li img{width:100%;max-width:290px;height:auto;}
.imgAlign4 ul li .t1{margin:.2em auto;padding:.4em;width:90%; line-height:1.8em; }

/* 이미지정렬 */
.imgAlign5{clear:both;position:relative;margin:1em 0;overflow:hidden;}
.imgAlign5:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.imgAlign5 ul{margin:0;padding:0;list-style:none;}
.imgAlign5 ul li{position:relative;margin:.5em auto;}
.imgAlign5 ul li:first-child{margin:0 auto;}
.imgAlign5 ul li img{width:100%;height:auto;}
.imgAlign5 ul li .t1{position:absolute;left:0;bottom:0;width:90%;padding:.2em 5%;height:27px;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.imgAlign5 ul li .t2{position:absolute;left:0;bottom:0;width:90%;padding:.3em 5%;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;line-height:120%;}
.imgAlign5 ul li .t3{position:absolute;left:0;bottom:0;width:90%;padding:.3em 5%; line-height:120%;}

/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;}
.imgExpand1 img{width:100%;}
.imgExpand1 .ic1{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;background:url(/portal/_common/img/inc/imgExpand1s.png) no-repeat;text-indent:-9999px;}


/* 샘플1 */
.sample1{position:relative;padding:2em;border:1px solid #e2e2e2;background:#f9f9f9;}
.sample1 .bg1{display:none;position:absolute;right:20px;top:50%;margin:-105px 0 0 0;width:211px;height:201px;background:url(/portal/_common/img/inc/sample1s.png) no-repeat;}
.sample1 .bg2{display:none;position:absolute;right:20px;top:50%;margin:-155px 0 0 0;width:259px;height:263px;background:url(/portal/life/_resource/img/health/health_00000515_01.jpg) no-repeat;}
.sample1 .bg10{display:none;position:absolute;right:20px;top:50%;margin:-105px 0 0 0;width:211px;height:201px;background:url(/portal/_common/img/inc/sample10s.gif) no-repeat;}



/* 샘플2 */
.spottxt{position:relative; overflow:hidden;color:#666666;padding-bottom:10px;}
.spottxt *{list-style:none;margin:0;padding:0;}
.spottxt .text{padding:13px;line-height:1.333;background:#69bd49;color:#fff;}
.spottxt .text02{padding:13px;line-height:1.333;background:#69bd49;color:#fff;} 
/*20190225 소제목 추가_박다희*/
.spottxt .text02 .s_tit{font-size:16px; letter-spacing:-0.03em;}
/*20190225 소제목 추가 끝*/
.spottxt .etext03{padding:13px;line-height:1.333;background:#b5520e;color:#fff;} 


/* 20151118 이미지정렬 추가 */

.img1text1{position:relative;overflow:hidden;}
.img1text1 img{width:100%;}
.img1text1 .t1{position:absolute;left:0;bottom:0;width:96%;padding:0 2%;height:33px;line-height:33px;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;}
.img1text1 .a1{position:absolute;width:33px;height:33px;right:0;bottom:0;background:url(/portal/_common/img/inc/imgExpand1s2.png) no-repeat;text-indent:-999999px;}

.img1text1.left{margin:0 20px 20px 0;padding:0;width:100%}
.img1text1.right{margin:0 0 20px 10px;padding:0;width:100%;}


.img1text1 .t1.bg1{background:url(/portal/_common/img/_lib/b/blue.000000.opacity.70.png) repeat;}
.img1text1 .t1.bg2{background:url(/portal/_common/img/_lib/b/orange.000000.opacity.70.png) repeat;}
.img1text1 .t1.bg3{background:url(/portal/_common/img/_lib/b/green.000000.opacity.70.png) repeat;}




.img1text2{position:relative;width:283px;overflow:hidden;}
.img1text2 img{width:100%;}
.img1text2 .t1{position:absolute;left:0;bottom:0;width:96%;padding:.5em 2%;color:#fff;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;}
.img1text2 .a1{position:absolute;width:45px;height:41px;right:0;bottom:0;background:url(/portal/_common/img/inc/imgExpand1s.png) no-repeat;text-indent:-999999px;}

.img1text2.left01{margin:0 auto;padding:0; }
.img1text2.right02{margin:0 auto;padding:0;}



/* 찾아오시는 길 */
.cmap{position:relative;margin:0 auto 0px;padding:0.5em;margin:20px 0; overflow:hidden;border:1px solid #e7e7e7;}
.cmap ul {list-style:none;padding:0;margin:0;}
.cmap ul li{float:left; padding:1em 1em 1em 6em;margin:0;min-height:40px;width:66%;}
.cmap ul li.t1{background:url(/portal/_common/img/inc/cmap_01@@.png) no-repeat 0 10px;border-bottom:1px solid #e3e3e3;border-right:0px;}
.cmap ul li.t2{background:url(/portal/_common/img/inc/cmap_02@@.png) no-repeat 10px 10px;}
.cmap ul li.t3{background:url(/portal/_common/img/inc/cmap_01@@.png) no-repeat 0 10px; border-right:0px;}
.cmap ul li .f1{display:block;margin:0;padding:0;font-size:1.143em; color:#000}
.cmap ul li .f2{display:block;margin:0;padding:0px 0 4px 0;}

/* 이미지정렬 */
.symb2 .lst1{margin:0 -1%;padding:10px 1px; margin:0 auto;}
.symb2 .li1{list-style:none;width:90%;padding:20px 0;border:0;text-align:center;}
 
/* 인터넷 */
.wifi{color:#ff0000;font-size:1.0em;}


/* Add Share Contents ◇◆◇◆◇◆◇◆◇◆ */

/* YYYYMMDD.Writer. ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

/* Responsive Scroll for table, img, .. */


/* ☆[JS] jQscrollTouch('.scroll1wrap', {setDesktop: false}); */
html.Mobile .scroll1wrap{position:relative;margin:4px 0;overflow:auto;} /* [~IE8] iScroll 불가하니 auto */
html.Mobile .scroll1wrap.myscroll{padding:0 0 23px 0;}
html.Mobile .scroll1wrap>.scroll1cont{/* [JS] width: 내부 최대크기; */ margin:0 auto;} /* width 100%보다 작을 때 가운데 오도록! */
html.Mobile .scroll1wrap>table tr>*, /* 내부 테이블 적용여부고려하자 */
html.Mobile .scroll1wrap>.scroll1cont>table tr>*{white-space:nowrap;} /* .scroll1cont 있을 수 있다. */
/* [JS]created */
html.Mobile .iScrollHorizontalScrollbar{left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;height:6px !important;background:#e2e2e2;}
html.Mobile .iScrollIndicator{border:0 solid #666 !important;border-radius:0 !important;background:#666 !important;opacity:1;}
html.Mobile .iScrollIndicator:hover,
html.Mobile .iScrollIndicator:focus{opacity:1;}

/* ☆[JS] jQscrollTouch('.scroll1wrap1all1', {setDesktop: true}); */
.scroll1wrap1all1{position:relative;margin:4px 0;padding-bottom:23px;overflow:auto;overflow-y:hidden;} /* [~IE8] iScroll 불가하니 auto */
:root .scroll1wrap1all1{overflow:hidden;} /* [IE9+표준] iScroll 가능하니 hidden */
.scroll1wrap1all1.myscroll{padding:0 0 23px 0;}
.scroll1wrap1all1>.scroll1cont{/* [JS] width: 내부 최대크기; */ margin:0 auto;}
.scroll1wrap1all1>table tr>*, /* 내부 테이블 적용여부고려하자 */
.scroll1wrap1all1>.scroll1cont>table tr>*{white-space:nowrap;} /* .scroll1cont 있을 수 있다. */
/* [JS]created */
.iScrollHorizontalScrollbar{left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;height:6px !important;background:#e2e2e2;}
.iScrollIndicator{border:0 solid #666 !important;border-radius:0 !important;background:#666 !important;opacity:1;}
.iScrollIndicator:hover,
.iScrollIndicator:focus{opacity:1;}

.disp01{display:none;} 

 
ol.bo5{list-style:none;margin:.5em 0;padding-left:0;}
ol.bo5 li {float:left;width:90%;padding:.7em; margin:.5em;border:1px solid #ccc;}
ol.bo5 li .ic1{display:inline-block;width:16px;height:16px;line-height:16px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol1bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ol.bo5 li .li1{width:97%; margin:0;padding:10px 0;line-height:1.3;text-align:center;} 
ol.bo5 li .li1 .txt{display:block;width:100%;padding:10px 0;text-align:left;}

ul.bu5{list-style:none;margin:.5em 0;padding-left:0;}
ul.bu5 li {float:left;width:90%;padding:.7em; margin:.5em;border:1px solid #ccc;}
ul.bu5 li .ic1{display:inline-block;width:16px;height:16px;line-height:16px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol1bg.png) no-repeat;font-size:0.862em;color:#e9e9e9;letter-spacing:-1px;}
ul.bu5 li .li1{width:97%; margin:0;padding:10px 0;line-height:1.3;text-align:center;} 
ul.bu5 li .li1 .txt{display:block;width:100%;padding:10px 0;text-align:left;}



ol.bo21{list-style:none;margin:1em 0;padding-left:0;}
ol.bo21 li{border-bottom:1px solid #e8e8e8;margin:0;padding:5px 0;}
ol.bo21 .ic2{display:inline-block;width:37px;height:44px;line-height:37px;color:#fff;text-align:center;background:url(/portal/_common/img/inc/ol2bg.png) no-repeat;font-weight:bold;font-size:1.143em;;color:#e9e9e9;letter-spacing:-1px;}
 


/* 영산청소년 */
.ysyouth01{position:relative;clear:both;margin:0;padding:0;overflow:hidden; }
.ysyouth01 .li{list-style:none;margin:0;padding:0;}
.ysyouth01 .lis{list-style:none;margin:0;padding:20px 0;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.ysyouth01 .lis.bb0{border-bottom:0px}
.ysyouth01 dl{margin:0;padding:0;}
.ysyouth01 dl dt{float:left;width:92%; margin:0; padding:20px 20px 15px 20px;font-size:1.29em;letter-spacing:-1px;color:#fff;font-weight:bold;}
.ysyouth01 dl dt.t1{background:url(/portal/life/_resource/img/ysyouth/floor_img01.gif) no-repeat;}
.ysyouth01 dl dt.t2{background:url(/portal/life/_resource/img/ysyouth/floor_img01.gif) no-repeat;}
.ysyouth01 dl dd{float:right;width:92%; margin:0;padding:4px 20px 15px 20px; display:block;}
.ysyouth01 dl dd ul{padding:20px 0 0 0}

 

.ysyouth02{position:relative;clear:both;margin:0;padding:0;overflow:hidden; border-top:1px solid #e6e6e6; }
.ysyouth02 .li{list-style:none;margin:0;padding:0;}
.ysyouth02 .lis{list-style:none;margin:0;padding:15px 0;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.ysyouth02 .lis.bb0{border-bottom:0px}
.ysyouth02 dl{margin:0;padding:0;}
.ysyouth02 dl dt{float:left;position:relative;width:80%; margin:0; padding:0px 0px 10px 35px;min-height:26px;font-size:1.385em;letter-spacing:-1px;color:#333;font-weight:bold;}
.ysyouth02 dl dt:after{content:'';display:block;position:absolute;left:0;top:5px;width:28px;height:28px;}

.ysyouth02 dl dt.t1:after{background:url(/portal/life/_resource/img/ysyouth/floor_img02.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t2:after{background:url(/portal/life/_resource/img/ysyouth/floor_img03.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t3:after{background:url(/portal/life/_resource/img/ysyouth/floor_img04.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t4:after{background:url(/portal/life/_resource/img/ysyouth/floor_img05.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t5:after{background:url(/portal/life/_resource/img/ysyouth/floor_img06.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t6:after{background:url(/portal/life/_resource/img/ysyouth/floor_img07.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t7:after{background:url(/portal/life/_resource/img/ysyouth/floor_img08.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t8:after{background:url(/portal/life/_resource/img/ysyouth/floor_img09.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t9:after{background:url(/portal/life/_resource/img/ysyouth/floor_img10.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t10:after{background:url(/portal/life/_resource/img/ysyouth/floor_img11.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t11:after{background:url(/portal/life/_resource/img/ysyouth/floor_img12.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t12:after{background:url(/portal/life/_resource/img/ysyouth/floor_img13.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t13:after{background:url(/portal/life/_resource/img/ysyouth/floor_img14.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.t14:after{background:url(/portal/life/_resource/img/ysyouth/floor_img15.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p1:after{background:url(/portal/tour/_resource/img/product/product_00001015_img01.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p2:after{background:url(/portal/tour/_resource/img/product/product_00001015_img02.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p3:after{background:url(/portal/tour/_resource/img/product/product_00001015_img03.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p4:after{background:url(/portal/tour/_resource/img/product/product_00001015_img04.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p5:after{background:url(/portal/tour/_resource/img/product/product_00001015_img05.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p6:after{background:url(/portal/tour/_resource/img/product/product_00001015_img06.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p7:after{background:url(/portal/tour/_resource/img/product/product_00001015_img07.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p8:after{background:url(/portal/tour/_resource/img/product/product_00001015_img08.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.p9:after{background:url(/portal/tour/_resource/img/product/product_00001015_img09.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e1:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img01.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e2:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img02.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e3:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img03.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e4:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img04.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e5:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img05.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e6:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img06.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e7:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img07.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e8:after{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img08.gif) no-repeat;background-size:contain;}
.ysyouth02 dl dt.e9{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img09.gif) no-repeat;background-size:contain;}

/*
.ysyouth02 dl dt.t1{background:url(/portal/life/_resource/img/ysyouth/floor_img02@@.gif) no-repeat;}
.ysyouth02 dl dt.t2{background:url(/portal/life/_resource/img/ysyouth/floor_img03@@.gif) no-repeat;}
.ysyouth02 dl dt.t3{background:url(/portal/life/_resource/img/ysyouth/floor_img04@@.gif) no-repeat;}
.ysyouth02 dl dt.t4{background:url(/portal/life/_resource/img/ysyouth/floor_img05@@.gif) no-repeat;}
.ysyouth02 dl dt.t5{background:url(/portal/life/_resource/img/ysyouth/floor_img06@@.gif) no-repeat;}
.ysyouth02 dl dt.t6{background:url(/portal/life/_resource/img/ysyouth/floor_img07@@.gif) no-repeat;}
.ysyouth02 dl dt.t7{background:url(/portal/life/_resource/img/ysyouth/floor_img08@@.gif) no-repeat;}
.ysyouth02 dl dt.t8{background:url(/portal/life/_resource/img/ysyouth/floor_img09@@.gif) no-repeat;}
.ysyouth02 dl dt.t9{background:url(/portal/life/_resource/img/ysyouth/floor_img10@@.gif) no-repeat;}
.ysyouth02 dl dt.t10{background:url(/portal/life/_resource/img/ysyouth/floor_img11@@.gif) no-repeat;}
.ysyouth02 dl dt.t11{background:url(/portal/life/_resource/img/ysyouth/floor_img12@@.gif) no-repeat;}
.ysyouth02 dl dt.t12{background:url(/portal/life/_resource/img/ysyouth/floor_img13@@.gif) no-repeat;}
.ysyouth02 dl dt.t13{background:url(/portal/life/_resource/img/ysyouth/floor_img14@@.gif) no-repeat;}
.ysyouth02 dl dt.t14{background:url(/portal/life/_resource/img/ysyouth/floor_img15@@.gif) no-repeat;}
.ysyouth02 dl dt.p1{background:url(/portal/tour/_resource/img/product/product_00001015_img01@@.gif) no-repeat;}
.ysyouth02 dl dt.p2{background:url(/portal/tour/_resource/img/product/product_00001015_img02@@.gif) no-repeat;}
.ysyouth02 dl dt.p3{background:url(/portal/tour/_resource/img/product/product_00001015_img03@@.gif) no-repeat;}
.ysyouth02 dl dt.p4{background:url(/portal/tour/_resource/img/product/product_00001015_img04@@.gif) no-repeat;}
.ysyouth02 dl dt.p5{background:url(/portal/tour/_resource/img/product/product_00001015_img05@@.gif) no-repeat;}
.ysyouth02 dl dt.p6{background:url(/portal/tour/_resource/img/product/product_00001015_img06@@.gif) no-repeat;}
.ysyouth02 dl dt.p7{background:url(/portal/tour/_resource/img/product/product_00001015_img07@@.gif) no-repeat;}
.ysyouth02 dl dt.p8{background:url(/portal/tour/_resource/img/product/product_00001015_img08@@.gif) no-repeat;}
.ysyouth02 dl dt.p9{background:url(/portal/tour/_resource/img/product/product_00001015_img09@@.gif) no-repeat;}
.ysyouth02 dl dt.e1{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img01@@.gif) no-repeat;}
.ysyouth02 dl dt.e2{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img02@@.gif) no-repeat;}
.ysyouth02 dl dt.e3{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img03@@.gif) no-repeat;}
.ysyouth02 dl dt.e4{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img04@@.gif) no-repeat;}
.ysyouth02 dl dt.e5{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img05@@.gif) no-repeat;}
.ysyouth02 dl dt.e6{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img06@@.gif) no-repeat;}
.ysyouth02 dl dt.e7{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img07@@.gif) no-repeat;}
.ysyouth02 dl dt.e8{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img08@@.gif) no-repeat;}
.ysyouth02 dl dt.e9{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img09@@.gif) no-repeat;}
*/
.ysyouth02 dl dd{float:right;width:100%; margin:0; padding:0; }
.ysyouth02 dl dd ul{padding:0;}
.ysyouth02 .lis .pic{list-style:none;margin:0;padding:0;overflow:hidden;width:90%; text-align:center;}

/* 평생학습도시 선언문 */
.edu_greeting{position:relative;padding:0;margin:0;background:url(/portal/life/_resource/img/edu/edu_00000427_01@@.jpg) no-repeat 50% 0 ; overflow:hidden; border:1px solid #db8416;}
.edu_greeting .txt{padding:100px 0;margin:0 auto;width:80%;}
.text_001{font-size:28px;line-height:33px;font-family:'나눔명조';color:#01a686;}

.graph11{float:left;background:url(/portal/_common/img/inc/graph01.jpg) repeat-x;}
.graph12{float:left;background:url(/portal/_common/img/inc/graph02.jpg) repeat-x;}
.graph13{float:left;background:url(/portal/_common/img/inc/graph03.jpg) repeat-x;}
.graph14{float:left;background:url(/portal/_common/img/inc/graph04.jpg) repeat-x;}
.img0459_001 {display: block; float: right; position: relative; right: -10px;  top: -23px;}

/* 가로 스크롤바  */
.pcTableScroll1{width:100%;}
.pcTableScroll1s{width:100%;overflow:hidden;padding:0 0 5px 0;overflow-x:auto;}
.pcTableScroll1 table{table-layout:fixed;}


/* 연혁  */
.history10 {position:relative;margin:2em 0;padding:0;width:100%;border-bottom:1px solid #e6e6e6;}
.history10 dl{list-style:none;padding:0 0 30px 0;margin:0;display:block;overflow:hidden;}
.history10 dt{clear:both;float:left;margin:0;padding:0 0 14px 0;width:100%;display:block;overflow:hidden;color:#000;font-size:26px;font-weight:bold;line-height:28px;}
.history10 dt .fsd{font-size:15px !important; letter-spacing:-1px;font-weight:normal;line-height:20px;}
.history10 dd{float:right;width:100%;padding:0;margin:0;display:block;overflow:hidden;background:url(/portal/_common/img/sub/c08_01_01_img8.gif) no-repeat;}
.history10 dd.b1{background:url(/portal/_common/img/sub/c08_01_01_img8.gif) no-repeat 0px 10px;}
.history10 dd.b2{background:url(/portal/_common/img/sub/c08_01_01_img8@.gif) no-repeat 0px top;}
.history10 dd.b3{background:url(/portal/_common/img/sub/c08_01_01_img8@.gif) no-repeat 0px top;}
.history10 dd .t1{float:left; width:90%;color:#000;padding:0px 10px 0px 30px; background:url(/portal/_common/img/sub/history1.bu1.png) no-repeat 3px 8px;color:#000;font-weight:bold;}
.history10 dd .t2{float:left; width:90%;padding:0px 0 0px 30px;}
.history10 dd .t3{float:left; width:90%;padding:0px 0 0px 30px;background:url(/portal/_common/img/sub/history1.bu1.png) no-repeat 3px 8px;}
html.Mobile .history10 dd .t3{position:relative;background:none;}
html.Mobile .history10 dd .t3:after{content:'';display:block;position:absolute;left:3px;top:4px;width:10px;height:10px;border-radius:10px;background:#ff7712;}


.disaster01{margin:0 0 1.5em 0;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
.disaster01 .lst1{list-style:none;margin:0;padding:10px 0;overflow:hidden;}
.disaster01 .li1{float:left;width:100%;margin:0;padding:10px 0; overflow:hidden; }
.disaster01 .li1 .wrap1{display:block;position:relative;overflow:hidden;}
.disaster01 .li1 .f1{float:left;position:relative;width:30%;height:0;margin:0 3% 3% 0;padding-bottom:33% /* = Design 2/3 */; text-align:center;overflow:hidden;}
.disaster01 .li1 .f1 .f1p1{display:block;position:absolute;left:0;top:0;width:100%;height:100%; }
.disaster01 .li1 .f1 img{display:block;position:relative;width:auto;max-width:100%;height:auto; margin:0 auto;}
.disaster01 .li1 .text{float:left;position:relative;width:50%;display:block;border:1px solid #d5d5d5; padding:20px;}
.disaster01 .li1 .t1{display:inline-block;margin:0 0 .25em;color:#333;font-size:1.077em;}
.disaster01 .li1 .t2{display:block;margin:.25em 0;color:#666;font-size:.923em;}


.bleft20{position:relative;float:left;width:98.5%;}
.bright80{position:relative;float:left;width:98.5%;}

.bleft40{position:relative;float:left;width:98.5%;}
.bright60{position:relative;float:left;width:98.5%;}

.bleft65{position:relative;float:left;width:98.5%;}
.bright35{position:relative;float:left;width:98.5%;}


/* 인사말 */
.greeting{position:relative;padding:0;margin:0;width:100%;}
.greeting .b1{width:49.9%;float:left;}
.greeting .r1{width:49.9%;float:right;}



/* tab */

.officeguide1{position:relative;padding:10px 0;margin:0;}

.officeguide1 ul.tabs{list-style:none;margin:0;padding:0 1px 12px 0;overflow:hidden;}
.officeguide1 li.tab{float:left;width:32.685%;padding:4px 0;}
*+html .officeguide1 li.tab{width:33.685%;}
.officeguide1 li.tab a{display:block;height:38px;border:1px solid #d6d6d6;background:#f1f1f1;margin:0 -1px 0 0;color:#666;font-size:13px;line-height:34px;text-align:center;text-decoration:none;}
.officeguide1 li.tab a:hover,
.officeguide1 li.tab a:focus{border-color:#666;background:#666;color:#fff;}
.officeguide1 li.tab.on a{position:relative;border-color:#0b2a49;background:#0b2a49;color:#fff;}
.officeguide1 li.tab.on a .ic1{float:left;position:absolute;left:50%;bottom:-1px;width:0;height:0;margin:0 -6px;border:6px solid transparent;border-bottom-color:#fff;} /* ▽CSS */
.officeguide1 .cont{letter-spacing:-1px;overflow:hidden;width:100%;}
.officeguide1 .cont .h1{color:#333;font-size:20px;}
 
.officeguide1 .cont .f1 .pic{float:left;width:100%;padding:0;border:1px solid #ccc;}
.officeguide1 li.tab5{width:19.76%;}
.officeguide1 li.tab4{width:23.76%;}

.officeguide1 ol.tabas{list-style:none;margin:0;margin:0;overflow:hidden;}
.officeguide1 li.taba{display:block;float:left;width:49.76%;margin:0;padding:0;letter-spacing:-3px;}
.officeguide1 li.taba a{margin:0 -1px 0 0px;padding:5px 5px;color:#666;font-size:13px; text-decoration:none;}
.officeguide1 li.taba a:hover,
.officeguide1 li.taba a:focus{ color:#000; }
.officeguide1 li.taba.on a{position:relative; color:#000;font-weight:bold;}
.officeguide1 li.taba.on a .ic2{display:block;float:left;position:absolute;left:1%;top:22px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#ff4a0e; } /* ▽CSS */



.officeguide2{position:relative;padding:10px 0;margin:0;}

.officeguide2 ul.tabs{list-style:none;margin:0;padding:0 1px 12px 0;overflow:hidden;}
.officeguide2 li.tab{float:left;width:32.685%;padding:4px 0;}
*+html .officeguide2 li.tab{width:33.685%;}
.officeguide2 li.tab a{display:block;height:38px;border:1px solid #d6d6d6;background:#f1f1f1;margin:0 -1px 0 0;color:#666;font-size:13px;line-height:34px;text-align:center;text-decoration:none;}
.officeguide2 li.tab a:hover,
.officeguide2 li.tab a:focus{border-color:#666;background:#666;color:#fff;}
.officeguide2 li.tab.on a{position:relative;border-color:#0b2a49;background:#0b2a49;color:#fff;}
.officeguide2 li.tab.on a .ic1{float:left;position:absolute;left:50%;bottom:-1px;width:0;height:0;margin:0 -6px;border:6px solid transparent;border-bottom-color:#fff;} /* ▽CSS */
.officeguide2 .cont{letter-spacing:-1px;overflow:hidden;width:100%;}
.officeguide2 .cont .h1{color:#333;font-size:20px;}
 
.officeguide2 .cont .f1 .pic{float:left;width:100%;padding:0;border:1px solid #ccc;}
.officeguide2 li.tab5{width:19.76%;}
.officeguide2 li.tab4{width:23.76%;}

.officeguide2 ol.tabas{list-style:none;margin:0;margin:0;overflow:hidden;}
.officeguide2 li.taba{display:block;float:left;width:49.76%;margin:0;padding:0;letter-spacing:-3px;}
.officeguide2 li.taba a{margin:0 -1px 0 0px;padding:5px 5px;color:#666;font-size:13px; text-decoration:none;}
.officeguide2 li.taba a:hover,
.officeguide2 li.taba a:focus{ color:#000; }
.officeguide2 li.taba.on a{position:relative; color:#000;font-weight:bold;}
.officeguide2 li.taba.on a .ic2{display:block;float:left;position:absolute;left:1%;top:22px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#ff4a0e; } /* ▽CSS */


/*예약캘린더*/
div.cal_bu{}
ul.bu_ta{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ul.bu_ta ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu_ta li{margin:0;padding:0;font-size:11px; /* ☆ */;}


/*민원편람*/
.attach1 a {color:#555;}


/*청소년지도자소개모듈탭메뉴*/
.cnb2016{margin:20px 0 0 0;overflow:hidden;}
/*tab*/
/*.cnb2016{display:block;clear:both;width:100%;float:none;padding:20px 0 40px;}*/
.cnb2016 .tour1Tab4{display:inline;}
.cnb2016 .tour1Tab4 a{display:block;float:left;font-size:14px;padding:10px 0;letter-spacing:-2px;color:#555;border:1px solid #d7d7d7;background:#f7f7f7;text-align:center;margin:0 0 0 -1px;text-decoration:none;}
.cnb2016 .tour1Tab4:first-child a{margin:0;}
.cnb2016 .tour1Tab4.on a{position:relative;background:#53a01c;border-color:#53a01c;color:#fff;}
.cnb2016 .tour1Tab4.on a .deco{display:block;position:absolute;left:50%;bottom:-8px;margin:0 0 0 -9px;width:18px;height:9px;background:url(/portal/tour/_resource/img/sites/tour1s.png) no-repeat -100px -40px;}

.cnb2016.col-1 h2 a{width:99.777%;}
.cnb2016.col-2 h2 a{width:49.444%;}
.cnb2016.col-3 h2 a{width:32.8%;} 
.cnb2016.col-4 h2 a{width:24.555%;} 
.cnb2016.col-5 h2 a{width:19.555%;} 


/*청소년지도자소개모듈탭2*/
.organization{margin-top:25px;}
.organization a{display:block;width:165px;text-decoration:none !important;}
.organization ul{list-style:none;padding:0;margin:0;}
.organization ul li{padding:0;padding:0;overflow:hidden;}
.organization ul li p{width:165px;padding:0.75em 0;margin:0 0 0 0;text-align:center;/*border-radius:3px;*/}
.organization ul.organi_wrap{}

.organization ul.organi_wrap li .o_level01{background-color:#ff9833;color:#fff;font-size:1.3em;letter-spacing:2px;line-height:1.3em;font-weight:bold;}
.organization ul.organi_wrap li .o_level02{background-color:#cc6600;color:#fff;font-size:1.143em;line-height:1.3em;}
.organization ul.organi_wrap li .o_level03{float:left;background-color:#dddee0;color:#333;}
.organization .bg_depth1{height:20px;margin:0;padding:0;background:url(/portal/country/_resource/img/guide/bg_organi.gif) repeat-y;}
.organization .obg{background:url(/portal/country/_resource/img/guide/bg_organi.gif) repeat-y;padding:0 0 18px 0;margin:0;}
.organization .organi_box{float:left;margin:0;padding:0; width:45%;}
.organization .organi_box li{width:165px;border:1px solid #d5d5d5;/*border-radius:3px;*/padding:0.65em 0 !important;margin:0 0 10px 6px !important;text-align:center;overflow:hidden;background:none; letter-spacing:-2px;}
.organization .organi_box li a{color:#333; }


.organization ul.organi_wrap02{clear:both;margin:20px 0 0;overflow:hidden;}
.organization ul.organi_wrap02 li .o_level04{background:#6fa03e;color:#fff;}
.organization .organi_box02 li.last{background:none;margin:0 !important;}
.organization .organi_box02 li {width:142px;float:left;overflow:hidden;background:url(/portal/country/_resource/img/guide/bg_organi01.gif) repeat-x;padding:0 5px 0 0;margin:0 0 10px 0;}
.organization .organi_box02 .cobox{display:block;background:#dddee0;padding:0.65em !important;margin:0;text-align:center;color:#333;}



.organization1 *{list-style:none;padding:0;margin:0;}
.organization1 a{display:block;float:left;	width:145px;text-decoration:none !important;overflow:hidden; font-size: 17px;}
.organization1 a:focus [class*='level']{background:#333 !important;color:#fff}
.organization1 [class*='level']{display:block;z-index:10;position:relative;width:145px;padding:0.45em 0;text-align:center;}
.organization1 .level1{font-size:1.3em;letter-spacing:5px;line-height:1.3em;font-weight:bold;color:#fff;background:#008cd6;}
.organization1 .level2{color:#fff;font-size:1.143em;line-height:1.3em;font-weight:bold;background:#0374c4;}
.organization1 .level3{float:left;color:#fff;background:#0b4670;}
.organization1 .level3_2{float:left;color:#404040;background:#ddd;margin:0 0 10px; font-size: 21px; font-weight:bold;}
.organization1 .level4{clear:both;float:none;color:#fff;background:#557512;}
.organization1 .level4_2{float:left;color:#fff;background:#557512;}
.organization1 .level4_3{float:left;color:#fff;background:#082b44;}
.organization1 .level5{color:#333;background:#eee !important;margin:0 0 10px;}
.organization1 .orgWrap1{float:left;margin:-45px 0 0 155px;}
.organization1 .organi_box{float:left;}
.organization1 .organi_box li{width:140px;text-align:center;border:1px solid #d5d5d5;padding:0.7em 0;margin:0 0 10px 10px;background:#fff;overflow:hidden;}
.organization1 .organi_box2{}
.organization1 .organi_box2 li{width:140px;text-align:center;border:1px solid #d5d5d5;padding:0.7em 0;margin:0 0 10px;background:#fff;overflow:hidden;}
.organization1 .organi_box3{clear:both;width:100%;}
.organization1 .organi_box3 li{float:left;text-align:center;width:143px;border:1px solid #d5d5d5;padding:0.5em 0;margin:0 10px 10px 0;background:#fff;overflow:hidden;}
.organization1 .organi_box3 li a{color:#333}
.organization1 .orgBg1{padding:0 0 10px;width:100%;background:url(/portal/country/_resource/img/guide/bg_organi.gif) repeat-y;overflow:hidden;}

.opi{margin-top: 0.33em; margin-bottom: 0.33em;}

.opi .ico-txt.p1 {height: 19px;  line-height: 18px; font-size: 14px;   border: 1px solid #d6d6d6;  border-radius: 3px; padding: 1px 3px; background-color:#eee;}

/*
.opi .ico-cg{color: #fff; background-color:#6ca54a; } /*월급
.opi .ico-cb{color: #fff; background-color:#31a0d2; } /*연봉
.opi .ico-cr{color: #fff; background-color:#e86451; } /*시급
*/

.opi .ico-txt.v1 { height: 20px;  line-height: 18px; font-size: 14px; padding:0 4px; float:right; border: 1px solid #d6d6d6; background-color:#eee;}
/*
.opi .ico-cp-sg {color: #458121;  border: 1px solid #76b94e; } /*주6일
.opi .ico-cp-sy {color: #bbad13;  border: 1px solid #bbad13; } /*주5일
.opi .ico-cp-sr {color: #e86451;  border: 1px solid #e86451; } /*격주
*/
.opi span.opi-t{ padding-left:1px;}


.video1wrap1{width:100%;
	max-width:800px; /* [CR] 제어바 최대폭에 맞춤 */
	margin:0 auto;
}
.audio1wrap1{width:100%;max-width:800px;margin:0 auto;}

/*2019창녕조직도*/

#organization {}

#organization .head  {background: url('/portal/country/_resource/img/guide/org_line.gif') no-repeat center 105px;width:100%;display:inline-block;text-align:center;padding: 0 0 51px 0;/* z-index: 99999; */}
#organization .head h4.h0 {width:164px;height:191px;color:#fff;background: url('http://www.namhae.go.kr/portal/img/sub/06/org1s1_m1Bg_b.png') no-repeat center top;line-height: 145px;margin:0 auto;text-align:center;/* list-style: none; */}
#organization .head h4.h0 a.ti { color:#fff;}
#organization .head h4.h0 a {text-decoration:none;}
#organization .head h4.h0 span {/* border-top:2px solid #fff; */margin: 10px 0 0 0px;padding: 10px 0 0 0px;font-size: 30px; color:#fff;}
#organization .head li:nth-child(1) {background:#2c73a7;width:155px;height:45px;line-height:45px;text-align:center;font-size:17px;margin: -26px 263px 12px;}
#organization .head li:nth-child(2) {background:#117cc0; width:155px; height:45px; line-height:45px; text-align:center; font-size:17px; float:right; margin:0 80px 0 0}
#organization .head li:nth-child(2) a {}
#organization .head li a {color:#fff;font-weight:bold;width:100%;height:100%;display:block;list-style: none; text-decoration:none;}

#organization .org_box {text-align:center;display:inline-block;background: url(/portal/country/_resource/img/guide/org_line.gif) no-repeat center -192px;}
#organization .org_box ul {width:100%;display:inline-block;vertical-align:top;margin: 8px 0 20px -43px;}
#organization .org_box ul li {width:198px;margin: 0 8px;display:inline-block;vertical-align:top;/* display: none; */}
#organization .org_box ul li a {width:100%;padding:8px 0;display:inline-block;color:#fff;background: #2c73a7;text-decoration:none;}
#organization .org_box ul li ul li {width:100%;margin: 5px 0 0 0px;border: 1px solid #f1f1f1;/* border-top:none; */top:0;}
#organization .org_box ul li ul li a {background:#d5d5d5;color:#121212; text-decoration:none;}
#organization .org_box ul li ul li a:hover {background:#efefef}
#organization .org_box ul li ul li span.ti2 a  {color: #fff; background: #70a03d;}
#organization .org_box ul li ul li span.ti3 a  {color: #fff; background: #2c73a7;}
#organization .org_box ul li span.ti4 a  {color: #000; background: #d5d5d5;}

#organization .org_box ul.org_2 {padding:17px 0 0 0; background:url('../images/contents/org_line2.gif') no-repeat center top; margin:40px 0 0 0}
#organization .org_box ul.org_2 li a {background:#217fa1}
#organization .org_box ul.org_2 li ul li a {background:#fff} 
#organization .org_box ul.org_2 li {width:265px; vertical-align:top }
#organization .org_box ul.org_2 li ul li {width:100%}
#organization .org_box ul.org_2 li ul li a:hover {background:#efefef}


/* 직원찾기 191015 */
.card1duty1{margin:0 0 1.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.375;}
.card1duty1 .wrap1{display:block;position:relative;
	border:1px solid #d4d7d9;
	overflow:hidden;
	transition:.2s ease-out;
}
.card1duty1 .wrap1:hover{
	border-color:#333;
	box-shadow:1px 1px 0 0 rgba(0, 0, 0, .1);
}
.card1duty1 .wrap1:hover .a1{
	text-decoration:none;
}
.card1duty1 .t1{display:block;margin:0;
	padding:.75em .5em;
	border-bottom:1px solid #dadde0;
	background:#f7f8f9;
	color:#000;
	font-weight:400;
	font-size:1.125em;
	text-align:center;
	overflow:hidden;
}
.card1duty1 .a1:hover .t1{background:#fff;}
.card1duty1 h4{font-size:1.25em; margin:1em 0 0 4px; font-weight:600; line-height:1.375; }
.card1duty1 .hb4{background:url(/portal/_common/img/inc/h1bg_country.png) no-repeat 0 .25em; padding:0 0 1px 1.35em; margin-bottom: 0.52em;}
.card1duty1 .dl1{margin:.75em 0 .75em 1em;padding:0 0 0 4em;font-size:.9375em;overflow:hidden;min-height:auto !important;}
.card1duty1 .dt1{float:left;width:4em;margin:0 0 0 -4em;padding:.1875em 0;}
.card1duty1 .dd1{margin:0 1em 0 0;padding:.1875em 0;}
.card1duty1 .dt1:first-child+.dd1{color:#000;}
.card1duty1 .dd1 a[href^='tel'] {padding-left:0}
.card1duty1 .dd1 a[href^='tel']:before {display:none}

.card1duty1 .lst2{list-style:none;
	margin:.75em -1em 0 0;
	padding:1em 0 .375em 0;
	border-top:1px dotted #ddd;
	font-size:.9375em;
}
.card1duty1 .li2{padding:0 .75em .375em .75em;background:url(/portal/_common/img/sub/bu3s.png) no-repeat -365px 2px;color:#666;}
@media all and (min-width:640px){
	.card1duty1 .dl1 {min-height:208px !important}
}
/*직위 + 팩스번호 */
.search1 .faxinfo {display:block; float:left; font-weight:600; margin-top:19px; color:#2e4cbf; font-size:1.29em; letter-spacing:-1px;}
.card1duty1 .wrap3{margin:-14px 0 0 0;}
.card1duty1 .dt3{float:left; width:3.3em; margin:0 0 0 4px; padding:.1875em 0; font-weight:600;}
.card1duty1 .dd3{margin:0 1em 0 0; padding:.1875em 0;}
@media all and (min-width:1024px){
	.search1 .faxinfo {display:inline-block; margin-left:0px; margin-top:19px; }
}




/*조직도개편 - 2 */
.organization-chart{width:100%;
	margin:20px 0;
}
.organization-chart *{list-style:none;padding:0;margin:0;}
.organization-chart a{text-decoration:none !important;;}
.org-chart03{list-style:none;
	padding:0;margin:0;
}
.org-chart03 [class*='org-mayor']{
	display:block;
	width:30%;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:1.714em;
	margin:0 auto 20px;
}
.org-chart03 [class*='org-mayor'] span{display:block;
	padding:12px 0;
}
.org-chart03 .org-mayor3 span{background:#0401da;}/* 군수 */
.org-chart03 .org-mayor4 span{background:#0094fd;}/* 부군수 */
.org-chart03 .org-mayor3:link, .org-chart03 .org-mayor3:link,
.org-chart03 .org-mayor3:hover, .org-chart03 .org-mayor4:hover{color:#fff !important;}
.org-chart03 strong{display:block;
	width:140px;
	text-align:center;
}
.org-chart03 strong a{display:block;
	color:#000;
	font-size:15px;
	font-weight:600;
	padding:0;
	border:1px solid #a1a1a1;
	background:#fff;	  
	height:48px;
	line-height:50px;
}
.org-chart03 p span{display:block;
	font-size:13px;
	padding:12px 30px 10px;
	margin:0;
	border:1px solid #ccc;
	background:#f8f8f8;
}
.org-chart03 p a{
	display:inline-block;
	color:#555;
	padding: 0 .75em;
	background:url(/portal/_common/img/sub/bu3s.png) no-repeat -365px 5px;
}
.org-chart03 dt{display:block;
	width:140px;
	height:50px;
	text-align:center;
	background:#00803f;
	margin:0 0 10px;
}
.org-chart03 dt.mgray{background:#00ac2d}
.org-chart03 dt a{display:block;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:50px;
}
.org-chart03 dt a:hover, .org-chart03 dt a:focus{color:#fff;}

.org-chart03 strong:after{content:'';
	display:block;
	margin:0 auto;
	width:1px;height:20px;
	background:#ddd;
}
.org-chart03 p:after{content:'';
	display:block;
	margin:0 0 0 70px;
	width:1px;height:20px;
	background:#ddd;
}
.org-chart03 .budg+p{margin-bottom:20px;}
.org-chart03 .budg+p:after{display:none;}
.org-chart03 [class*='dep'] ul li:last-child p{margin-bottom:20px;}
.org-chart03 [class*='dep'] ul li:last-child p:after{display:none;}

@media all and (min-width:1200px){
	.org-chart03{background:url(/portal/_common/img/sub/org_line03.gif) no-repeat 0 45px;}
	.org-chart03 .org-mayor4{margin:0 auto 40px;}
	.org-chart03 strong{float:left;width:180px;}
	.org-chart03 p{float:left;margin:0 0 0 10px;width:700px;}
	.org-chart03 p span{height:26px;}
	.org-chart03 strong a{font-size:17px;}
	.org-chart03 dl{margin:20px 0 0 0;
		background:url(/portal/_common/img/sub/org_line04.gif) repeat-y;
	}
	.org-chart03 dt{clear:both;width:180px;margin:0 0 20px;}
	.org-chart03 dt a{font-size:17px;}
	.org-chart03 dd{overflow:hidden;}
	.org-chart03 strong:after,
	.org-chart03 strong.budg:after{background:transparent}
	.org-chart03 p:after{background:transparent;}
	.org-chart03 [class*='dep'] ul li:last-child strong:after{display:none;}
	.org-chart03 [class*='dep'] ul li:last-child p{margin-bottom:0;}
	.org-chart03 li.dep04{margin:100px 0 0 0;padding:0 0 0 190px;overflow:hidden;}
	.org-chart03 li.dep04 p{width:510px;}
	.org-chart03 .dep05{margin:-140px 0 0;}
	.org-chart03 .dep05 dt{margin:0 0 90px;}
	.org-chart03 .dep08{margin:20px 0;overflow:hidden;}
	.org-chart03 .dep09{margin:20px 0 0;}
}

/*조직도개편 - 2 */


@media all and (min-width:550px){
	.org1cys span {padding:16px 0}
	.org1cys:before {top:50px;height:294px}
	.org1cys .h1, .org1cys .d2-1 .h2, .org1cys .h3 {font-size:17px}
	.org1cys .h2, .org1cys .d2-2 .h2, .org1cys .d3 > li.d3-1 .h3, .org1cys .d3 > li.d3-2 .h3 {display:block;width:190px;}
	.org1cys .d2-2 .h2 em {font-size:15px}
	.org1cys .d3:before {top:95px;}
	.org1cys .d3 > li.d3-1 .h3, .org1cys .d3 > li.d3-2 .h3 {padding:16px 0;font-size:17px}
	.org1cys .d3 > li.d3-1, .org1cys .d3 > li.d3-2 {text-align:center;}
	.org1cys .d3 > li.d3-3:before {height:25px;top:-25px;}
	/*.org1cys .d3 > li.d3-3 span {padding-left:20px}*/
	.org1cys .d4 > li {margin-top:12px;font-size:15px}
}
@media all and (min-width:768px){
	.org1cys {padding:0 50px;margin-bottom:40px}
	.org1cys .h2 {margin-left:7%}
	.org1cys .d3:before {width:69%;margin-left:-34.5%;}
	.org1cys .d3 > li.d3-1 .h3 {margin-left:14%}
	.org1cys .d3 > li.d3-2 .h3 {margin-right:14%}
	.org1cys .d3 > li.d3-3 {width:31%;}
}



/* 창녕양파장류연구소 */
.onion_c0101 { background:url('/portal/life/_resource/img/cnonion/c1.1bg.png') no-repeat; padding:40% 0 0 0; letter-spacing: -.5px; background-size:contain; }
.onion_c0101 p.sty1 {font-size:23px;letter-spacing: -2px;}
.onion_c0101 p.sty1 em {font-size:33px; color:#138957;}
.onion_c0101 p.sty2 {color:#000;}
.fscase {display:block; font-size:0.87em; font-weight: bold;}

.onion_c0102 {margin-top:50px;}
.onion_c0102 h3 {width:140px; height:140px; background:#2684dc; border-radius: 50%;margin: 0 auto; color:#fff; font-size:17px; letter-spacing:-.7px; position:relative;}
.onion_c0102 h3 span {display:block; letter-spacing: -2px; text-align: center; padding:37px 0 0 0; line-height:22px;}
.onion_c0102 .model1 h3 {background:#3ac7dc;}
.onion_c0102 .model3 h3 {background:#f7961e;}
.onion_c0102 .model2 h3 span {padding-top:58px;}
.onion_c0102 .model3 h3 span {padding-top:58px;}
.onion_c0102 h4 { background:url('/portal/life/_resource/img/cnonion/danma.png') no-repeat; display:block; width:148px; margin: 35px auto;
    text-align: center; font-size: 15px; font-weight: normal; line-height: 21px; padding: 63px 0 65px 0;}
.onion_c0102 h3::before { position: absolute; display: block; content: '';  width: 7px; height: 7px; border-radius: 50%; border:2px solid #fff; 
bottom: -7px; left: 50%; transform: translate(-50%, 0); z-index:999;}
.onion_c0102 .model1 h3::before { background: #3ac7dc;}
.onion_c0102 .model2 h3::before { background: #2684dc;}
.onion_c0102 .model3 h3::before { background: #f7961e;}
.onion_c0102 h3::after { position: absolute; display: block; content: ''; width: 1px; height: 35px; border-radius: 50%; background: #c2c2c2; 
bottom: -35px; left: 50%; transform: translate(-50%, 0);}
.onion_c0102 h4 {position:relative;}
.onion_c0102 h4::before { position: absolute; display: block; content: '';  width: 7px; height: 7px; border-radius: 50%; background: #a3a3a3; border:2px solid #fff; 
bottom: -7px; left: 50%; transform: translate(-50%, 0); z-index:999;}
.onion_c0102 h4::after { position: absolute; display: block; content: ''; width: 1px; height: 35px; border-radius: 50%; background: #c2c2c2; 
bottom: -35px; left: 50%; transform: translate(-50%, 0);}
.onion_c0102 div.dantxt {background:#f7f7f7; border:1px solid #d6d6d6;padding: 10px 30px; width: 40%; margin: 0 auto;}
.onion_c0102  i.arrow {background:url('/portal/life/_resource/img/cnonion/c1.2_arrow.png') no-repeat; width:47px; height:51px; display:block; margin:30px auto  30px;}

.his{padding-top:0px;}
.his p{ margin:0; padding:0;}
.his i.icon{background:url('/portal/life/_resource/img/cnonion/c1.4_ic.png') no-repeat; width: 150px; height: 150px; margin: 0 auto; display: block;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);}
.his_wrap{position:relative;	height:100%;	margin:35px 0 0;}
.his_wrap::after{display:block;	content:'';	position:absolute; width:11px;	height:11px;	background:#fff;	border:4px solid #4c9cd8;	left:50%;	top:-5.5px;	margin-left:-9px;	border-radius:50%;}
.his_wrap::before{display:block;content:'';position:absolute;width:7px;height:7px;background:#c2c2c2;	left:50%;bottom:0px;	margin-left:-3.5px;border-radius:50%;}
.his_list{width:100%;	position:relative;	padding:76px 0 0;}
.his_list::before{display:block;content:'';position:absolute;	width:1px;height:100%;	background:#c2c2c2;top:0px;	left:50%;margin-left:-0.5px;}
.his_list::after{	display:block;	content:'';	clear:both;}
.his_list > div{float:left;	width:50%;text-align:right;	/*min-height:198px;*/min-height:400px;}
.his_list > div:nth-child(2){	margin-top:112px;}
.his_list > div:nth-child(even){	float:right;text-align:left;	min-height:}
.his_list > div:nth-child(odd) h2,
.his_list > div:nth-child(odd) p{padding-right:35px;}
.his_list > div:nth-child(even) h2,
.his_list > div:nth-child(even) p{padding-left:35px;}
.his_list h2{font-size:1.625em;	font-weight:800;	letter-spacing:-0.025em; margin-bottom:10px;color:#4c9cd8;}
.his_list div h2 span{color:#4c9cd8;}
.his_list h2.his_line{position:relative;}
.his_list > div:nth-child(odd)  h2.his_line::before{right:20px;}
.his_list > div:nth-child(odd)  h2.his_line::after{	right:0px;}
.his_list > div:nth-child(even)  h2.his_line::before{left:20px;}
.his_list > div:nth-child(even)  h2.his_line::after{	left:0px;}
.his_list h2.his_line::before{	position:absolute; display:block; content:'';	width:7px;height:7px;border-radius:50%;	background:#c2c2c2;top:50%;	margin-top:-3.5px;}
.his_list h2.his_line::after{position:absolute;display:block;	content:'';	width:20px;	height:1px;border-radius:50%;	background:#c2c2c2;top:50%;	margin-top:-0.5px;}
.his_list p{	line-height:2em;	letter-spacing:-0.025em;font-weight:400;}
.his_list div p span {font-weight:bold; display:block;}

.cnon_c0609 ul, .cnon_c0609 ul li { margin:0; padding:0; list-style:none; }
.cnon_c0609 ul li {text-align:center; margin-bottom:10px;}

.cnon_konze {overflow:hidden;}
.cnon_konze ul, .cnon_konze ul li { margin:0; padding:0; list-style:none; }
.cnon_konze ul li { width:216px; float:left; position:relative; margin:0 0 20px 20px;}
.cnon_konze ul li:first-child {margin:0 0 20px 0;}
.cnon_konze ul li span {display:block;}
.cnon_konze ul li span.img .dodbogi{position:absolute;width:33px;height:33px;right:12px;top:12px;background:url(/portal/_common/img/inc/imgExpand1s2.png) no-repeat;text-indent:-999999px;}
.cnon_konze ul li span.img {margin-bottom:10px;}
.cnon_konze ul li span.txt {text-align:center;line-height: 18px;}

 
/* Shapes img, panel, .. 20190222 */
.responsive{max-width:100% !important;	height:auto !important;}
.radius{border-radius:6px !important;}
	.radius>:first-child{border-radius:6px 6px 0 0;}
	.radius>:last-child{border-radius:0 0 6px 6px;}
.round{border-radius:9999px !important;}
.circle{ border-radius:50% !important;}
.thumb{box-sizing:border-box;padding:2px;	border-radius:2px;border:1px solid #eee;background-color:#fff;	box-shadow:0 0 3px 0 rgba(255, 255, 255, 1) inset;}
.barlst2 {overflow: hidden;}
.barlst2 span {display:block; float:left; line-height: 22px; margin-bottom:20px; position:relative;}
.barlst4 span {width:199px;; display:block; float:left; text-align:center; margin:0 31px 20px 0; position:relative;}
.barlst4 span:last-child {margin-right:0;}
.barlst4 span .dodbogi{position:absolute;width:33px;height:33px;right:12px;bottom:42px;background:url(/portal/_common/img/inc/imgExpand1s2.png) no-repeat;text-indent:-999999px;}
.barlst2 span img,  .barlst4 span img {display:block; margin: 0 auto 7px;}
.barlst2 span .dodbogi{position:absolute;width:33px;height:33px;right:12px;top:12px;background:url(/portal/_common/img/inc/imgExpand1s2.png) no-repeat;text-indent:-999999px;}
.geonsa {position:relative;}
.geonsa p.img .dodbogi { position:absolute;width:33px;height:33px;right:0;bottom:0;background:url(/portal/_common/img/inc/imgExpand1s2.png) no-repeat;text-indent:-999999px; }

.c0107iWrap{margin:0 -1.666%;}
.c0107iS2{width:46%;margin:1.666%;}
.c0107iS3{width:30%;margin:1.666%;}
.c0107iS4{width:23.3%;margin:1.666% 0 1.666% 1.666%;}
p.c0107txt {line-height: 1.333; letter-spacing: -1px; margin:0 0 0 17px; padding: 0 0 0 .8em; background: url(/portal/_common/img/inc/li1bg.png) no-repeat 0 .4em; font-size: 1.077em; font-weight: normal;}

.org1portal1 {position:relative;text-align:center;font-size:15px;letter-spacing:-.05em;max-width:920px;margin:50px auto 50px;}
.org1portal1:before {position:absolute;top:0;left:50%;content:"";display:block;width:1px;height:310px;background:#1e3e5e;}
.org1portal1 ul {list-style:none;padding:0;margin:0;}
.org1portal1 span {display:inline-block;height:40px;line-height:40px;box-sizing:border-box;}
.org1portal1 .ic1 {position:absolute;top:50%;right:8px;width:22px;height:22px;background-repeat:no-repeat;background-size:contain;margin-top:-11px;transition:all .3s ease;}
.org1portal1 .h1 {position:relative;display:inline-block;background:#0054a6;color:#fff;font-size:15px;width:100px;height:40px;line-height:40px;margin-bottom:30px;font-weight:bold;}
.org1portal1 .d1 {position:relative;}
.org1portal1 .h2 {display:inline-block;background:#315273;color:#fff;width:100px;font-weight:bold;margin-bottom:20px;}
.org1portal1 .h2_2 {display:inline-block;background:#19a6b5;color:#fff;width:100px;font-weight:bold;margin-bottom:20px;}
.org1portal1 .h2_2:before {position:absolute;top:25px;left:50%;margin-left: -21.5%;content:"";display:block;width:42.5%;height:1px;background:#1e3e5e;}
.org1portal1 .d2 {position:relative;}
.org1portal1 .d2:before {position:absolute;top:113px;left:0;content:"";display:block;width:50%;height:1px;background:#1e3e5e;}
.org1portal1 .d2:after {position:absolute;top:114px;left:0;content:"";display:block;width:1px;height:69.8%;background:#1e3e5e;}
.org1portal1 .d3 {position:relative;text-align:right;margin-bottom:30px;} 
.org1portal1 .d3:before {position:absolute;top:50%;left:50%;content:"";display:block;width:30%;height:1px;background:#1e3e5e;}
.org1portal1 .h3 {position:relative;display:inline-block;width:100px;text-align:center;background:#596982;color:#fff;font-weight:bold;z-index:1}
.org1portal1 .d4 {position:relative;padding-left:140px;}
.org1portal1 .h4 {position:absolute;top:0;left:15px;width:105px;background:#8d8d8d;display:block;font-weight:bold;text-align:center;color:#fff;}
.org1portal1 .h4:before {position:absolute;top:19px;left:-15px;content:"";display:block;width:15px;height:1px;background:#1e3e5e;}
.org1portal1 .h4 span {color:#fff;display:block;}
.org1portal1 .h4 .ic1 {background-image:url(../../img/sub/04/ic22a1arr1.png)}
.org1portal1 .d5 {text-align:left;margin-top:10px;font-size:14px;}
.org1portal1 .h5 {position:relative;border:1px solid #315273;display:block;margin-bottom:3px;text-align:center;}
.org1portal1 .h5:hover span {text-decoration:underline;}
.org1portal1 .h5:hover .ic1 {right:14px;}
.org1portal1 .h5 span {line-height:38px;height:38px;color:#315273;}
.org1portal1 .h5 .ic1 {background-image:url(../../img/sub/04/ic22a1arr2.png)}
.org1portal1 .d4 div.txtul {border:1px solid #315273; font-size:15px; padding:10px; margin-top:10px;background:#fff; letter-spacing:-1.8px;}

.org2 {position:relative;text-align:center;font-size:15px;letter-spacing:-.05em;max-width:920px;margin:50px auto 50px;}
.org2:before {position:absolute;top:0;left:50%;content:"";display:block;width:1px;height:310px;background:#1e3e5e;}
.org2 ul {list-style:none;padding:0;margin:0;}
.org2 span {display:inline-block;height:40px;line-height:40px;box-sizing:border-box;}
.org2 .ic1 {position:absolute;top:50%;right:8px;width:22px;height:22px;background-repeat:no-repeat;background-size:contain;margin-top:-11px;transition:all .3s ease;}
.org2 .h1 {position:relative;display:inline-block;background:#0054a6;color:#fff;font-size:15px;width:100px;height:40px;line-height:40px;margin-bottom:30px;font-weight:bold;}
.org2 .d1 {position:relative;}
.org2 .h2 {display:inline-block;background:#315273;color:#fff;width:100px;font-weight:bold;margin-bottom:20px;}
.org2 .h2_2 {display:inline-block;background:#19a6b5;color:#fff;width:100px;font-weight:bold;margin-bottom:20px;}
.org2 .h2_2:before {position:absolute;top:25px;left:50%;margin-left: -21.5%;content:"";display:block;width:42.5%;height:1px;background:#1e3e5e;}
.org2 .d2 {position:relative;}
.org2 .d2:before {position:absolute;top:113px;left:0;content:"";display:block;width:50%;height:1px;background:#1e3e5e;}
.org2 .d2:after {position:absolute;top:114px;left:0;content:"";display:block;width:1px;height:69.8%;background:#1e3e5e;}
.org2 .d3 {position:relative;text-align:right;margin-bottom:30px; overflow:hidden;} 
.org2 .d3:before {position:absolute;top:50%;left:50%;content:"";display:block;width:30%;height:1px;background:#1e3e5e;}
.org2 .d3:after {position:absolute;top:50%;left:20%;content:"";display:block;width:50%;height:1px;background:#1e3e5e;}
.org2 .h3 {position:relative;display:inline-block;width:100px;text-align:center;background:#596982;color:#fff;font-weight:bold;z-index:1}
.org2 .h3.d3h3fl {float:left; margin-left:15px;}
.org2 .h3.d3h3fr {float:right; letter-spacing:-2px;}
.org2 .d4 {position:relative;padding-left:140px;}
.org2 .h4 {position:absolute;top:0;left:15px;width:105px;background:#8d8d8d;display:block;font-weight:bold;text-align:center;color:#fff;}
.org2 .h4:before {position:absolute;top:19px;left:-15px;content:"";display:block;width:15px;height:1px;background:#1e3e5e;}
.org2 .h4 span {color:#fff;display:block;}
.org2 .h4 .ic1 {background-image:url(../../img/sub/04/ic22a1arr1.png)}
.org2 .d5 {text-align:left;margin-top:10px;font-size:14px;}
.org2 .h5 {position:relative;border:1px solid #315273;display:block;margin-bottom:3px;text-align:center;}
.org2 .h5:hover span {text-decoration:underline;}
.org2 .h5:hover .ic1 {right:14px;}
.org2 .h5 span {line-height:38px;height:38px;color:#315273;}
.org2 .h5 .ic1 {background-image:url(../../img/sub/04/ic22a1arr2.png)}
.org2 .d4 div.txtul {border:1px solid #315273; font-size:15px; padding:10px; margin-top:10px;background:#fff; letter-spacing:-1.8px;}

@media all and (min-width:500px){
	.org1portal1:before {height:242px}
	.org1portal1 .d2:after {display:none}
	.org1portal1 .h1, .org1portal1 .h2, .org1portal1 .h2_2, .org1portal1 .h3 {width:150px;}
	.org1portal1 .d2:before {left:50%;margin-left:-32.8%;width:65.8%;top: 166px;}
	.org1portal1 .h3 {margin-right:11.6521%;}
	.org1portal1 .d4 {display:inline-block;vertical-align:top;width:31%;margin:0 .5%;padding-left:0;}
	.org1portal1 .h4 {position:relative;top:auto;left:auto;width:auto;/*padding-left:20px;*/}
	.org1portal1 .h4:before {width:1px;height:24px;top:-24px;left:50%;}
	.org1portal1 .ic1 {right:12px;}

	.org2:before {height:242px}
	.org2 .d2:after {display:none}
	.org2 .h1, .org2 .h2, .org2 .h2_2, .org2 .h3 {width:150px;}
	.org2 .d2:before {left:50%;margin-left:-32.8%;width:65.8%;top: 166px;}
	.org2 .h3.d3h3fl {margin-left:11.6521%;}
	.org2 .h3.d3h3fr {margin-right:11.6521%;}
	.org2 .d4 {display:inline-block;vertical-align:top;width:31%;margin:0 .5%;padding-left:0;}
	.org2 .h4 {position:relative;top:auto;left:auto;width:auto;/*padding-left:20px;*/}
	.org2 .h4:before {width:1px;height:24px;top:-24px;left:50%;}
	.org2 .ic1 {right:12px;}
}
@media all and (min-width:768px){
	.org1portal1:before {height:316px;}
	.org1portal1 .d2:before {top:216px; margin-left: -32.5%; width: 65.2%;}
	.org1portal1 .h4:before {height:24px;top:-24px;}
	.org1portal1 span {height:50px;line-height:50px;}
	.org1portal1, .org1portal1 .h1 {font-size:17px;}
	.org1portal1 .h1 {width:190px;height:50px;line-height:50px;}
	.org1portal1 .h1, .org1portal1 .d3 {margin-bottom:50px}
	.org1portal1 .h2, .org1portal1 .h2_2, .org1portal1 .h3 {width:190px;}
	.org1portal1 .d5 {font-size:16px}
	.org1portal1 .h5 span {height:48px;line-height:48px;}

	.org2:before {height:316px;}
	.org2 .d2:before {top:216px; margin-left: -32.5%; width: 65.2%;}
	.org2 .h4:before {height:24px;top:-24px;}
	.org2 span {height:50px;line-height:50px;}
	.org2, .org2 .h1 {font-size:17px;}
	.org2 .h1 {width:190px;height:50px;line-height:50px;}
	.org2 .h1, .org2 .d3 {margin-bottom:50px}
	.org2 .h2, .org2 .h2_2, .org2 .h3 {width:190px;}
	.org2 .d5 {font-size:16px}
	.org2 .h5 span {height:48px;line-height:48px;}
}
@media all and (min-width:1000px){
	.org1portal1 .d2:before {width:65%;margin-left:-32.45%}
	.org1portal1 .d4 {width:250px;margin:0 17px}

	.org2 .d2:before {width:66.75%;margin-left:-33.25%}
	.org2 .d4 {width:284px;margin:0 4px}
}

.requestFile {padding:.7em 0 1.2em 0;}
.requestFile h3 {font-size: 2.7em; font-weight: 500; letter-spacing: -3.2px; margin:.8em 0 0 0;}
.requestFile p.img {margin-top:.8em;}
.requestFile p.stxt {font-size:17px; margin-bottom: 0;}
.requestFile p.fdbmgt {margin-top:.7em;}

/* 사선박스 */
.panel201.hue2a3{padding:.75em 1.5em !important;
	border:6px solid #fff !important;
	border-image:url('/portal/life/_resource/img/cnonion/b.000000.opacity.20.pattern4slash1.png') 5 round !important; /* [IE11+] */
	background:#fff !important;
	min-height:140px;color:#777;
	margin-bottom:20px;
	overflow:hidden;
}
i.c0501Ic {background:url('/portal/life/_resource/img/cnonion/c5.1_ic.png') no-repeat; width:160px; height:160px; margin:0 auto 25px; display:block;}
.panel201.hue2a3 h2 {font-size: 1.9em; font-weight: normal; margin: 20px 0 0 0; letter-spacing: -2px; color: #C14D95;}
.panel201.hue2a3 p {margin-top:1em;}
/*.panel201.hue2a3 .txtstybox ul, .panel201.hue2a3 .txtstybox ul li {margin:0; padding:0; list-style:none;}*/

/*흐름도*/
/* flowchart */
.flow-chart {background:#f0f7fd;font-size:.875em;margin-bottom:10px;}
.flow-chart ol {list-style:none;padding:0 10px;margin:0;overflow:hidden;}
.flow-chart ol > li {position:relative;text-align:center;margin:20px 0}
.flow-chart ol > li:first-child {margin-left:0 !important}
.flow-chart ol > li:after {position:absolute;content:"";display:block;width:16px;height:16px;background:url(/portal/life/_resource/img/cnonion/ic17a1flowchart1.gif) no-repeat;transform:rotate(90deg);bottom:-16px;right:50%;margin-right:-6px;}
.flow-chart ol > li:last-child:after {display:none;}
.flow-chart ol li .grid-in {background:#07818e;color:#fff;text-align:center;border-top-left-radius:0px;border-top-right-radius:10px;border-bottom-left-radius:10px;line-height:22px;box-sizing:border-box;padding:15px 0;}
.flow-chart ol > li:nth-child(odd) .grid-in {background:#315273; /*min-height: 130px;*/}
.flow-chart ol > li.line2 .grid-in, .flow-chart li.line3 .grid-in {padding-top:10px;padding-bottom:10px;}
.flow-chart li .grid-in br {display:none;}
.flow-chart ol.flow1 li {float:none;width:100%;margin:0}
.flow-chart ol.flow1 li .grid-in {background:#fff;border:2px solid #07818e;color:#333;}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in {border-color:#315273;}
.flow-chart ol.flow1 li .grid-in strong {color:#07818e;border-bottom:1px solid #07818e}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in strong {color:#315273;border-color:#315273}
.flow-chart ol.flow1 .bu li {background:url(../../img/lib/li1bg.png) no-repeat .125em .375em;box-sizing:border-box;}
.flow-chart ol.flow1 ul.bu li ul>li{background:url(../../img/lib/li2bg.png) no-repeat .125em .375em;}
.flow-chart ol.flow1 li strong {font-size:1.25em;display:block;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;}
.flow-chart ol.flow1 li .span {padding:10px 15px;}
.flow-chart ol.flow1 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}
.flow-chart ol > li .grid-in .span .num {display:block;font-size:1.375em;margin-bottom:5px;}
@media all and (min-width:800px){
	.flow-chart {font-size:1em;margin-bottom:20px}
	.flow-chart ol {padding:20px 10px;}
	.flow-chart ol > li {float:left;margin-left:4%;}
	.flow-chart .flow5 li {width:16.8%;}
	.flow-chart ol > li:after {bottom:auto;top:50%;right:-11%;transform:rotate(0);margin-top:-6px;}
	.flow-chart .flow5 li:after {right:-14%}
	.flow-chart li .grid-in {height:150px;padding:50px 5px;word-wrap:break-word;word-break:keep-all;display:table;width:100%;}
	.flow-chart ol li .grid-in .span {display:table-cell;vertical-align:top;padding-left:10px;padding-right:10px;padding-top:1px;}
	.flow-chart li.line2 .grid-in {padding-top:40px;padding-bottom:40px;}
	.flow-chart li.line3 .grid-in {padding-top:30px;padding-bottom:30px;}
	.flow-chart li .grid-in br {display:block;line-height:0}
	.flow-chart ol li .grid-in {border-top-right-radius:20px;border-bottom-left-radius:20px; min-height: 150px;}
}
@media all and (min-width:1000px){
	.flow-chart ol {padding:20px 40px}
	.flow-chart ol > li {margin-top:10px;margin-bottom:10px;}
	.flow-chart .flow5 {padding:30px 25px;}
}
/* flow2 2개 */
.flow-chart .flow2 li .grid-in {padding-left:50px;padding-right:20px;}
.flow-chart .flow2 li .grid-in ul {margin:0}
.flow-chart li ul.bu li {background-image:url(/portal/life/_resource/img/cnonion/li1bg2.png);background-position:2px .6em}
@media all and (min-width:800px){
	.flow-chart .flow2 {text-align:center;}
	.flow-chart .flow2 > li {width:32%;float:none;display:inline-block;vertical-align:top;text-align:left;margin-left:5%;}
	.flow-chart .flow2 li:after {right:-10%}
	.flow-chart .flow2 li .grid-in ul {display:table-cell;vertical-align:middle;}
}
/* flow4 3개 */
@media all and (min-width:800px){
	.flow-chart .flow3 > li {width: 30%;}
	.flow-chart .flow3 li:after {right:-8%}
	.flow-chart .flow3 li:nth-child(3n+1){margin-left:0%}
}
/* flow4 4개 */
@media all and (min-width:800px){
	.flow-chart .flow4 > li {width:22%;}
	.flow-chart .flow4 > li:nth-child(4n+1) {margin-left:0}
}
/* flow4 5개 */
@media all and (min-width:800px){
	.flow-chart .flow5 > li {width:16.8%;}
	.flow-chart .flow5 li:nth-child(5) {margin-left:4%}
}
/* flow4 6개 */
.flow-chart .flow6 li {margin:21px 0;padding:0 10px;box-sizing:border-box;}
.flow-chart .flow6 li .grid-in {height:auto;padding:10px 0;}
.flow-chart .flow6 li:after {right:50%}
@media all and (min-width:800px){
	.flow-chart .flow6 > li {width:16.66%;margin:0}
	.flow-chart .flow6 li:after {right:-3px}
}

.flow-chart3 {list-style:none;margin:0;padding:0;counter-reset:section;font-size:.875em;}
.flow-chart3 > li {position:relative;border:1px solid #315273;padding:16px 15px 16px 75px;margin-bottom:5px;/*border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;*/}
.flow-chart3 > li:before {position:absolute;top:0;left:0;content:'0'counter(section);display:block;width:58px;height:100%;text-align:center;font-size:1.188em;line-height:45px;color:#fff;background:#07818e;counter-increment:section;border-top-left-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:15px;}
.flow-chart3 > li:nth-child(odd):before {background-color:#315273;}
.flow-chart3 > li:after {content:"";display:block;position:absolute;top:40px;left:20px;width:19px;height:2px;background:#fff;}
.flow-chart3 > li a.button {display:block;max-width:160px;margin-bottom:0;background-color:#315273;}
.flow-chart3 > li a.button .t1 {font-size:.875em;}
.flow-chart3 > li a.button .ic1 {background-image:url(/_res/portal/img/lib2/ic40a2right3.png)}
@media all and (min-width:768px){
	.flow-chart3 {font-size:1em;}
	.flow-chart3 > li {padding:21px 15px 21px 90px}
	.flow-chart3 > li:before {width:70px;line-height:57px;}
	.flow-chart3 > li:after {left:25px;top:46px;}
	.flow-chart3 > li a.button {position:absolute;top:50%;right:9px;margin:-20px 0;min-width:160px;max-width:none;}
	.flow-chart3 > li span{display:block;}
	.flow-chart3 .pdt01{padding-top:13px !important;}
}

/* 탑박스 */
.contents_title{background:url(/portal/life/_resource/img/cnonion/box_pattern.png) repeat; margin:2.666em 0; padding:5px 0;}
.contents_title .title_box{background-color:#fff; min-height:62px; padding:30px 20px 20px;text-align:center;}
.contents_title .title_box p{word-break:keep-all;}
.contents_title .title_box h2{background:transparent;margin:0;padding:0;font-size:23px !important;letter-spacing:-2px !important;/*color:#006bd8;*/}
.contents_title .title_box .ico{margin:-20px auto 0;display:block;width:140px;height:140px;background:url(/portal/life/_resource/img/cnonion/c00126_ic1n1.png);}
.contents_title .title_box .ico1{background-position:0 0}
.contents_title .title_box .ico2{background-position:-100px 0}
.contents_title .title_box .welfare1{background-position:0 0}
.contents_title .title_box .welfare2{background-position:-300px 0;}
.contents_title .title_box .economy1{background-position:-400px 0;}
.contents_title .title_box .economy2{background-position:-500px 0;}
.contents_title .title_box .envir1{background-position:-600px 0;}
.contents_title .title_box .envir2{background-position:-700px 0;}
.contents_title .title_box .envir3{background-position:-800px 0;}
.contents_title .title_box .woman1{background-position:-900px 0;}
.contents_title .title_box .woman2{background-position:0 -100px;}
.contents_title .title_box .vision1{background-position:-100px -100px;}
.contents_title .title_box .monitor1{background-position:-300px -100px;}
.contents_title .title_box .discuss1{background-position:-400px -100px;}
.contents_title .title_box .poll1{background-position:-500px -100px;}
.contents_title .title_box .minwon1{background-position:-600px -100px;}
.contents_title .title_box .tax1{background-position:-700px -100px;}
.contents_title .title_box .tax2{background-position:-800px -100px;}
.contents_title .title_box .car1{background-position:-900px -100px;}
.contents_title .title_box .report1{background-position:0 -200px;}
.contents_title .title_box .rec1{background-position:-100px -200px;}
.contents_title .title_box .health1{background-position:-200px -200px;}
.contents_title .title_box p.calltxt {margin: 0; font-size: 2em; color: #006bd8; letter-spacing: -1px; margin: 0 0 10px 0; line-height: 30px;}

.contents_title .title_box .v1t1{font-size:30px !important;color:#000;}
.contents_title .title_box .v1t2{font-size:20px;margin-top:.25em;}

.contents_title .title_box ul.bu{margin:0;}/* 자매결연도시*/
.contents_title .title_box .column{padding:0;}/* 자매결연도시*/
.contents_title .title_box p.bu{position:relative;padding:0 0 0 1em;margin:.333em 0;background:url(/portal/life/_resource/img/cnonion/li1bg.png) no-repeat 0 .416em;text-align:left;}
.contents_title .title_box .award_ic1{background-position:-200px -100px;}
.contents_title .title_box .mw01, .contents_title .title_box .mw02{}
.contents_title .title_box .mw01 .ico_tel{display:block;width:140px;height:140px;margin:14px auto;background:url(/portal/life/_resource/img/cnonion/c00126_ic1n1.png)no-repeat 50% 50%;}/* 전화번호 안내*/

/* 범용차트래퍼 20180221 */
.chart3{position:relative;
	min-width:300px;
	border:1px solid #ddd;
	overflow:hidden;
}
.chart3 .h1{display:block;position:relative;
	padding:.75em;
	border-bottom:1px solid #ddd;
	background:#e9ecee;
	color:#234;
	text-align:center;
}
.chart3 .cont{ /* .scroll1wrap 안에서 .graphdata1{min-width} 선언하면 우측 가려지는 결함 위해 최소폭값 래퍼를 만들어 준다. */
	min-width:360px;
}
.chart3 .cont .chart3_bR{position:absolute; top:64px; right:12px; z-index:10;}
.chart3 .cont .chart3_bR i{display:block; float:left; width:12px;height:12px;margin:6px 3px 0 0;}
.chart3 .cont .chart3_bR span{display:block; float:left;}
.chart3 .cont .chart3_bR i.squ1{background:#5ae;border:1px solid #000;}
.chart3 .cont .chart3_bR span.txt1{margin-right:10px;}
.chart3 .cont .chart3_bR i.squ2{background:#0ba;border:1px solid #000;}
.chart3 .cont .chart3_bR span.txt2{margin-right:10px;}


/* 변형.막대색.. */
.chart3 .graphdata1 .data .dg{
	background:#5ae url(../../img/lib1cp1/b.ffffff.opacity.50.pattern1.png);
}
/* 막대그래프. 20180222 */
.graphdata1{position:relative;
	width:86%;
	margin:4% 0 4em 10%; /* () () (하눈금영역) (좌눈금영역) */
	font-size:12px;
}
.graphdata1 .scales{
	height:1%; /* ☆ */
	margin:0 0 0 -1px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ddd;
	background:#fcfcfc;
}
.graphdata1 [class*='row']{float:left;position:relative;width:100%;}
.graphdata1 [class*='row'] .yv{ /* 눈금 */
	position:absolute;
	right:100%;
	bottom:-6px /* ☆라인세로중앙 */;
	margin:0 .5em 0 0;color:#666;line-height:14px;text-align:right;white-space:nowrap;
}
.graphdata1 [class*='row']>i{ /* 한칸 */
	float:left;
	width:10%; /* 기본10분할 */
	height:27px; /* ☆고정 */
	/* height:0;	padding-bottom:3.2%; */ /* ☆반응 */
	border:1px solid #ddd;border-width:1px 1px 0 0;margin:-1px -1px 0 0;
}
.graphdata1 .data{z-index:10;position:absolute;left:0;bottom:1px;width:100%;height:100%;}
.graphdata1 .data [class*='dl']{float:left;position:relative;
	width:10%; /* 기본10분할 */
	height:100%;
	margin:0;padding:0;
}
.graphdata1 .data .dt{position:absolute;
	left:0;
	top:100%;
	width:100%;
	margin:.75em 0 0;
	padding:0;
	line-height:1.1875;
	text-align:center;
}
.graphdata1 .data .dd{position:absolute;left:20%;bottom:0;
	width:80%;
	height:0; /* ☆ 값 없으면 높이0 */
	margin:0;padding:0;
}
.graphdata1 .data .dd2{position:absolute;left:57%;bottom:0;
	width:80%;
	height:0; /* ☆ 값 없으면 높이0 */
	margin:0;padding:0;
}
.graphdata1 .data	.dv{ /* 막대위값 */
	display:block;
	position:relative;
	top:-1.375em;
	left:-27px;
	width:80%;
	margin:0 auto;
	color:#666;
	font-weight:400;
	font-size:10px;
	line-height:1.375;
	text-align:center;
}
.graphdata1 .data .dg{ /* 막대 */
	float:left;position:absolute;
	left:28  %;bottom:0;
	width:30%;
	height:100%;
	background:#579;
	overflow:hidden;
	text-indent:-9999px;
}
.graphdata1 .data .dg2{ /* 막대 */
	float:left;position:absolute;
	left:28  %;bottom:0;
	width:30%;
	height:100%;
	background:#0ba;
	overflow:hidden;
	text-indent:-9999px;
}
.graphdata1 .data .deco1{ /* 장식 */
	display:none;
	float:left;position:absolute;
	left:50%;top:100%;
	width:37.5%; /* 30*(100/80) */
	height:1.375em;
	margin:-1px 0 0 -18.75%; /* 37.5/2 */
	background:#e00;
}
/* 폭%(눈금,막대) */
.graphdata1.hour [class*='row']>i,
.graphdata1.hour .data [class*='dl']{width:4.166%;} /* 시간=1/24 */
.graphdata1.hour .data .dg{background-color:#37b;}
.graphdata1.day [class*='row']>i,
.graphdata1.day .data [class*='dl']{width:14.285%;} /* 요일=1/7 */
.graphdata1.day .data .dg{background-color:#4a6;}
.graphdata1.date [class*='row']>i,
.graphdata1.date .data [class*='dl']{width:3.225%;} /* 일=1/31 */
.graphdata1.date .data .dg{background-color:#e42;}
.graphdata1.month [class*='row']>i,
.graphdata1.month .data [class*='dl']{width:25%;} /* 월=1/12 */
.graphdata1.month .data .dg{background-color:#0ba;}
.graphdata1.last10dates [class*='row']>i,
.graphdata1.last10dates .data [class*='dl']{width:10%;} /* 10일=1/10 */
.graphdata1.last10dates .data .dg{background-color:#e82;}
.graphdata1.last6months [class*='row']>i,
.graphdata1.last6months .data [class*='dl']{width:16.666%;} /* 6개월=1/6 */
.graphdata1.last6months .data .dg{background-color:#4bd;}
/* 폭%(눈금,막대) */
.graphdata1.cs11 [class*='row']>i,
.graphdata1.cs11 .data [class*='dl']{width:9.090%;} /* 1/11 */

/* 범용차트래퍼 20180221 */
.chart3{position:relative;
	min-width:300px;
	border:1px solid #ddd;
	overflow:hidden;
}
.chart3 .h1{display:block;position:relative;
	padding:.75em;
	border-bottom:1px solid #ddd;
	background:#e9ecee;
	color:#234;
	text-align:center;
}
.chart3 .cont{ /* .scroll1wrap 안에서 .graphdata1{min-width} 선언하면 우측 가려지는 결함 위해 최소폭값 래퍼를 만들어 준다. */
	min-width:360px;
}
/* 변형.막대색.. */
.chart3 .graphdata1 .data .dg{
	background:#5ae url(../../img/lib1cp1/b.ffffff.opacity.50.pattern1.png);
}

ul.bu li.bgno {background:none;}

.c5_4circle {text-align: center;}
.c5_4circle{padding: 0;background: #f2f2f2;font-size: 15px;color: #6a6a6a;}
.c5_4circle{margin: 0;margin-top: 0;}
.c5_4circle ul {margin:0; padding:0;}
.c5_4circle:after{display: block;content: '';clear: both;}
.c5_4circle  li{list-style:none; position:relative;float:left;padding: 10px 10px 30px 10px; width:100%; }
.c5_4circle  li:after{display: block;content: '';width: 20px;height:21px;background: url(/portal/life/_resource/img/cnonion/icn_step02.png) no-repeat 0;position: absolute;bottom:0;left:50%;transform: translate(-50%, 0);}
.c5_4circle .tit{width: 120px;height:120px; border-radius: 100%;text-align: center;white-space:nowrap;font-size:12px; margin: 20px auto 20px;}
.c5_4circle .tit:before{content: '';display:inline-block;vertical-align:middle;height:100%;}
.c5_4circle .tit > strong{font-family: 'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;display: block;max-width:100%; max-height:100%;display:inline-block;vertical-align:middle;font-size: 16px;color: #fff;font-weight: 300;line-height: 22px;}
.c5_4circle  li:nth-child(5):after{display: none;}
.c5_4circle  li:nth-child(1) .tit{background-color: #b58563;}
.c5_4circle  li:nth-child(2) .tit{background-color: #7aa5af;}
.c5_4circle  li:nth-child(3) .tit{background-color: #c76399;}
.c5_4circle  li:nth-child(4) .tit{background-color: #7a8ba5;}
.c5_4circle  li:nth-child(5) .tit{background-color: #b5b578;}
.c5_4circle .bu > li{text-align: left;margin-bottom: 2px;}
.c5_4circle .txt{border-top: 0;padding:0; margin:0;font-size:13px; }
.c5_4circle .txt ul {padding:0; margin:0;}
 
 
@media all and (min-width:768px){
.c5_4circle{}
.c5_4circle li {width:20%;}
.c5_4circle .tit{margin-bottom:30px;width: 120px;height:120px; border-radius: 100%;text-align: center;white-space:nowrap;font-size:15px;}
.c5_4circle  li{ padding: 0; }
.c5_4circle  li:after{background: url(/portal/life/_resource/img/cnonion/icn_step02.png) no-repeat 0 0;position: absolute; top: 50%; left: 94%; transform: translateY(-50%);}
.c5_4circle  li:nth-child(4):after{background-image: url(/portal/life/_resource/img/cnonion/icn_step02.png);}
.c5_4circle  li:last-child:after{display: none;}
.c5_4circle .txt{border-top: 1px solid #dfdfdf; padding-top: 22px;padding-left:14px;}
}

@media (max-width: 767px)
[id='body_content'] {
    font-size: .875em;
}

/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;}
.imgExpand1 img {width:100%;}
.imgExpand1 .ic1{display:block;position:absolute;right:0;bottom:0;width:36px;height:36px;background:rgba(0,0,0,0.8) url(/portal/life/_resource/img/cnonion/imgExpand1s.png) no-repeat;text-indent:-9999px;background-size:36px auto}
@media all and (min-width:550px){
	.imgExpand1 .ic1 {width:36px;height:36px;background-size:auto}
}
@media all and (min-width:768px){
	.imgExpand1 {display:block;position:relative;text-align:center;}
	.imgExpand1 img {width:auto;}
	.imgExpand1 .ic1 {display:none;}
	.bleft{position:relative;float:left;width:49%; }
	.bright{position:relative;float:right;width:49%; }
}

/* 이미지확대보기 - pc에서도 보이게 */
.imgExpand1.rspnsv {border:0px solid #ddd;}
.imgExpand1.rspnsv .ic1 {display:block;}



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */


@media all and (min-width:768px){


/*예약캘린더*/
div.cal_bu{margin: 0 auto;width:58%;}
ul.bu_ta{list-style:none;margin:.5em 0;padding:0;text-align:left;}
ul.bu_ta ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu_ta li{margin:0;padding:0 0 0 1em;font-size:14px;background:url(/portal/_common/img/inc/li2bg.png) no-repeat 0 .5em /* ☆ */;}


ul.bu3 li .t1{width:64%;}
ul.bu3 li .btn{width:35%;} 

.officeguide1{padding:40px 0;}
.officeguide1 li.tab{width:33.285%;}
*+html .officeguide1 li.tab{width:33.285%;}
.officeguide1 li.tab a{font-size:16px;height:40px;line-height:40px;}
.officeguide1 li.tab5{width:19.76%;} 
.officeguide1 li.tab4{width:24.76%;} 
 
.officeguide1 li.taba{width:33.285%;}
.officeguide1 li.taba a{font-size:16px;letter-spacing:-1px;}
.officeguide1 li.taba.on a .ic2{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#ff4a0e; } /* ▽CSS */


.officeguide2{padding:40px 0;}
.officeguide2 li.tab{width:33.285%;}
*+html .officeguide2 li.tab{width:33.285%;}
.officeguide2 li.tab a{font-size:14px;height:40px;line-height:40px;}
.officeguide2 li.tab5{width:19.76%;} 
.officeguide2 li.tab4{width:24.76%;} 
 
.officeguide2 li.taba{width:19.285%;}
.officeguide2 li.taba a{font-size:15px;letter-spacing:-2px;}
.officeguide2 li.taba.on a .ic2{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#ff4a0e; } /* ▽CSS */
/*공약지도 추가*/
.officeguide2 li.taba.on a .ic110{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#8dc73f; }
.officeguide2 li.taba.on a .ic120{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#440e62; }
.officeguide2 li.taba.on a .ic130{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#06a5e1; }
.officeguide2 li.taba.on a .ic140{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#f2c616; }
.officeguide2 li.taba.on a .ic150{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#276b42; }
.officeguide2 li.taba.on a .ic160{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#291a6f; }
.officeguide2 li.taba.on a .ic170{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#daa20f; }
.officeguide2 li.taba.on a .ic180{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#da2669; }
.officeguide2 li.taba.on a .ic190{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#08004e; }
.officeguide2 li.taba.on a .ic200{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#868686; }
.officeguide2 li.taba.on a .ic210{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#342b60; }
.officeguide2 li.taba.on a .ic220{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#cb1744; }
.officeguide2 li.taba.on a .ic230{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#efae1f; }
.officeguide2 li.taba.on a .ic240{display:block;float:left;position:absolute;left:1%;top:23px;width:0;height:0;margin:0 7px;border:8px solid transparent;border-top-color:#3cc3c1; }


.disaster01 .lst1{margin:0 -1%;padding:10px 1px;}
.disaster01 .li1{width:32%;padding:10px 0;border:0;}
.disaster01 .li1 .wrap1{margin:0 4%;}
.disaster01 .li1 .f1{display:block;float:none;width:100%;margin:0 auto;padding-bottom:100% /* = Design 2/3 */;}
.disaster01 .li1 .t1{width:100%;margin:0 0 .25em;color:#333;font-size:1.143em;text-align:center;overflow:hidden;}
.disaster01 .li1 .t2{height:100px;font-size:1em}
.disaster01 .li1 .text{width:80%;}

.w33{float:left;width:31%; padding:0 1%;} 

.ysyouth02 .lis{padding:10px 0;margin:0;}
.ysyouth02 dl dt{float:left;width:24%; margin:0; }
.ysyouth02 dl dt{padding:10px 0px 0 70px;font-size:1.385em; min-height:80px; letter-spacing:-1px;color:#333;font-weight:bold;}
.ysyouth02 dl dt:after{display:none;}
.ysyouth02 dl dt.t1{background:url(/portal/life/_resource/img/ysyouth/floor_img02.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t2{background:url(/portal/life/_resource/img/ysyouth/floor_img03.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t3{background:url(/portal/life/_resource/img/ysyouth/floor_img04.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t4{background:url(/portal/life/_resource/img/ysyouth/floor_img05.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t5{background:url(/portal/life/_resource/img/ysyouth/floor_img06.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t6{background:url(/portal/life/_resource/img/ysyouth/floor_img07.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t7{background:url(/portal/life/_resource/img/ysyouth/floor_img08.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t8{background:url(/portal/life/_resource/img/ysyouth/floor_img09.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t9{background:url(/portal/life/_resource/img/ysyouth/floor_img10.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t10{background:url(/portal/life/_resource/img/ysyouth/floor_img11.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t11{background:url(/portal/life/_resource/img/ysyouth/floor_img12.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t12{background:url(/portal/life/_resource/img/ysyouth/floor_img13.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t13{background:url(/portal/life/_resource/img/ysyouth/floor_img14.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.t14{background:url(/portal/life/_resource/img/ysyouth/floor_img15.gif) no-repeat  0 4px;}
.ysyouth02 dl dt.p1{background:url(/portal/tour/_resource/img/product/product_00001015_img01.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p2{background:url(/portal/tour/_resource/img/product/product_00001015_img02.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p3{background:url(/portal/tour/_resource/img/product/product_00001015_img03.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p4{background:url(/portal/tour/_resource/img/product/product_00001015_img04.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p5{background:url(/portal/tour/_resource/img/product/product_00001015_img05.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p6{background:url(/portal/tour/_resource/img/product/product_00001015_img06.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p7{background:url(/portal/tour/_resource/img/product/product_00001015_img07.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p8{background:url(/portal/tour/_resource/img/product/product_00001015_img08.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.p9{background:url(/portal/tour/_resource/img/product/product_00001015_img09.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e1{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img01.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e2{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img02.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e3{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img03.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e4{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img04.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e5{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img05.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e6{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img06.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e7{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img07.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e8{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img08.gif) no-repeat 0 4px;}
.ysyouth02 dl dt.e9{background:url(/portal/tour/_resource/img/product/eproduct_00001015_img09.gif) no-repeat 0 4px;}
.ysyouth02 dl dd{float:right;width:66%; margin:0; padding:16px 0px 10px 0px; }
.ysyouth02 dl dd ul{padding:0}
.ysyouth02 .lis .pic{list-style:none;margin:0;padding:0;overflow:hidden;width:25%;float:left;text-align:left;}
 


.ysyouth01 .lis{padding:10px 0;}
.ysyouth01 dl dt{float:left;width:8%; margin:0;padding:10px 20px 15px 20px; }
.ysyouth01 dl dt.t2{float:left;width:8%; margin:0;padding:10px 20px 15px 9px; }
.ysyouth01 dl dd{float:right;width:80%; margin:0;padding:15px 20px 10px 20px;}
.ysyouth01 dl dd ul{padding:0}


.none {display: none !important;}
.mnone {display: inline-block !important;}
 
ol.bo5 li {float:left;width:28%;min-height:280px;}
ol.bo5 li.h200 {min-height:200px;}
ol.bo5 li.h240 {min-height:240px;}

ul.bu5 li {float:left;width:28%;min-height:280px;}
ul.bu5 li.h200 { min-height:200px;}
ul.bu5 li.h230 { min-height:230px;}



.disp01{display:block;} 

.symb2{position:relative; margin:0 0 1.5em 0; overflow:hidden;}
.symb2 .lst1{margin:0 auto;width:100%;padding:10px 0; overflow:hidden;}
.symb2 .li1{float:left;width:33%;margin:0;padding:10px 0;  }
 


 
.spottxt .text{position:absolute;float:right;top:50px;right:0px; width:340px; min-height:50px; padding:20px 10px 25px 20px;background:url(/portal/_common/img/_lib/b/g.000000.opacity.80.png) repeat;}

/*20190225 소제목 추가_박다희*/
.spottxt .text02 .s_tit{font-size:16px; letter-spacing:-0.03em;}
/*20190225 소제목 추가 끝*/
.spottxt .text02{position:absolute;float:right;top:120px;right:0px; width:260px;font-weight:normal; min-height:50px; padding:20px 10px 25px 20px;background:url(/portal/_common/img/_lib/b/g.000000.opacity.80.png) repeat;}
.spottxt .etext03{position:absolute;float:right;top:120px;right:0px; width:260px;font-weight:normal; min-height:50px; padding:20px 10px 25px 20px;background:url(/portal/_common/img/_lib/b/orange.000000.opacity.70.png) repeat;}


.cnb1{padding:0 50px;}
.cnb1 .mView{position:relative;width:100%;height:40px;overflow:hidden;} /* [JS]created */
.cnb1 .mView .mCont{position:absolute;left:0;top:0;width:10000px;} /* [JS]created */
.cnb1 ul{display:block !important;float:left;border:0;padding:0;background:#fff;overflow:hidden;}
.cnb1 li{float:left;}
.cnb1 li a{float:left;height:38px;margin:0 5px 5px 0;padding:0 9px;border:1px solid #d5d5d5;background:#e6e6e6;color:#666;font-size:16px;line-height:36px;text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cnb1 li a:hover,
.cnb1 li a:focus{background:#fff;}
.cnb1 li.on a{height:36px;border:2px solid #0c619e;background:#fff;color:#305c98;line-height:34px;font-weight:bold;}
/* [JS]created */
.cnb1 .note,
.cnb1 .toggle{display:none;}
.cnb1 .b1{display:block;float:left;position:absolute;top:0;width:38px;height:38px;border:1px solid #d5d5d5;background:#fff;text-indent:-9999px;}
/* [~?IE8] button 요소 overflow:hidden; 하면 position 위치 문제 있으므로 상속 받은 overflow:visible; 을 유지하자! */
.cnb1 .b1.prev{left:0;}
.cnb1 .b1.next{right:0;}
.cnb1 .b1 .ic1{float:left;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(/portal/_common/img/inc/cnb1s.png) no-repeat;}
.cnb1 .b1.prev .ic1{background-position:-50px 0;}
.cnb1 .b1.next .ic1{background-position:-100px 0;}

.cnb1_notice {margin-left: 50px;font-size: 1.4em;line-height:0.5em;}

.cnb2 li{width:25%;}
*+html .cnb2 li{width:24.9%;}

.cnb3 li{width:20%;}
*+html .cnb3 li{width:19.9%;}


.cnb2.style2 li{width:50%;}
.cnb2.style3 li{width:50%;}


.pic1map1{height:324px;padding:0 300px 0 0;}
.pic1map1 .pic1{margin:0;}
.pic1map1 .pic1 img{width:auto;max-width:none;height:324px;}
.pic1map1 .map1{position:absolute;right:0;top:0;}

.img1text1.left{max-width:290px;}
.img1text1.right{max-width:290px;}


.tip1 .ic1{margin:0 0.5% 0 0;background:url(/portal/_common/img/inc/tip1bg.png) no-repeat 0 1px;}

.pic1text1 .text1{float:left; width:58%;  }
.pic1text1 .text2{float:left; width:96%;  }
.pic1text1 .pic1{float:left;width:32%;}
.pic1text1 .pic1{max-width:290px;}


.pic1text2 .text1{float:left; width:47%;}
.pic1text2 .pic1{float:left;width:47%;max-width:410px;}
.pic1text2 .text2{float:left; width:47%;}
.pic1text2 .pic2{float:right;width:47%;max-width:410px;}

.pic1text3 .pic1{max-width:none;}
.pic1text3 .pic1 img{width:290px;}

.pic1text4 .text1{float:left; width:57%;padding:0 0 0 5%;}
.pic1text4 .pic1{float:left;width:32%;max-width:290px;}

.imgAlign1 ul li{float:left;margin:0 0 0 1.333%;max-width:290px;}

.imgAlign1 ul.list1 li{width:32%;}
.imgAlign1 ul.list2 li{width:24%;}


.imgAlign1 ul li img{max-width:290px;}


.imgAlign1 ul.list5 li{width:24%;}
.imgAlign1 ul.list6 li{width:49%;}


.imgAlign1 ul.list4 li{width:20%;}
.imgAlign1 ul.list4 li ul li{width:100%;}

.imgAlign4 ul li{float:left;margin:0 0 0 1.333%;}
.imgAlign4 ul.list1 li{width:32%;}
.imgAlign4 ul.list2 li{width:24%;}

.imgAlign5 ul li{float:left;margin:0 0 0 1.333%;}
.imgAlign5 ul.list1 li{width:48%;}


.imgExpand1{display:block;position:relative;text-align:center;}
.imgExpand1 img{width:auto;}
.imgExpand1 a{display:none;}




.sample1{padding:3em 2em 3em;}
.sample1 .txt1{padding-right:230px;}
.sample1 .bg1{display:block}
.sample1 .bg2{display:block}
.sample1 .bg10{display:block}

.note1{padding:.75em 1.2em .75em 100px;}
.note1 .bg{display:block;}
.note1 .cg{display:block;}


.note5{padding:.75em 1.2em;}
.note5 .bg{display:block;}
.note5 .cg{display:block;}
.note5 dt{float:left;width:28%;}
.note5 dd{float:left;width:70%;padding:1em 0em;}


.grid1 .row{margin:0 -2%;}
.grid1 .col-1{width:96%;}
.grid1 .col-2{width:46%;}
.grid1 .col-3{width:29.333%;}


dl.bu2{list-style:none;margin:.5em 0;padding:0;}
dl.bu2 dt{float:left;background:url(/portal/_common/img/inc/dl_img01.gif) no-repeat;width:7%;min-height:36px;margin:0;padding:20px;display:block;color:#fff;font-weight:bold;border-radius:0px;border:0px}
dl.bu2 dd{float:left;display:block;width:86%;min-height:60px;margin: 0 ;padding:10px 0;}
 

.cmap{padding:0.9em 0.6em;margin:30px 0;}
.cmap ul li{margin:0;min-height:64px;}
.cmap ul li.t1{background:url(/portal/_common/img/inc/cmap_01.png) no-repeat 10px 0;width:40%;border-right:1px solid #e3e3e3;border-bottom:0px;padding:0.4em 0 0.4em 7em;}
.cmap ul li.t2{background:url(/portal/_common/img/inc/cmap_02.png) no-repeat 10px 0;width:30%;border-bottom:0px;padding:1em 0 0 7em;}
.cmap ul li.t3{background:url(/portal/_common/img/inc/cmap_01.png) no-repeat 10px 0;width:80%; border-bottom:0px;padding:0.4em 0 0.4em 7em;}

.cmap ul li .f1{display:block;margin:0;padding:0px 0 0px 0;font-size:1.29em;}
.cmap ul li .f2{display:block;margin:0;padding:0px 0 0px 0;font-size:1em;}

.pic1text1 .img1text1.right{float:none;float:right;}

.img1text1{width:283px;}


.img1text2.left01{margin:0 20px 20px 0;padding:0;float:left;}
.img1text2.right02{margin:0 0 20px 10px;padding:0;float:right;}



.edu_greeting{position:relative;padding:0;margin:0;background:url(/portal/life/_resource/img/edu/edu_00000427_01@.jpg) no-repeat 50% 0; min-height:850px;overflow:hidden;border:0px;}
.edu_greeting .txt{padding:110px 0;margin:0 auto;width:70%;}

/*연혁*/
.history10 dt{width:16%;letter-spacing:-2px;}
.history10 dd{width:76%;padding:0 2% 0 0;}
.history10 dd.b2{background:url(/portal/_common/img/sub/c08_01_01_img8@@.gif) no-repeat 0px bottom;}
.history10 dd.b3{/*background:url(/portal/_common/img/sub/c08_01_01_img8@@@.gif) no-repeat 0px bottom;*/}
.history10 dd .t1{width:18%;padding:0px 2% 12px 30px;}
.history10 dd .t2{width:75%;padding:0px 0 0 0;}
.history10 dd .t3{width:97%;}

.bleft10{position:relative;float:left;width:8.5%;}
.bright90{position:relative;float:right;width:88.5%;}


.bleft40{position:relative;float:left;width:38.5%;}
.bright60{position:relative;float:right;width:58.5%;}

.bleft65{position:relative;float:left;width:64.5%;}
.bright35{position:relative;float:left;width:34.5%;}



/*청소년지도자조직도추가2*/
.organization .organi_box{width:80%;}
*+html .organization .organi_box{margin:-48px 0 0 165px;}
.organization .organi_box li{float:left;width:165px;margin:0 0 10px 5px !important;}

.organization1 .level5{float:left;}
.organization1 .organi_box li a{width:147px;}
.organization1 .orgWrap1{float:left;margin:-49px 0 0 155px;}
.organization1 .organi_box{width:77%}
.organization1 .organi_box li{float:left;}
.organization1 .organi_box2{overflow:hidden;}
.organization1 .organi_box2 li{float:left;margin:0 0 10px 10px;}


.cnb2016 .tour1Tab1 a{font-size:16px;}


.cnb2016.col-1 h2 a{width:99.777%;}
.cnb2016.col-2 h2 a{width:49.777%;}
.cnb2016.col-3 h2 a{width:33.156%;} 
.cnb2016.col-4 h2 a{width:24.777%;} 
.cnb2016.col-5 h2 a{width:19.85%;} 

.barlst2 { width:610px; margin: 0 auto 20px; overflow:hidden;}
.barlst2 span {float:left; text-align:center;}
.barlst2 span.img1 {width:216px; margin-right:40px;}
.barlst2 span.img2 {width:353px;}
.barlst2 span.img2 img {margin-bottom:36px;}

.onion_c0102 {margin-bottom:50px;}
.onion_c0102 h3, .onion_c0102 h4{float:left; margin:0;}
.onion_c0102 h3, .onion_c0102 div.dantxt {margin-top:20px;}
.onion_c0102 div.dantxt {float:right;}
.onion_c0102 h4 {margin:0 49px;}
.onion_c0102 h3::before {bottom:65px; left:135px; transform:none; } 
.onion_c0102 h3::after {width:55px; height:1px; bottom:70px; left:135px; transform:none;}
.onion_c0102 h4::before {bottom:75px; left:142px; transform:none; } 
.onion_c0102 h4::after {width:55px; height:1px; bottom:80px; left:142px; transform:none;}
.onion_c0102 div.model1, .onion_c0102 div.model2, .onion_c0102 div.model3 {clear:both; overflow:hidden;}
.onion_c0102 i.arrow{margin:40px auto 20px; }
.org1portal1 .h2_2:before {margin-left: -21.5%; width:42.5%;}
.org2 .h2_2:before {margin-left: -21.5%; width:42.5%;}

.flow-chart ol li .grid-in {padding:20px 0 0 0;}
.flow-chart p.fPmg {margin:15px 0 0 0;}

.chart3 .cont .chart3_bR{top:12px; right:12px;}

} /* /(min-width:768px) */

@media all and (min-width:768px) and (max-width:1023px){/* ◇◆◇◆◇◆◇◆◇◆ */
.organization .organi_box{width:77%}
.org-chart02 {
    background: url(/portal/_common/img/sub/org_line.jpg) no-repeat 1px top;

} /* /(min-width:768px) and (max-width:1023px) */


@media all and (min-width:1024px){/* ◇◆◇◆◇◆◇◆◇◆ */

.org-chart02{ background:url(/portal/_common/img/sub/org_line.jpg) no-repeat -2px top;  margin-left:4px;}


.bleft{position:relative;float:left;width:48%;}    
.bright{position:relative;float:right;width:48%;}

ol.bo5 li {width:29%;}

ul.bu5 li {width:29%;}
 

.edu_greeting{position:relative;padding:0;margin:0;background:url(/portal/life/_resource/img/edu/edu_00000427_01.jpg) no-repeat 50% 100%; height:850px;overflow:hidden;}
.edu_greeting .txt{padding:150px 0;margin:0 auto;width:70%;}

.pic1text1 .text1{float:left; width:62%; padding-left:15px; }
.pic1text1 .text2{float:left; width:96%; padding-left:15px; }
.pic1text1 .pic1{float:left;width:32%;}


.pic1text2 .text1{float:left; width:47%; }
.pic1text2 .pic1{float:left;width:47%;max-width:410px;}
.pic1text2 .text2{float:left; width:47%;}
.pic1text2 .pic2{float:right;width:47%;max-width:410px;}

#organization { display:none;}

.panel201.hue2a3 i.icyang {float:left;background:url('/portal/life/_resource/img/cnonion/c1.3.1_ic.png') no-repeat; width:124px; height:124px; margin:20px 0 0 0; display:block;}
.panel201.hue2a3 .txtstybox {width:80%; float:right; padding:15px 0 5px 0; letter-spacing: -1px;}

} /* /(min-width:1024px) */


@media all and (min-width:1200px){/* ◇◆◇◆◇◆◇◆◇◆ */
/*조직도 2019_02*/
#organizationimg {display:block;}/*pc 조직도 맵*/
#organization { display:none;}

.cnb2.style3 li{width:33.333%;}
.pic1text3 .text1{float:left;width:300px}

.organization1 .organi_box{width:83%}
.organization1 .organi_box3{width:110%;}


.org-chart02{ background:url(/portal/_common/img/sub/org_line.jpg) no-repeat 61px top;}
.org-chart02 li dd p{ float: right; width:69.9%; margin-top:0; }

/*조직도개편 -2*/
.org-chart03 ul.dep03{width:26%;margin:46px 62px -61px 0;}
.org-chart03 ul.dep03 li a{ font-size:17px; font-weight:bold;}
.org-chart03{ background:url(/portal/_common/img/sub/org_line03.jpg) no-repeat 61px top;}
.org-chart03 li dd p{ float: right; width:69.9%; margin-top:0; }
.org-chart03 li dd .budg{margin-left:13em; }
.org-chart03 li dd .budg1{width:47%;}
.org-chart03 li dd.mgray2 p{margin-top:0;}
.org-chart03 li dd.mgray2{ margin:-27px 0px -15px -24px; width:99.5%;}
.org-chart03 li dd.mgray2 li{  width:100.5%; }
.org-chart03 li dt.first{}
.org-chart03 .dep05_0, .org-chart03 .dep05, .org-chart03 .dep06, .org-chart03 .dep07, .org-chart03 .dep08{background:url(/portal/_common/img/sub/hd_org1.png) repeat-y 12% 1%;}
.org-chart03 .dep05_0{height:455px;}
.org-chart03 .dep05{height:404px;}
.org-chart03 .dep06{height:270px;}
.org-chart03 .dep07{height:987px;}
.org-chart03 .dep08{height:404px;}



/* 인터넷 */
.wifi{display:none;}

/*직원찾기 201910*/
.card1duty1 .wrap1 .lst2{height:10em;overflow:hidden;overflow-y:auto;}

/*.officeguide1 li.taba{width:24.285%;} */

.onion_c0102 div.dantxt {width:49.6%;}
.org1portal1 .h2_2:before {width:57.5%; margin-left:-28.7%;}
.org2 .h2_2:before {width:57.5%; margin-left:-28.7%;}

.onion_c0101 {background-size:auto;}
.cnon_c0609 ul li {float:left; margin:0 0 25px 25px; }

.panel201.hue2a3 i.icyang {margin:20px 0 0 10px;}

} /* /(min-width:1200px) */


@media all and (max-width:600px){
.his{padding-top: 0;}
.his_wrap::after{	left: 0;	margin-left: 0px;}
.his_wrap::before{left: 2px;	margin-left: 0;}
.his_list{padding: 0px 4.5px 0;}
.his_list::before{display: none;}
.his_list > div{float: none;width: 100%;text-align: left;min-height: 80px;	border-left: 1px solid #c2c2c2;padding-top: 20px;}
.his_list > div:nth-child(2){	margin-top:0;}
.his_list > div:nth-child(even){	float: none;min-height: 80px;}
.his_list > div:nth-child(odd) h2,
.his_list > div:nth-child(odd) p{padding-right: 0;padding-left: 60px;}
.his_list > div:nth-child(even) h2,
.his_list > div:nth-child(even) p{padding-left: 60px;}
.his_list > div:nth-child(odd)  h2.his_line::before{right: auto;	left: 40px;}
.his_list > div:nth-child(even)  h2.his_line::before{left: 40px;}
.his_list > div:nth-child(odd)  h2.his_line::after{	right:auto;left:0}
.his_list h2.his_line::after{width: 40px;}
}

@keyframes shake {
	10%, 90% {transform: translate3d(-1px, 0, 0);}
	20%, 80% {transform: translate3d(2px, 0, 0);}
	30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
	40%, 60% {transform: translate3d(4px, 0, 0);}
}