@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
body, p, form, h1, h2, h3, h4, h5, h6, img {margin:0; padding:0; border:0;}
body, th, td, h1, h2, h3, h4, h5, h6 {font-size:13px; line-height:1.6;}
textarea {line-height:1.5;}
hr {display:none;}
a {color:#333; text-decoration:none;}
a:hover {color:#369; text-decoration:underline;}
.a_top a:hover { text-decoration:none;}
input[type="image"] {border-radius:0;}

.break {margin-top:20px;}
.blind {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.hidden {display:none;}
.p_l {text-align:left !important;}
.p_r {text-align:right !important;}
.p_c {text-align:center !important;}
.p_j {text-align:justify !important;}
.f_l {float:left !important;}
.f_r {float:right !important;}
.b, b, strong, h1, h2, h3, h4, h5, h6 {font-weight:600;} /* 400, 600, 700 */
.i {font-style:italic;}

/* layout */
#wrap {min-width:1000px; background:url(../image/bg_header.gif) repeat-x 0 0; text-align:center;}

#header {position:relative; width:1000px; height:100px; margin:0 auto; text-align:left; z-index:300;}
#header img {vertical-align:middle;}
#header h1 {position:absolute; top:12px; left:15px;}
#header .skip {overflow:hidden; position:absolute; top:-999px; left:-999px; width:1px; height:1px;}
#header .skip:active, #header .skip:focus {top:10px; left:10px; width:auto; height:auto; padding:10px 20px; background:#FFB; text-decoration:none; white-space:nowrap;}

#header .srch {position:absolute; top:20px; left:338px;}
#header .srch fieldset {margin:0; padding:0; border:0;}
#header .srch legend {display:none;}
#header .srch .box {float:left;}
#header .srch .kwd {float:left; margin-right:5px; padding:4px; border:1px solid #888;}
#header .srch .kwd label {display:none;}
#header .srch .kwd input {float:left; width:250px; height:25px; margin:0; padding:0; border:0; background:#FFF; -webkit-appearance:none;}
#header .srch .ok {float:left; width:60px; height:35px; margin:0; padding:0; border:1px solid #FF8383; border-radius:2px; background:#FF8383; font-weight:600; font-size:15px; color:#FFF; line-height:34px; text-align:center; -webkit-appearance:none;}

#snb {position:absolute; top:5px; right:20px; margin:0; padding:0; list-style:none;}
#snb li {float:left; margin:0; padding:0; font-size:12px;}
#snb .sl {display:inline-block; padding:0 5px 0 9px; color:#CCC; vertical-align:middle;}

#gnb {position:absolute; top:60px; left:65px; width:980px; height:40px; margin:0; padding:0; list-style:none;}
#gnb li {float:left; width:145px; margin:0; padding:6px 0; text-align:center;}
#gnb a {display:inline-block; overflow:hidden; height:32px; padding:0 10px; font-weight:600; font-size:16px; color:#FFF; line-height:29px; vertical-align:middle;}
#gnb a:hover {border-radius:5px; background:#FFF; color:#333; text-decoration:none;}

#article {z-index:200;}

#footer {background:#EDEDED; z-index:100;}
#footer .copyright {width:1000px; height:120px; margin:0 auto; font-size:12px; text-align:left;}
#footer .logo {float:left; padding:30px 50px 0 30px;}
#footer address {float:left; width:550px; padding:9px 0 5px; font-style:normal;}
#footer p {float:left; width:550px;}
#footer p em {font-style:normal; color:#06F;}
#footer .go {float:right; margin:-42px 0 0; padding:0; list-style:none;}
#footer .go li {margin:0; padding:2px 0;}
#footer .go a {display:inline-block; width:120px; height:23px; border-radius:3px; background:#D6D6D6; font-weight:600; color:#333; text-align:center; line-height:23px; vertical-align:middle;}
#footer .go a:hover {color:#333; text-decoration:none;}
#footer img {vertical-align:middle;}

/* 20230726 */
.newCntsWrap { width:351px; margin:20px auto; }
.newCntsWrap .quickBtnWrap { margin-top:20px; }
.newCntsWrap .quickBtnWrap ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding:0; margin:0; gap:18px; }
.newCntsWrap .quickBtnWrap ul li { list-style:none; display:block; }
.pop_slide_wrap {}
.pop_slide_wrap .pop_slide .controls { border:1px solid #999; height:24px; border-radius:12px; display:flex; width:110px !important; margin:5px auto; justify-content:center; align-items:center; }
.pop_slide_wrap .pop_slide .swiper-pagination  { position:relative; width:auto !important; bottom:0; margin-right:10px; font-size:12px; }
.pop_slide_wrap .pop_slide .controls .btn {  }


/* Æ˾÷â °íÁ¤ */
#ctrlBoxLayerMain { display: block; position: absolute; z-index: 1001; overflow-y:hidden; transition: all ease 0.5s; left: -100%; }
#ctrlBoxLayerMain.SlideRightInfo{width:390px;height:calc(100vh - 100px);position:fixed !important;right: auto !important;top: 100px !important;bottom:auto;box-shadow: 0px 6px 5px rgba(0,0,0,0.5);z-index:2001 !important;}
#ctrlBoxLayerMain.SlideRightInfo.open{left: 0 !important;}
#ctrlBoxLayerMain.ly_normal {border:1px solid #ccc;}
#ctrlBoxLayerMain.ly_normal .head{height:1px;background:#fff;}
#ctrlBoxLayerMain.ly_normal .close{overflow:hidden; position:absolute; top:5px; right:11px; width:20px; height:20px; background:url(/_oxdir/templates/road/default/__magicdir__/image/ico_close.gif) no-repeat 4px 4px; text-indent:-999px;}
.toggleBtn:hover,
.toggleBtn.current{color:#1b7fff;border-bottom: 2px solid #aaa;text-decoration:none !important;}
#ctrlBoxBody{ overflow:hidden;}
#ctrlBoxBody > div{ overflow-y:auto;}
#ctrlBoxBody.body{padding:0 !important; }

/*½ºÅ©·Ñ¹Ù*/
.slider{overflow: auto;overflow-x: hidden;width:400px;height: 100%;}
.scrollbar{position: absolute;top: 0;right: 0;overflow: hidden;width: 5px;background: #CCC;cursor: default;}
.inside{width:392px;}