/* 구글 웹폰트 나눔고딕 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/gears/board/resource/board.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

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

* {font-family:"Nanum Gothic","NanumGothic","Malgun Gothic",sans-serif;}


* {box-sizing:border-box;}
body {font-size:15px;color:#333;line-height:1.8em;}
body, form {padding:0;margin:0;}
div, td, li {line-height:1.8em;}
ul,ol,li {list-style:none;}

hr { display:none;visibility:hidden; }

a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:underline;}
a img {border:0;border-radius: 5px;}

img { max-width: 100%; border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) ; -ms-interpolation-mode: bicubic; /*vertical-align: top;*/ vertical-align:middle}

.page:before,
.page:after,
.wrap:before,
.wrap:after {content:'';clear:both;display:table;}
.wrap {width:1200px;clear:both;margin-left:auto;margin-right:auto;position:relative;}

.page {min-width:1200px;}

#header {height:100px;width:100%;position:absolute;z-index:11;background:rgba(0,0,0,0.3);}
#header a:hover {text-decoration:none;}
#header .util_left { position:absolute; left:0; top:90px; z-index:999;}
#header .util_left ul { margin:0; padding:0;}
#header .util_left ul li {display:inline;padding:8px 20px;margin-left:5px;font-size:12px;font-weight:600; border:1px solid #fff;}
#header .util_left ul li a { color:#fff;}


/* 언어선택 */
.language {float:right;position:absolute;top:85px;z-index:999;right:0;width:120px;padding:0;margin:0;border:1px solid #fff; }
.language a {color:#fff;}
.language dt {margin:0;font-size:12px;color:#fff;text-align:center;background:url(/coding/assets/img/language_bl.png) no-repeat 88% 50%;font-weight:600;text-transform:uppercase;}
.language dt a {display:block;padding:3px 20px 3px 10px;}
.language dd {display:none;padding:6px 0;margin:0; background-color:#000;}
.language dd ol {padding:0;margin:0;list-style:none;text-align:center;}
.language dd ol a {font-size:12px;line-height:1.6em; font-weight:600;}
.language dd ol a:hover {font-size:12px;line-height:1.6em;color:#FFEE8D;}

#header .logo {float:left;height:100px;text-align:center;padding-top:0px;}
#header .logo a.img { display:inline-block;width:250px;height:70px;background:url(../img/logo.png) no-repeat 50% 50%;}
#header .logo a.nav-bt {display:none;position:absolute;top:10px;right:20px;height:64px;padding:0 7px;}
#header .logo a.nav-bt span {display:block;position:relative;top:20px;width:20px;height:20px;}
#header .logo a.nav-bt span i {display:block;position:absolute;right:0;width:100%;top:17px;height:2px;background:#fff;font-size:1px;overflow:hidden;transition:all 0.2s;font-size:0;}
#header .logo a.nav-bt span:before,
#header .logo a.nav-bt span:after {display:block;position:absolute;right:0;width:100%;top:24px;height:2px;background:#fff;content:'';transform:translateY(-15px);transition:all 0.2s;}
#header .logo a.nav-bt span:after {transform:translateY(0);}


body:not(.nav-on) #header .logo a.nav-bt:hover span i {width:75%;}
body:not(.nav-on) #header .logo a.nav-bt:hover span:before {width:50%;}
body:not(.nav-on) #header .logo a.nav-bt:hover span:after {width:100%;}
body.nav-on #header .logo a.nav-bt span i {transform:rotateY(90deg);}
body.nav-on #header .logo a.nav-bt span:before {transform:rotateZ(135deg);width:100%;}
body.nav-on #header .logo a.nav-bt span:after {transform:rotateZ(-135deg);width:100%;}
#header .nav { float:right;border-bottom:solid 0px #000;height:65px; margin-top:5px;overflow:hidden;transition:all 0.3s;transition-delay:0.1s;}
#header .nav.hover,
#header .nav:hover {height:280px;}
#header .nav-list {display:table;border-collapse:collapse;table-layout:fixed;margin-left:auto;margin-right:auto;}
#header .nav-list-item { float:left; margin:0; padding:0;}
#header .nav-list-item:nth-child(7n+7) { margin:0;}
#header .nav-list-item > a {color:#fff;display:block;text-align:center;line-height:60px;height:60px;font-size:22px;font-weight:600;position:relative; padding:0 50px;}
#header .nav-list-item > a:after {content:'';position:absolute;left:50%;bottom:-1px;width:2px;height:2px;background:#6cb346;opacity:0;transition:all 0.3s;}
#header .nav-list-item.hover > a:after,
#header .nav-list-item:hover > a:after {left:0;width:100%;opacity:1;}
#header .nav-list-item ul {display:block;padding:10px 0;margin:15px 0 0 0;list-style:none;text-align:center; border-top:1px solid #fff; background:rgba(255,255,255,0.9); height:250px;}
#header .nav-list-item ul li {display:block;}
#header .nav-list-item ul li a {color:#000;display:block;line-height:33px;font-size:15px;}
#header .nav-list-item ul li a:focus,
#header .nav-list-item ul li a:hover {font-weight:600;}

.header-top {width:100%; height:20px; background: rgba(0,0,0,0.0);padding: 0 2.5%;}
.lang {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;padding-right: 40px;}
.lang a {float: right; margin: 7px 10px 0 0;color: #fff;font-size: 12px; border: 1px solid #aeaeae; padding: 0px 0 2px 0;width: 46px; height: 22px; line-height: 20px;text-align: center;}
.lang a.active {color:#fdd000;}
/*.lang a:first-child {padding-left:15px;padding-right:20px;}
.lang a:first-child:after {position:absolute; content:''; width:1px; height:10px; top:10px; left:0; background:#999;}*/

body.light #header {border-bottom-color:#222;}
body.light #header .logo a.img {background-image:url(../img/logo_light.png);}
body.light #header .nav {border-bottom-color:#222;}
body.light #header .nav.hover,
body.light #header .nav:hover {background:rgba(255,255,255,0.8);}
body.light #header .nav-list .nav-list-item > a {color:#333;}
body.light #header .nav-list .nav-list-item > a:after {background:#333;}
body.light #header .nav-list .nav-list-item ul li a {color:#333;}
body.light #header .logo a.nav-bt span i,
body.light #header .logo a.nav-bt span:before,
body.light #header .logo a.nav-bt span:after {background:#333;}

.scroll_top_area{overflow:hidden; right:5px; bottom:242px; width:100%; height:50px;}
.scroll_top_area.fixed{position:fixed; bottom:70px;}
.scroll_top_area .scroll_inner{position:relative; width:100%; max-width:1400px; height:50px; margin:0 auto;}
.scroll_top_area .top_btn{position:absolute; top:0; right:0; width:50px; height:50px; background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 16 16' class='bi bi-arrow-up-square' fill='cadetblue' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath fill-rule='evenodd' d='M4.646 8.354a.5.5 0 0 0 .708 0L8 5.707l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z'/%3E%3Cpath fill-rule='evenodd' d='M8 11.5a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5z'/%3E%3C/svg%3E"); text-indent:-9999px;}


#footer {/*background:#f3f3f3;*/margin-top: 0px;color:#666;padding:10px 0 40px 0;border-top: 2px solid #17a2b8;background-image: repeating-linear-gradient(135deg, rgba(86, 86, 86, 0.02) 0px, rgba(86, 86, 86, 0.02) 22px,rgba(202, 202, 202, 0.02) 22px, rgba(202, 202, 202, 0.02) 67px,rgba(247, 247, 247, 0.02) 67px, rgba(247, 247, 247, 0.02) 113px,rgba(135, 135, 135, 0.02) 113px, rgba(135, 135, 135, 0.02) 132px,rgba(157, 157, 157, 0.02) 132px, rgba(157, 157, 157, 0.02) 153px,rgba(53, 53, 53, 0.02) 153px, rgba(53, 53, 53, 0.02) 171px,rgba(17, 17, 17, 0.02) 171px, rgba(17, 17, 17, 0.02) 181px,rgba(179, 179, 179, 0.02) 181px, rgba(179, 179, 179, 0.02) 220px),repeating-linear-gradient(135deg, rgba(58, 58, 58, 0.02) 0px, rgba(58, 58, 58, 0.02) 41px,rgba(198, 198, 198, 0.02) 41px, rgba(198, 198, 198, 0.02) 60px,rgba(176, 176, 176, 0.02) 60px, rgba(176, 176, 176, 0.02) 99px,rgba(173, 173, 173, 0.02) 99px, rgba(173, 173, 173, 0.02) 146px,rgba(164, 164, 164, 0.02) 146px, rgba(164, 164, 164, 0.02) 167px,rgba(179, 179, 179, 0.02) 167px, rgba(179, 179, 179, 0.02) 205px,rgba(228, 228, 228, 0.02) 205px, rgba(228, 228, 228, 0.02) 230px,rgba(23, 23, 23, 0.02) 230px, rgba(23, 23, 23, 0.02) 241px),repeating-linear-gradient(135deg, rgba(190, 190, 190, 0.02) 0px, rgba(190, 190, 190, 0.02) 15px,rgba(74, 74, 74, 0.02) 15px, rgba(74, 74, 74, 0.02) 45px,rgba(98, 98, 98, 0.02) 45px, rgba(98, 98, 98, 0.02) 71px,rgba(43, 43, 43, 0.02) 71px, rgba(43, 43, 43, 0.02) 95px,rgba(131, 131, 131, 0.02) 95px, rgba(131, 131, 131, 0.02) 118px,rgba(21, 21, 21, 0.02) 118px, rgba(21, 21, 21, 0.02) 130px,rgba(77, 77, 77, 0.02) 130px, rgba(77, 77, 77, 0.02) 167px,rgba(231, 231, 231, 0.02) 167px, rgba(231, 231, 231, 0.02) 189px),linear-gradient(90deg, rgb(251, 251, 251),rgb(250, 250, 250));}
#footer .nav-items {display:block;padding:20px;margin:0;list-style:none;}
#footer .nav-items li {display:inline; padding:0 15px;border-right: 1px solid #999; font-weight: bold}
#footer .nav-items li.none {padding: 0 15px;margin: 0;border: none;}
/*#footer .nav-items li :after {position: absolute; width: 4px; height: 4px; content: ''; background: #fdd000; top: 7px; border-radius: 10px; right: -2px;}*/
#footer .nav-items li a {color:#666;margin-right:1em;font-size:15px;}
#footer .nav-items li.util {float:right;white-space:nowrap;}
#footer .nav-items li.util a {display:inline-block;width:30px;height:30px;border-radius:50%;background:url(../img/icon_share.jpg) no-repeat;margin-right:0;}
#footer .nav-items li.util a.link-fb {background-position:-60px 0px;}
#footer .nav-items li.util a.link-insta {background-position:0px 0px;}
#footer .nav-items li.util a.link-tw {background-position:-120px 0px;}
#footer .nav-items li.util a.link-blog {background-position:-30px 0px;}
#footer .site-info {padding:10px 0 0 30px;margin:0;list-style:none;font-size:15px;}
#footer .site-info li span {}
#footer .site-info li span strong {color:#000; white-space:pre;}
#footer .site-info li:before {margin:0 0.5em 0 0.2em;}
#footer .site-info li:first-child:before {content:'';margin:0;}
#footer p.copyright {padding:0 0 0 20px;margin:0;font-size:14px;}
#footer p.copyright a {color:#666;}


/*	footer*/

footer{width:100%; display:block; box-sizing:border-box;  border-top:1px solid #ddd;}
.footer {width:100%; background:#063458; padding:25px 0;}
.footer-wrap {width:1200px; margin:0 auto;line-height: 1.6em;}
.footer-top {display:inline-block; width:100%;}
.footer-top a {display:inline-block; margin-right:20px; padding-right:20px; font-size:16px; line-height:18px; color:#fff; font-weight:700; float:left; position:relative; margin-bottom:14px;}
.footer-top a:after {position:absolute; width:4px; height:4px; content:''; background:#fdd000; top:7px; border-radius:10px; right:-2px; }
.footer-top a:last-child:after {display:none;}
.footer-bottom {width:100%; display:block;line-height: 1.4em;}
.footer-bottom p {font-size:16px; line-height:28px; color:#fff;font-weight:400;}
.footer-bottom p span {display:inline-block; margin-right:10px;font-weight:400;}
.footer-bottom p span b {font-weight:400; color:#fdd000; margin-right:5px;}

.footer-menu-top {width:100%; box-sizing:border-box; border:10px solid #f4f4f4; padding:50px;}
.footer-menu-top p {font-size:16px; color:#333; line-height:28px;}
.footer-menu-cont {width:100%;}
.footer-menu-cont h1 {font-size:22px; font-weight:600; color:#023894; line-height:28px; padding-top:50px;}
.footer-menu-cont h2 {font-size:18px; font-weight:600; color:#000; line-height:28px; padding-top:10px;}
.footer-menu-cont p span {font-size:16px; font-weight:600; color:#333; line-height:28px; }
.footer-menu-cont p {font-size:16px; font-weight:400; color:#333; line-height:28px; padding-top:10px;}

/*
.sitemap {width:100%; overflow:hidden;}
.sitemap-box {width:270px; float:left; margin-right:40px;  min-height:335px; }
.sitemap-box span {width:100%; height:4px; display:block; background:url(/images_2019/site_bg.png) top right no-repeat;  }
.sitemap-box:nth-child(4) {margin-right:0;}
.sitemap-box:nth-child(5) {margin-top:50px;}
.sitemap-box-title {width:100%; background:#f3f3f3; padding:20px; border-bottom:1px solid #ddd; box-sizing:border-box;l}
.sitemap-box-title h1 {font-size:22px; font-weight:600; color:#000; line-height:22px; padding-bottom:10px;}
.sitemap-box-title h2 {font-size:16px; color:#888; font-weight:600; line-height: 16px;}
.sitemap-box-menu {width:100%; box-sizing:border-box; padding:10px 20px;}
.sitemap-box-menu li {width:100%; height:40px; }
.sitemap-box-menu li a {line-height:40px; padding-left:15px; position:relative; color:#333;}
.sitemap-box-menu li a:after {position:absolute; content:''; width:5px; height:5px; background:#666; border-radius:50%; top:6px; left:0;}
.sitemap-box-menu li a:hover {color:#023894;}

.x-btn {position:absolute; width:20px; height:20px; top:-20px; right:0; cursor:pointer;  border-radius:50%; background:#0072bc;}
.x-btn:after {position:absolute; content:''; width:14px; height:3px; top:8px; left:3px; transform:rotate(45deg); background:#fff; border-radius:10px;}
.x-btn:before {position:absolute; content:''; width:14px; height:3px; top:8px; left:3px; transform:rotate(-45deg); background:#fff; border-radius:10px;}
*/


/* sub page */
#page-heading {height:305px;background:#666 url(#) no-repeat 50% 50%;background-size:cover;position:relative;}
#page-heading:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(#);background-size:4px;opacity:0.5;z-index:1;}
#page-heading .wrap {display:block;height:100%;padding:160px 0 0 0;text-align:center;z-index:2;}
#page-heading h1 {;color:#fff;font-size:30pt;padding:0;margin:0;font-family: 'Malgun Gothic',Malgun Gothic,Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif;text-shadow: 1px 1px 1px #000;}
#page-heading h1:after {display: block; width: 2px; height: 35px; margin: 0 auto; background: #fff; margin-top: 5px;content: "";}
#page-heading .page-des {font-size:16px; line-height:1.8;color: #fff;text-shadow: 1px 1px 1px #000;letter-spacing: -0.05em}

body.light #page-heading:after {background-image:url(../img/bg_matrix_white.png);}
body.light #page-heading h1 {color:#333;text-shadow:#fff 0 0 10px;}

body.sub1 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/coding/assets/img/visual_09.png) no-repeat 10% 10%;background-size:cover;position:relative;}
body.sub2 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/coding/assets/img/visual_10.png) no-repeat 10% 50%;background-size:cover;position:relative;}
body.sub3 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/coding/assets/img/visual_04.png)no-repeat 10% 10%;background-size:cover;position:relative;}
body.sub4 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/coding/assets/img/visual_06.png) no-repeat 10% 10%;background-size:cover;position:relative;}
body.sub5 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/coding/assets/img/visual_11.png) no-repeat 10% 10%;background-size:cover;position:relative;}
body.sub6 #page-heading {background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../img/sub_header_06.jpg);}

	
/* 타이틀 */
/*.article {width:1200px; margin:0 auto; padding-top:40px; padding-bottom:100px;}*/
.contentHeader {background:#000 url(#) no-repeat 50% 50%;background-size:cover;}
.contentHeader .article {padding-bottom:0;padding-top:0;}
.sub-title-2{font-size:46px; font-weight:600; line-height:46px; color:#fff;  font-family:'Apple SD Gothic Neo','Open Sans','Microsoft JhengHei','Meiryo','맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,'Helvetica Neue',Arial,sans-serif; text-align:center; padding-top:50px;}
.sub-title-3 {font-size:30px; padding-left:20px; position:relative; line-height:30px; font-weight:600; color:#000; margin-bottom:15px;}
.sub-title-3:after{position:absolute; content:''; width:5px; height:24px; top:1px; left:0; background:#00274f; border-radius:5px;}
.sub-title-4 {font-size:22px;line-height:22px; font-weight:600; color:#000; margin-bottom:15px;}
.sub-title-5 {font-size:30px; padding-left:20px; padding-bottom:10px; border-bottom:1px solid #000; position:relative; line-height:30px; font-weight:600; color:#000; margin-bottom:15px;}
.sub-title-5:after{position:absolute; content:''; width:5px; height:24px; top:1px; left:0; background:#023894; border-radius:5px;}
.sub-title-6{font-size:36px; font-weight:600; line-height:46px; color:#00274f;  font-family: 'NanumSquareRound',sans-serif; text-align:left; padding-bottom:40px;}
.sub-title-7{font-size:18px; font-weight:400; line-height:28px; color:#333333;  font-family: 'NanumSquareRound',sans-serif; text-align:left;}
.sub-title-8{font-size:16px; font-weight:400; line-height:28px; color:#333333;  font-family: 'NanumSquareRound',sans-serif; text-align:left;}
.article-top {text-align:center; height:20px; display:block; overflow:hidden; padding:20px 0 50px; color:#fff;}
.article-top a {font-size:16px; color:#eee; height:20px; line-height:20px;}
.article-top span {width:20px; height:20px; display:inline-block; vertical-align: middle; position:relative;}
.article-top span:after { position:absolute; top:5px; left:7px; content:''; width:8px; height:1px; background:#eee; transform:rotate(45deg);}
.article-top span:before { position:absolute;top:11px; left:7px; content:''; width:8px; height:1px; background:#eee; transform:rotate(-45deg);}

.tab-menu {width:100%; overflow:hidden;}


#page-nav {/*background:#0c4da2;*/ background: linear-gradient(45deg, rgb(10, 127, 181) 20%, rgb(0, 104, 181) 0%, rgb(0, 143, 76) 80%, rgb(183, 136, 9) 0%), url(#) no-repeat 50% -150px;}
#page-nav .wrap {z-index:10;}
#page-nav #loc {display:table;border-collapse:collapse;height:52px;}
#page-nav .loc {display:table-cell;vertical-align:middle;position:relative;}
#page-nav .loc > a {color:#fff;display:block;height:52px;line-height:52px;border-right:solid 1px #808fa2;padding:0 40px 0 20px;white-space:nowrap;min-width:200px;position:relative;font-size:17px; font-weight:700; }
#page-nav .loc > a:hover {text-decoration:none;font-size:17px;font-weight:700;}
#page-nav .loc > a i.arrow {position:absolute;right:20px;top:17px;transition:all 0.2s;}
#page-nav .loc.hover > a i.arrow,
#page-nav .loc:hover > a i.arrow {transform:rotateX(180deg);}
#page-nav .loc ul {display:block;padding:0;margin:0;position:absolute;left:0;top:100%;list-style:none;background:#fff;min-width:100%;height:0;overflow:hidden;}
#page-nav .loc ul li a {display:block;padding:8px 20px;white-space:nowrap;border-bottom:solid 1px #3169b3;color:#fff;font-size:14px;}
#page-nav .loc ul li:last-child a {border-bottom:none;}
#page-nav .loc ul li a:focus,
#page-nav .loc ul li a:hover {background:#fff;text-decoration:none;color:#000;font-size:14px;}
#page-nav .loc.hover ul,
#page-nav .loc:hover ul {background:#0c4da2;height:auto;padding:0;border:solid 1px #3169b3;}
#page-nav .coding > a {width:52px;min-width:1px;padding:0;text-align:center;display:block;border-left:solid 0px #3169b3;}
#page-nav #loc-share {position:absolute;right:0;top:0;}
#page-nav #loc-share > a {display:none;}
#page-nav #loc-share ul {display:block;padding:0;margin:10px 8px 0;list-style:none;white-space:nowrap;}
#page-nav #loc-share ul li {display:inline;}
#page-nav #loc-share ul li a {width:30px;height:30px;border-radius:50%;display:inline-block;background:url(../img/icon_share.jpg) no-repeat;}
#page-nav #loc-share ul li a.share-insta {background-position:0px 0px;}
#page-nav #loc-share ul li a.share-blog {background-position:-30px 0px;}
#page-nav #loc-share ul li a.share-fb {background-position:-60px 0px;}
#page-nav #loc-share ul li a.share-tw {background-position:-90px 0px;}
#page-nav #loc-share ul li a.share-lnk {background-position:-120px 0px;}
#page-nav #loc-share ul li a.share-prt {background-position:-150px 0px;}

#page-contents {background:#fff;}
#page-contents h2 {font-size:40px; line-height:51px; color:#00274f; font-weight:600; padding-top:0px; padding-bottom:5px; margin-bottom:5px; position:relative; text-align:center; background: url(/night/sub2/images/sub_title_bg.png)no-repeat center top;
    margin-top: 35px;}
#page-contents h2 span  {position: relative; z-index: 2; display: inline-block; padding: 2px 15px; background-color: #fff; font-size: 14px; color: #333; font-weight: 300;}
#page-contents h2:after {position:absolute; content:''; width:160px; height:1px; background:#fff; bottom:0; left:50%; margin-left:-80px;}
#page-contents h3 {font-size:16px; line-height:33px;font-weight:400; color:#777; text-align:center; margin-bottom:30px;}
#page-contents .wrap-contents {padding:20px 30px 60px 30px;min-height:300px;}
#subtitle {float:left;width:100%;padding:0 0 0px 20px;margin:40px 0 -23px 0;font-size:2.4em;text-align: center;font-weight:600;color:#000;line-height:1.5em;background: url(/coding/images/bul.png) no-repeat 0px 19px;}
#subtitle span {background:#fff; padding:20px}
.subt-element{position:relative;height:30px;margin:50px 0 10px;text-align:center;color: #00274f;}
.subt-element:after{content:'';display:block;clear:both;position:absolute;left:0px;right:0px;top:18px;z-index:1;height:1px;background-color:#ddd;}
.subt-element span{position:relative;z-index:2;display:inline-block;padding:2px 15px;background-color:#fff;font-size:35px;color:color: #00274;font-weight:600}
.sub-con { width: 100%;min-height: 300px;}

/*사업분야 탭*/
.prg-tab {width:100%; margin-bottom:40px; overflow:hidden;padding:0}
.prg-tab ul {padding:0; margin:0;}
.prg-tab li {width:20%; height:50px; float:left; background:#f3f3f3; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.prg-tab li:first-child {border-left:1px solid #ddd;}
.prg-tab li a {display:block; font-size:18px; font-weight:600; color:#666; text-align:center; line-height:50px;text-decoration: none;}
.prg-tab li.active{background-color: #17a2b8; border:1px solid #888;}
.prg-tab li.active a{color:#fff;}

	@media (max-width:900px){
	.prg-tab li a {font-size:14px;}
	}

/*공사실적 탭*/
.work-tab {width:100%; margin-bottom:25px; overflow:hidden;padding:0}
.work-tab ul {padding:0; margin:0;}
.work-tab li {width:16.6%; height:50px; float:left; background:#f3f3f3; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.work-tab li:first-child {border-left:1px solid #ddd;}
.work-tab li a {display:block; font-size:16px; font-weight:600; color:#666; text-align:center; line-height:50px;text-decoration: none;}
.work-tab li.active{background-color:  #00274f; border:1px solid  #00274f;}
.work-tab li.active a{color:#fff;}

	@media (max-width:900px){
	.work-tab li a {font-size:14px;}
	}

/*서브 페이지 공통스타일*/
.business { float:left;clear:both;overflow:hidden;width:100%;padding:0 0 10px 0; margin:30px 0 0 0;}
.business dt {padding:0 0 10px 25px;font-size:18px;font-weight:600;;background:url(/coding/images/bulet.gif) no-repeat 0 6px; color:#CC3300; background-size:18px;}
.business dd {padding:0 0 0 25px;margin:0;}
.business dd p {padding:10px 0;margin:0;}
.business dd ol {padding:0 0 0 20px;margin:0 0 0 0px;}
.business dd ul {padding:0;margin:0;list-style:none;}
.business dd ul li{ padding:3px 0 3px 20px;margin:0; background:url(/coding/images/s_bulet.gif) no-repeat 0 11px;}
.business dd ul li strong.text1 {font-weight:600; color:#0070BC;}
.business dd ul li ul{padding:0;margin:0;list-style:none;}
.business dd ul li ul strong{font-weight:600;}
.business dd ul li ul li{padding:3px 0 3px 15px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 3px 13px;}
.business dd ul li ul li ul {padding:0;margin:0;list-style:none;}
.business dd ul li ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/coding/images/s_bulet2.gif) no-repeat 3px 11px;}

.txt_box{background-color:#FAFAFA;border:1px solid #C8C8C8; padding:15px;margin:10px 0;}

/* 테이블 기본 속성 */
.data_table1 {clear:both;overflow:hidden;width:100%;margin-bottom:20px;border-collapse:separate;}
.data_table1 caption {padding:10px 0 0 0;margin:10px 0;text-align:left;font-size:1.1em;font-weight:600;letter-spacing:-0.05em;color:#32518D;background:url(/public/images/title_bar.gif) no-repeat 0 3%;}
.data_table1 caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table1 thead th {padding:10px 0;text-transform:uppercase;font-weight:600;font-size:1.0em;}
.data_table1 thead th.line {border-right:1px solid #CCCCCC;}
.data_table1 thead th.none {border-top:none;}
.data_table1 thead th:last-child,
.data_table1 tbody td:last-child,
.data_table1 tfoot td:last-child {border-right:0;}
.data_table1 th,
.data_table1 td {padding:8px 5px;text-align:center;font-size:1.0em;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
.data_table1 tbody th {font-weight:600;}
.data_table1 tbody td ul {padding:0;margin:0 0 0 20px;list-style:none;}
.data_table1 tbody td ul li {padding-left:12px;margin:5px 0;font-weight:400;line-height:1.5em;text-align:left;/*background-image:url(/Public/images/dot_green.png);*/background-repeat:no-repeat;background-position:0 8px;background-size:4px;}
.data_table1 tbody td ul li ul {padding:0;margin:3px 0 10px 5px;list-style:none;}
.data_table1 tbody td ul li ul li {padding-left:10px;margin:3px 0;font-size:0.9em;font-weight:400;line-height:1.4em;color:#666;text-align:left;/*background-image:url(/Public/images/dot_gray.png);*/background-repeat:no-repeat;background-position:0 6px;background-size:3px;}
.data_table1 tfoot th,
.data_table1 tfoot td {background-color:#f6f6f6;}
.data_table1 tbody td.txLeft {text-align:left;}
.data_table1 tbody td.line {border-right:1px solid #CCCCCC;}


/* 테이블 기본 속성(가로 50% 사이즈) */
.data_table2 {overflow:hidden;width:48%;margin-bottom:30px;border-left:1px solid #CCCCCC;border-collapse:separate;}
.data_table2 caption {padding:0 0 10px 30px;margin-bottom:10px;text-align:left;font-weight:600;font-size:1.3em;color:#068600;background:url(/Public/yyedu/images/bullet.gif) no-repeat 1px 2px;}
.data_table2 caption span {float:right;right:0;font-size:0.9em;font-weight:400;color:#333;}
.data_table2 thead th {padding:10px 0;text-transform:uppercase;font-weight:600;font-size:12pt;}
.data_table2 thead th.none {border-top:none;}
.data_table2 th,
.data_table2 td {padding:10px 5px;text-align:center;line-height:1.4em;font-size:10pt;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
.data_table2 tbody th {font-weight:600;}
.data_table2 tfoot th,
.data_table2 tfoot td {background-color:#f6f6f6;}


table.table {width:100%; margin:5px 0 10px;}

table.table th, table.table td {padding:15px 10px; border:1px solid #d7d7d7; vertical-align:middle}
table.table td{}
table.table thead th{border:#d7d7d7 solid 1px; color:#252525; font-weight:600; background:#fbfbfb;}
table.table thead tr:first-child th {border-top:2px solid #555;}
table.table thead tr:last-child th, .table thead th[rowspan]{border-bottom:none;}
table.table th:first-child, table.table td:first-child {border-left:none}
table.table th:last-child, table.table td:last-child {border-right:none}
table.table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#d7d7d7;}
table.table tbody th {font-weight:600; background:#fbfbfb; color:#252525;}
table.table tfoot th, table.table tfoot td {font-weight:normal; background-color:#fbfbfb;}
table.table td img {vertical-align:middle}
table.table tbody td.txLeft {text-align:left;}
table.table tbody td.line {border-right:1px solid #CCCCCC;}
td ul, td li {text-align:left}
td ul.bu {margin:0; padding:0;}
td .num {margin:0; padding:0;}

.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td {border-top:2px solid #555;}
.table.type2 th, .table.type2 td {padding:10px 6px 9px;}
.table.type2 tbody th {color:#252525; font-weight:normal; background-color:#fbfbfb;}


/* 테이블 텍스트 왼쪽 정렬 */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left; padding-left:20px;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #2C79D9;}
table.blue thead th {color:#0052BA;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
table.green {border-top:2px solid #08A700;}
table.green thead th {color:#000;border-bottom:1px solid #787878;background-color:#FAFAFA;}
table.green caption {padding:0 0 10px 30px;margin-bottom:10px;text-align:left;font-weight:600;font-size:1.3em;color:#336600;}
table.black {border-top:2px solid #333;}
table.black thead th {color:#000;border-bottom:1px solid #787878;background-color:#FAFAFA;}


/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#4B7EB0;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}
table.green tr a,
table.green td a,
a.green {color:#058C00; font-weight:600;border-bottom:1px dashed #008550; padding-bottom:5px;}
table.green td a[target=_blank] {color:#333;font-weight:600;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}
table.black tr a,
table.black td a,
a.blue {color:#4B7EB0;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}
a.no-blank {background-image:none !important;padding-right:0 !important;}

/* 탭메뉴_서브 */
#tabs-sub {width:100%;clear:both;padding:0 15%;margin:0 0 30px 0;border:none; list-style:none;}
#tabs-sub li {display:inline-block; background-color:#FFF;margin-bottom:4px;font-weight:600;}
#tabs-sub li.cols2 {width:48%;}
#tabs-sub li.cols3 {width:32%;}
#tabs-sub li.cols4 {width:24.5%;}
#tabs-sub li.cols5 {width:19.5%;}
#tabs-sub li a {display:block;padding:8px 0;color:#333;text-align:center;border:1px solid #ccc;background-color:#FFF;text-decoration:none;}
#tabs-sub li a:hover,
#tabs-sub li.current a {border:1px solid #B16C5E;text-decoration:none;}

/* 준비중 */
.ready_text{width:50%;margin:30px auto;border:1px dashed #666; text-align:center;padding:2%; }




@media (max-width:1359px){
	.lst_note li{width:50%;padding-left: 20px;}
}
@media (max-width:900px){
	.lst_note{padding: 20px;}
	.lst_note li{float:none;position: relative;width:100%;padding: 30px 0 20px 60px;}
	.lst_note li .icon{position: absolute;top: 0;left: 0px;}
	.lst_note li p{margin: 0px 0 0}
	.lst_note li p em{display: inline;}
}
@media (max-width:640px){
	.lst_note{padding: 20px 10px;}
	.lst_note li{padding: 30px 0 0;} 
	.lst_note li .icon{display: block;position: relative;top: auto;left: auto;margin: 0 auto}
	.lst_note li p{display: block;padding: 10px 0 0;text-align: center}
	.history-list .txt-con .details li {display: table;font-size:12px; }
}
/* 다운로드 버튼 */
.guid_btn .btn{width: 24%;font-family: 'ntk'}
.guid_btn .btn + .btn{margin-left: 1%}
@media (max-width:1025px){
	.guid_btn .btn{width: 49%;margin-bottom: 1%}
	.guid_btn .btn:nth-child(3){margin-left: 0}
}
@media (max-width:500px){
	.guid_btn .btn{width: 100%;}
	.guid_btn .btn + .btn{margin: 0 0 1%}
}

/*교통안내*/
.traffic_wrap{overflow:hidden;}
.traffic_wrap .inner{position: relative;padding: 30px 0;border-bottom: 1px solid #ddd;}
.traffic_wrap .inner .icon{display:block;position: absolute;top: 50px;left: 5%;height:68px;margin:0 auto;background:url(/coding/sub4/images/s3_img1.png) no-repeat 0 0;  }
.traffic_wrap .inner .icon1{width:80px;background-position:-205px 0;}
.traffic_wrap .inner .icon2{width:90px;background-position:-45px 0;}
.traffic_wrap .inner .icon3{width:72px;background-position:-135px 0;}
.traffic_wrap .inner .icon4{width:80px;background-position:-206px 0;}
.traffic_wrap .inner .txt{padding:0 10px 0 225px;}
.traffic_wrap .inner .txt h3{margin:0 0 15px;text-align:left;}
.traffic_wrap .inner .txt p{margin:0 0 15px;text-align:left;}

ul.road_info_add{padding:0;border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px;text-align:left;}
ul.road_info_add li{  border-bottom:1px solid #ddd; padding:10px 0  ; width:100%;}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ width:16%; float:left; font-weight:600; padding:0 2%}
ul.road_info_add li dd{ width:80%; float:right;}
ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }
ul.road_info_add li dd h5{}


/* 사이트 바로 연결 버튼 */
.homebt{clear:both; margin:0; padding:30px 0; text-align: center; }
button.btn_red {padding:15px 40px 15px 50px;margin:10px 0 0 0;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; border:0;background: #eb4f4e url(/coding/images/icon_home.png) no-repeat 10% 50%;}
button.btn_red:hover{background-color:#C43534;font-size:16px;color:#FFFFFF;border:0;}

button.btn_brown {padding:15px 40px;margin:10px 0 0 0;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; border:0;background: #DC4226;}
button.btn_brown:hover{background-color:#B93E28;font-size:16px;color:#FFFFFF;border:0;}
button.btn_yellow {padding:15px 40px;margin:10px 0 0 0;font-size:16px; font-weight:600; letter-spacing:-1px;color:#FFFFFF; border:0;background: #DC9D26;}
button.btn_yellow:hover{background-color:#BE8E33;font-size:16px;color:#FFFFFF;border:0;}

@media (max-width:1000px) {
.wrap {width:100%;}
.page {min-width:100%;}
.lang {padding-right: 0px; margin: 0px auto; overflow: hidden;}
#header {height:110px; background: none;}
#header .logo {float: inherit;text-align:center;padding:0px 30px 0 10px;height:90px;overflow:hidden;}
#header .logo a.img {width:220px;height:50px;background-size:cover; margin-top:16px;}
#header .logo a.nav-bt {display:block;top:2px;right:5px;}	
#header .logo a.nav-bt {position:absolute;top:3px;right:30px;height:64px;/*padding:0 7px;*/}
#header .logo a.nav-bt span {display:block;position:relative;top:20px;width:30px;height:30px;}
#header .logo a.nav-bt span i {display:block;position:absolute;right:0;width:100%;top:17px;height:2px;background:#fff;font-size:1px;overflow:hidden;transition:all 0.2s;font-size:0;}
#header .logo a.nav-bt span:before,
#header .logo a.nav-bt span:after {display:block;position:absolute;right:0;width:100%;top:24px;height:2px;background:#fff;content:'';transform:translateY(-15px);transition:all 0.2s;}
#header .logo a.nav-bt span:after {transform:translateY(0);}
	
	
#header .nav {display:none; margin-top:0;}
#header .nav,
#header .nav.hover,
#header .nav:hover {height:auto;background:#1253A4 !important;}
#header .nav-list {display:block;width:100%; background:#B16247;}
#header .nav-list-item > a {color:#fff !important; text-align:left; padding-left:30px; font-size:17px; line-height:50px; height:50px;background:url(/coding/assets/img/m_menu_bl.png) no-repeat 93% 50%;}
#header .nav-list-item ul li a {color:#000 !important; text-align:left; padding-left:30px; font-size:17px; line-height:40px; height:40px;}
#header .nav-list-item {display:block; width:100%; padding:15px 0 0 0;}
#header .nav-list-item ul {background:#fff; height:auto;}
#header .nav-list-item ul li a {font-size:15px;}
#header .nav-list-item a.active+ul {display:block;}
#header .nav-list-item > a:after {background:none !important; }

#header .util_left { display:none;}

#page-heading h1 { font-size: 20pt;text-shadow: 1px 1px 1px #000;}
#page-heading h1:after {display: block;width: 2px; height: 25px; margin: 0 auto;background: #fff; margin-top: 5px; content: "";}

body.nav-on {overflow:hidden;}
body.nav-on #header {position:fixed;left:0;top:0;width:100%;height:100%;background:#333;overflow-y:auto;background:rgba(0,0,0,0.8);}
body.nav-on #header .logo {z-index:2;}
body.nav-on #header .logo a.img {background-image:url(../img/logo.png) !important;}
body.nav-on #header .logo a.nav-bt span i,
body.nav-on #header .logo a.nav-bt span:before,
body.nav-on #header .logo a.nav-bt span:after {background:#fff !important;}
body.nav-on #header .nav {display:block;}
body.nav-on #header .nav-list-item > a.active:after {left:0;width:100%;opacity:1;}
	
/* sub page */
#page-heading {height:230px;}
#page-heading .wrap {padding-top:130px;}
#page-nav .loc:not(.coding) > a {min-width:160px;letter-spacing:-1px;}
#page-contents h2 { padding:0px 0 15px 0;}

.subt-element span{position:relative;z-index:2;display:inline-block;padding:2px 15px;background-color:#fff;font-size:30px;color:color: #00274f;font-weight:600}

/* 테이블 텍스트, 블릿 크기 조정 */
.data_table1 {letter-spacing:-0.05em;}
.data_table1 caption {padding:10px 0 0 0;margin:10px 0;text-align:left;font-size:1.1em;font-weight:600;letter-spacing:-0.05em;color:#32518D;background:url(/public/images/title_bar.gif) no-repeat 0 3%;}
.data_table1 span {font-size:1.15em;}
.data_table1 thead th {padding:5px 0;}
.data_table1 thead th,
.data_table1 tbody td {font-size:1.0em;line-height:1.5em;}
.data_table1 tbody td ul {margin:0;}
.data_table1 tbody td ul li {padding-left:8px;margin:0;}


/* 탭메뉴_sub */
#tabs-sub {width:100%;clear:both;padding:0 10%;margin:0 0 30px 0;border:none; list-style:none;}
#page-content.has-left #contents1 {margin-left:0;}
#page-content.has-left h2 {margin-left:0;}
#nav-left {display:none;}

}

@media (max-width:540px) {
.viewport {min-width:310px;}

#header {height:85px;}
	
#header .nav-list-item > a {font-size:17px; line-height:30px; height:30px;}
#header .nav-list-item ul li a {line-height:30px; height:30px;}

#header .logo {float: inherit;text-align:center;height:70px; padding:0;margin-left:10px;}
#header .logo a.img {width:160px;height:30px;background-size:cover;}
#header .logo a.nav-bt {top:2px;right:5px;}
	
#header .logo a.nav-bt {position:absolute;top:-6px;right:20px;height:64px;padding:0 7px;}
#header .logo a.nav-bt span {display:block;position:relative;top:20px;width:20px;height:20px;}
#header .logo a.nav-bt span i {display:block;position:absolute;right:0;width:100%;top:17px;height:2px;background:#fff;font-size:1px;overflow:hidden;transition:all 0.2s;font-size:0;}
#header .logo a.nav-bt span:before,
#header .logo a.nav-bt span:after {display:block;position:absolute;right:0;width:100%;top:24px;height:2px;background:#fff;content:'';transform:translateY(-15px);transition:all 0.2s;}
#header .logo a.nav-bt span:after {transform:translateY(0);}

.lang {  width: 100%;padding-right: 0px;}

#footer .nav-items { display:none;}
#footer .nav-items li a {font-size:11px;margin-right:5px;}
#footer .site-info {padding:10px 0 0 10px;font-size:12px;}
#footer .site-info li span {display:block;}
#footer .site-info li:before {content:'';margin:0;}
#footer p.copyright {padding:0 0 0 10px;font-size:12px;}


/* sub page */
#page-heading {height:200px;}
#page-heading .wrap {padding-top:100px;}
#page-nav #loc {height:40px;}
#page-nav .loc > a {height:40px;line-height:40px;}
#page-nav .loc > a i.arrow {top:13px;}
#page-nav .loc:not(.coding) > a {min-width:110px;letter-spacing:-1px;font-size:10pt;padding:0 20px 0 10px;}
#page-nav .loc > a i.arrow {right:8px;}
#page-nav .loc ul li a {font-size:10pt;}
#page-nav .coding > a {width:40px;}
#page-nav #loc-share > a {display:block;position:absolute;right:0;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;border-left:solid 1px #B0A9A8;}
#page-nav #loc-share ul {margin-top:50px;display:none;}
#page-nav #loc-share.hover ul,
#page-nav #loc-share:hover ul {display:block;}
#page-contents h2 {padding-top:0px;font-size:20pt;}
#page-contents .wrap-contents {padding:0px 10px;min-height:100px;margin-bottom: 50px;}
.subt-element span {padding-top: 0px;font-size: 20pt;}

/*서브 페이지 공통스타일*/
.business {clear:both;overflow:hidden;width:100%;padding:0 0 0 0;}
.business dt {padding:0 0 10px 20px;font-weight:600;;background:url(/coding/images/bulet.gif) no-repeat 0 5px; color:#CC3300; background-size:15px;}
.business dd {padding:0 0 0 20px;margin:0; }
.business dd p {padding:10px 0;margin:0;}
.business dd ol {padding:0 0 0 20px;margin:0 0 0 0px;}
.business dd ul {padding:0;margin:0;list-style:none;}
.business dd ul li{ padding:3px 0 5px 20px;margin:0; background:url(/coding/images/s_bulet.gif) no-repeat 0 8px; background-size:12px;}
.business dd ul li strong.text1 {font-weight:600; color:#0070BC;}
.business dd ul li ul{padding:0;margin:0;list-style:none;}
.business dd ul li ul strong{font-weight:600;}
.business dd ul li ul li{padding:3px 0 3px 12px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 3px 12px;}
.business dd ul li ul li ul {padding:0;margin:0;list-style:none;}
.business dd ul li ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/coding/images/s_bulet2.gif) no-repeat 3px 10px;}

/* 제향기능상단설명*/
.page_top .page-toptitle {padding:10px 20px;}
.page_top .page-toptitle h4 { margin:10px 0 0 0; font-size:18px;}
.page_top .page-toptitle p { padding:10px 0 20px 0;font-size:13px;}
.page_top .page-toptitle p span { float:left; margin-top:10px;font-size:11px;}
.page_top .page-toptitle ul {padding:0; margin:20px 0 0 0;}
.page_top .page-toptitle ul li {font-size:12px;background:url(/coding/images/s_bulet1.gif) no-repeat 0 8px;}
.page_top .page-title{padding:10px 0 20px;font-size:18px; color:#9D5A0F; font-weight:600; padding-bottom:15px;font-family:"나눔명조","나눔고딕";}
.page_top .page-stitle p{font-size:14px;}

.sub-con { width: 100%;}
.history-list {border-top:1px solid #bdbdbd; border-bottom:0px solid #bdbdbd;}
.history-list .history-con {padding:10px 10px 10px;}
.history-list .history-con ~ .history-con {border-top:1px solid #ddd;}
.history-list .history-con:after {display:block; content:''; clear:both;}
.history-list .txt-con {float:left; min-width:556px; margin-top:-5px;}
.history-list .img-con {float:right; max-width:544px; text-align:right;}
.history-list .img-con img {margin:0 0 10px 6px;}
.history-list .txt-con .year {display:inline-block; width:70px; color:#666; font-size:25px; font-weight:700; line-height:38px; vertical-align:top;}
.history-list .txt-con .details {display:inline-block; margin-left:0px; line-height:26px; vertical-align:top; word-break:keep-all;}
.history-list .txt-con .details li ~ li {margin-top:9px;}
.history-list .txt-con .details li {display: table;}
.history-list .details strong {display:table-cell; color:#444; font-size:12px; font-weight:700; vertical-align:top; width: 30px;}
.history-list .details span {display:table-cell; max-width:385px; margin-left:12px; color:#666; font-size:16px;}
.history-list .txt-con.txt-st .details, .history .history-list .txt-con.txt-st .year {vertical-align:middle;}


/* 둘러보기 도면 */
.course_box .course_img .course_list2 li a{width: 22px;height: 30px;background-size: 100%;font-size: 14px;line-height: 27px;}

/* 관람시간 및 관람료 */
.guide_timefee .inner{width: 100%;height: auto}
.guide_timefee .inner + .inner{margin: 2% 0 0 0}

/* 관람편의 */
.guide_comf .inner{width: 50%;}
.guide_comf .inner:nth-child(3){border-left: 0;border-top: 1px solid #ddd}
.guide_comf .inner:nth-child(4){border-left: 1px solid #ddd;}
.guide_comf .inner:nth-child(5){border-left: 0;}

/* 관람예약 */
.list_telfax li{float: none;margin-bottom: 10px;}

/*오시는길*/
ul.road_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px;padding:0;}
ul.road_info_add li{  border-bottom:1px solid #ddd; padding:5px 0; width:100%;}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ width:100%; float:left; font-weight:600; padding:0 2%;}
ul.road_info_add li dd{ width:100%;padding:0 2%; }
ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }
ul.road_info_add li dd h5{}

.traffic_wrap .inner .icon{display: none;}
.traffic_wrap .inner .txt{padding:0 20px}


/*  */
.room {float:left;width:100%;}


}



@media print {
#header,
#page-heading,
#page-nav,
#footer {display:none;}
}