@charset "utf-8";

/*기본설정 */

*{margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
@font-face { font-family: 'Arita-dotum-Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

*{font-family:'Arita-dotum-Medium';letter-spacing:-1px}

**html input, *html input {margin:-1px 0px -1px 0px; width:100%;}

.sgnb{float:left;width:50%;height:50px;line-height:50px;background:#1e1e1e;color:#fff;font-size:14px;position:relative;z-index:999}

.sgnb > li > a{color:#fff}

.bgnb{float:left;width:50%;height:50px;line-height:50px;background:#292d52;color:#fff;font-size:14px;position:relative;z-index:999}

.sgnb_b{width:100%;position:absolute;left:0;background:#fff;box-sizing:border-box;color:#666666;display:none;z-index:999999999}

.sgnb_b li{border-bottom:1px solid #eee;}

.sgnb_b li a{color:#666666;display: inline-block;
    width: 100%;}

.bgnb_b{width:100%;position:absolute;right:0;background:#fff;box-sizing:border-box;color:#666666;display:none;z-index:999999999}

.bgnb_b li{border-bottom:1px solid #eee;}
.bgnb_b li a{color:#666666;display: inline-block;
    width: 100%;}

.sgnb_b li:hover{background:#d2d2d2;transition-duration:0.3s}
.sgnb_b li:hover a{color:#fff;transition-duration:0.3s;font-weight:bold}

.bgnb_b li:hover{background:#d2d2d2;transition-duration:0.3s}
.bgnb_b li:hover a{color:#fff;transition-duration:0.3s;font-weight:bold}	



.red {color: #c53131;text-decoration: underline;}

.orangebox{padding:10px 10px 15px 10px;border:2px solid #b29142}
.orangebox li{font-size:14px;line-height:20px}
.orangebox li:last-child{padding-bottom:0px}
.orangebox li::before{content:"-";display:block;position:relative;top:5px}
.orangebox2{padding:15px 10px 15px 10px;border:2px solid #b29142;margin:15px 0 30px 0}
.orangebox2 li{font-size:14px;line-height:20px;padding-bottom:10px}
.orangebox2 li:last-child{padding-bottom:0px}
.table{text-align:center;width:100%;border-top:2px solid #888;border-bottom:2px solid #888;}
.table tr td.first_title {height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title2 {width:70%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.cons{text-align:center;font-size:16px;font-weight:400;height:35px;line-height:24px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.table tr td.cons2{text-align:center;font-size:14px;height:35px;line-height:24px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.table tr td.cons4{text-align:left;font-size:14px;height:35px;line-height:24px;border-bottom:1px solid #d6d6d6;padding:20px;vertical-align:top}
.table tr td.cons3{text-align:left;font-size:14px;padding-left:25px;height:35px;line-height:24px;border-bottom:1px solid #d6d6d6}
.table tr td.cons5{text-align:center;font-size:14px;padding-left:5px;height:35px;line-height:24px;border-bottom:1px solid #d6d6d6}
.table tr td.cons6{text-align:left;font-size:14px;height:35px;line-height:20px;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;padding:10px 0 10px 15px;vertical-align:top}
.table tr td.cons8{text-align:left;font-size:14px;padding-left:15px;height:35px;line-height:20px;border-bottom:1px solid #d6d6d6;vertical-align:top}
.small_txt {text-align:left;font-size:13px;color:#aeaeae;}
.sb2_1_tit{padding:15px 0 30px 0}
.numb{margin:0px 3px 0 -13px}


.table tr td.first_title2_1 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title2_2 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title2_3 {width:10%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title2_4 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.first_title5 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title6 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title7 {width:40%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.first_title8 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;border-right:1px solid #d6d6d6;}
.table tr td.first_title9 {width:70%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.first_title10 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.first_title11 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;;border-right:1px solid #d6d6d6}
.table tr td.first_title12 {width:30%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.table tr td.first_title13 {width:10%;height:50px;background-color:#f5f5f5;font-weight:400;font-size:16px;}
.txttitle{font-size:20px;font-weight:bolder;color:#02488e}
.txttitle::before{content:"";width:7px;height:7px;background:#02488e;display:inline-block;position:relative;bottom:3px;margin-right:5px}
.txttitle2{font-size:17px;color:#fff;font-weight:bolder;background:linear-gradient(to bottom, #4c8baf, #83b6cb);height:35px;line-height:35px;display:inline-block;border-radius:0 50px 50px 0;width:210px;box-sizing:border-box;padding-left:15px;margin:20px 0 15px 0}
.blue{color:#3c6e92;font-weight:bold}
.txt{color:#666666;font-size:16px;line-height:20px}
.graybox{background:#f0f0f0;padding:15px 10px;margin:15px 0 30px 0}
.graybox li{font-size:14px;padding-bottom:10px;line-height:20px;color:#666}
.graybox li:last-child{padding-bottom:0px}
body {text-align:center; width:100%;}
hr {display:none;}
dl,li {list-style: none;}
a {text-decoration:none;color:#292d52;}
a:link:hover, a:active {text-decoration:none;}
input,select,textarea {font-size:100%;vertical-align:middle;}
body,th,td {color:#333;Arial,Gulim,Helvetica,AppleGothic,Sans-serif;-webkit-text-size-adjust:none;} /* font설정은 해당 서비스에 맞게 변경 */

.border	{border:1px #f00 solid;}
em	{font-style:normal;}


.pro{margin:20px 0 0 0}
.pro_flat{text-align:center;margin-bottom:20px}
.pro_flat img{height:65px}
.pro_t{text-align:left;margin-bottom:10px}
.pro_t h2{font-size:26px;color:#3d3d3d;}
.pro_t span{color:#da202b}
.pro_s{font-size:18px;color:#575757;margin-top:15px;letter-spacing:0px;display:inline-block}
.pro_n{text-align:left;padding:20px 0}
.pro_n h3{font-size:18px;line-height:20px;color:#343434;font-weight:600}
.pro_f{text-align:left}
.pro_f p{font-size:16px;color:#2f2f2f;font-weight:400;line-height:22px}
.pro_f p span{padding-top:3px;display:inline-block}
.pro_f p span:first-child::before{content:"-";display:block}
.pro_f p .pro_small::before{content:"";display:none}
.pro_f p span:first-child{padding-top:0}
.nanumsquare {font-family: 'NanumSquare', sans-serif !important;}
.nanumsquare2 {font-family: 'NanumSquare', sans-serif !important;display:inline-block}
.pro_t .title{font-size:20px}
/* 전체적용 */
.subtitle{font-size:28px;color:#000;font-weight:bold;position:relative;padding-bottom:15px}
.subtitle::after{content:"";width:55px;height:1px;background:#000;margin:auto;display:block;position:relative;top:15px}
.board_cate {margin: 10px 0;}
.noticebox {display: inline-block;margin: auto;}
.noticebox ul li {width: 110px;border: 1px solid #e2e2e2;height: 50px;box-sizing: border-box;line-height: 50px;float: left;cursor: pointer;}
.noticebox ul li.on {background: #da202b;border: none;}
.noticebox ul li.on a {color: #fff;}
.noticebox ul li a {text-decoration: none;color: #b8132b;;display:inline-block;width:110px}
.sub3_3_m li:first-child{}
.sub3_3_m{}
.sub3_3_m li{padding:20px 0;border-bottom:1px solid #e5e5e5;text-align:left}
.sub3_3_m li h2{font-size:16px;color:#b8132b;font-weight:bold;}
.sub3_3_m li p{font-size:16px;padding-top:20px}
.subway::before{content:'';background:url(/design/ko/images/newimg/sub03_03_flat1.jpg) no-repeat left ;width:40px;height:48px;display:inline-block;float:left;padding-right:15px;position:relative;bottom:3px}
.bus::before{content:'';background:url(/design/ko/images/newimg/sub03_03_flat2.jpg) no-repeat left ;width:53px;height:47px;display:inline-block;float:left;padding-right:15px}
#contents h1{font-size:28px;padding-top:20px;display:inline-block;padding-bottom:20px}
#contents h1 span{font-weight:normal}
#contents h1::after {
    content: "";
    width: 50px;
    height: 1px;
    background: #000;
    display: block;
    margin: 20px auto 0 auto;
}
.depth li a{font-size:14px;color:#333;font-weight:bold;text-align:center}
.depth li{text-align:center}
#wrap {margin: 0px 0px 0px 0px;min-width: 320px;border:0px solid red;}

#top01 {position:relative; margin:0 auto; height:37px;display:block;*zoom:1;overflow:hidden;}
#top01 .back {float:right; margin-right:2px; margin-top:9px;}
#top01 .call {float:right; margin-right:2px; margin-top:9px;}
#top01 .facebook {float:right;margin-right:2px; margin-top:9px;}
#top01 .twitter {float:right; margin-right:10px; margin-top:9px;}
#top01 .logo {float:left; margin-left:10px; margin-top:3px;}

#top02 {position:relative; margin:0 auto; height:4px; *zoom:1;overflow:hidden; background:url(../images/top_line.gif);}

#main {position:relative; width:100%; background:url(../images/visual_m_bg2.gif); background-position:center; background-repeat:repeat-x; }
#main .img{position:relative; width:100%; background:url(../images/visual_m_bg1.jpg); background-position:center; height:382px; background-repeat:no-repeat;}

#foot01 {position:relative; margin:0 auto; height:6px; *zoom:1;overflow:hidden; background:url(../images/bottom_line.gif);}

#foot02 {position:relative; background-color:#fff;}
#foot02 .ul {width:320px;}
#foot02 .txt01 {padding-top:5px;font-family: "돋움",arial; font-size: 11px; color: #888888; text-decoration: none; line-height: 15px;}
#foot02 .img01 {padding:4px 0 10px 0;}
#foot02 .btn {height:15px; margin-top:3px;}

#foot03 {position:relative; margin:0 auto;  background:url(../images/ft_gnb_bg.gif); background-repeat:repeat-x;clear:both;}
#foot03 .foot_menu {width:320px; margin:0 auto; height:34px; }
#foot03 .foot_menu a{float:left;}

#sub_visual {position:relative; width:100%;}
#sub_visual .img1{height:76px; background:url(../images/visual_sb_img1.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .img2{height:76px; background:url(../images/visual_sb_img2.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .img1{height:76px; background:url(../images/visual_sb_img1.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .txt{position:relative; padding-top:22px;}

#sub_con {position:relative; min-height:320px;padding-bottom:20px;color:#666666; font-size:12px; font-family: "gulim",arial;}
#sub_con .bg{position:relative; margin:10px;}
#sub_con2 {position:relative;padding-bottom:20px;color:#666666; font-size:12px; font-family: "gulim",arial;}

#sb_gnb .gnb {height:55px; background:url(../images/sb_gnb_bg1.gif); background-repeat:repeat-x;  clear:both;}
#sb_gnb .icon{float:left; margin:11px 0 0 17px;}
#sb_gnb .txt{float:left; color:#292727; font-size:16px;font-weight:bold; font-family: "gulim",arial; margin:20px 0px 0px 10px;}
#sb_gnb .arrow{float:right; margin:21px 17px 0px 0px;}
#sb_gnb  a{text-decoration:none; display:block;*zoom:1;overflow:hidden;}

#clear {clear:both;}
.cl {clear:both;}

#sub_title {height:28px; background-color:#e9f1ee; position:relative; width:100%; clear:both; border-bottom:1px solid #c2d8cf; border-top:1px solid #e0e0e0;}
#sub_title .icon{float:left; margin:9px 5px 12px 9px;}
#sub_title .txt{ float:left; font-family: "gulim",arial; font-size: 12px; color: #292727; text-decoration: none; line-height: 17px; font-weight:bold; margin-top:7px;}

#sub_con {position:relative; margin:12px;}
#sub_con p{margin:15px 0 10px 0px;}

#sub_con .ttl01{text-align:left;}
#sub_con .ttl02{text-align:left; padding-top:8px;}

#sub_con .txt01{text-align:left; color:#666666; font-size:12px; font-family: "gulim",arial; line-height:17px;}
#sub_con .txt02{text-align:left; color:#0d579f; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; padding:11px 0 5px 0;}
#sub_con .txt03{text-align:left; color:#888; font-size:12px; font-family: "gulim",arial; line-height:17px;}
#sub_con .txt04{text-align:left; color:#121212; font-size:12px; font-family: "gulim",arial; line-height:17px; padding:10px 0 5px 0;}
#sub_con .txt05{float:left; color:#292727; font-size:14px; font-family: "gulim",arial; line-height:17px; font-weight:bold;}
#sub_con .txt06{float:left; color:#434343; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; width:60px; }
#sub_con .txt07{float:left; margin-left:12px;color:#666666; font-size:12px; font-family: "gulim",arial; line-height:17px; padding-bottom:3px; }
#sub_con .txt08{margin-left:12px;color:#1455a7; font-size:12px; font-family: "gulim",arial; line-height:17px; clear:both;}
#sub_con .txt09{float:left; color:#434343;line-height:17px; font-weight:bold;}
#sub_con .txt10{float:left; font-size:11px;line-height:25px; font-family: "dotum",arial;}
.wd30{width:30px}
.wd40{width:40px}
.wd45{width:45px}
.wd50{width:50px}
.wd55{width:55px}
.wd60{width:60px}
.wd65{width:65px}
.wd70{width:70px}
.wd80{width:80px}
.ht20{height:20px}
.ht27{height:27px}

.txt_bold{font-weight:bold;}

#sub_con .list01{text-align:left; padding:5px 0px 5px 0px; clear:both; height:20px;}
#sub_con .bul01{position:relative; float:left; margin:-1px 5px 0px 0px; clear:both;}
#sub_con .list02{text-align:left; padding:5px 0px 5px 0px; clear:both;}
#sub_con .bul02{position:relative; float:left; margin:2px 3px 0px 0px; }
#sub_con .dot{float:left;  color:#434343; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; margin-right:-15px;}
#sub_con .box01{ border:1px solid #96beaf; background-color:#f0f7f4; padding:10px; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#006f45; clear:both; margin-bottom:5px;text-align:center;}
#sub_con .end{text-align:left; clear:both; height:20px;}
#sub_con .line01{height:1px; *zoom:1;overflow:hidden; background:url(../images/sb_con_line.gif);}
#sub_con .img01{text-align:left;}
#sub_con .list03{clear:both;margin:0 0 5px 0;padding-left:14px;text-align:left; font-family: "dotum",arial;line-height:26px;color:#0F64B7;height:23px;background:url(../images/ico_cross_blue1.gif) no-repeat 6px 45%;background-color:#EFF2F4;}
#sub_con .input_st1 {width:100%;border:1px solid #BAB9B9;height:19px;line-height:20px; font-family: "dotum",arial;}
#sub_con .input_st2 {width:80px;border:1px solid #BAB9B9;height:19px;line-height:20px; font-family: "dotum",arial;}

#colbox {position:relative;clear:both;border:1px solid #1d543f;background-color:#f0f7f4;padding:15px;}
#colbox .title{float:left;color:#006F45;font-size:14px;font-weight:bold;font-family: "dotum",arial;}
#colbox .con{text-align:left;padding-top:10px; font-size:12px; font-family: "gulim",arial; line-height:17px;color:#2f5848; clear:both;}

#tab {position:relative; margin:0px -6px 20px 0px; height:25px; clear:both;}
#tab_menu {margin:0 auto;}
#tab_menu .tab01 {float:left; border:1px solid #1d543f; background-color:#f0f7f4; padding:5px 12px 1px 12px; margin-right:6px; margin-bottom:6px; }
#tab_menu .tab01 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#006f45; }
#tab_menu .tab02 {float:left;  border:1px solid #bab9b9; background-color:#ececec; padding:5px 12px 1px 12px; margin-right:6px; margin-bottom:6px;}
#tab_menu .tab02 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#666666; }

.png24 {tmp:expression(setPng24(this));}

#cat {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden; border-bottom:1px solid #d4e3dd; background-color:#fafafa; clear:both}
#cat_menu {position:relative; margin-top:5px;}
#cat_menu .cat01 {float:left; padding:0px 12px 0px 12px; margin-right:0px; margin-bottom:6px; }
#cat_menu .cat01 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px;  font-weight:bold;  color:#0d579f; }
#cat_menu .cat02 {float:left; padding:0px 12px 0px 12px; margin-right:0px; margin-bottom:6px;  }
#cat_menu .cat02 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; color:#292727;}

#product {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden;}
#product  a {text-decoration:none; display:block;*zoom:1;overflow:hidden; padding-top:7px; padding-bottom:7px;}
#product .img01 {float:left; border:1px solid #bfb7b5; }
#product .tit{float:left; padding:0px 0 0px 0px;color:#000000;font-size:11px; font-family:"gulim",arial; margin:1px 0px 0px 10px;}
#product .ptxt01{float:left; margin:17px 0px 0px -110px; color:#0a5b3c; font-size:12px; line-height:17px; font-family: "gulim",arial; font-weight:bold; text-align:left; }
#product .ptxt02{float:left; margin:-48px 0px 0px 90px; color:#666666; font-size:12px; line-height:17px; font-family: "gulim",arial; text-align:left; clear:both}

#product .pic01{border:1px solid #d1d1d1; padding:20px; clear:both} 
#product .tit2{padding:0px 0 0px 0px;color:#000000;font-size:11px; font-family:"gulim",arial; line-height:17px; text-align:left;} 
#product .ctxt01{float:left; color:#0a5b3c; font-size:12px; line-height:17px; font-family: "gulim",arial; font-weight:bold; text-align:left; }
#product .ctxt02{float:left; color:#666666; font-size:12px; line-height:17px; font-family: "gulim",arial; text-align:left;  padding-bottom:5px; clear:both;}
#product .list_line {border-top:1px solid #e3e3e3; clear:both;}

#scroll01 {position:relative; height:60px; margin-bottom:20px; margin:0 auto; }
#scroll01 .arrow01 {position:absolute; top:11px; left:0;  width:10px; height:15px;}
#scroll01 .arrow02 {position:absolute; top:11px; right:0; width:10px; height:15px;}
#scroll01 .simg01 {position:relative; margin:0 auto; width:280px; border:1px; padding-left:6px; }
#scroll01 .list_sthum li {position:relative; float:left;border:1px solid #ccc;padding:0; background-image:url(../images/pro_gal_bg.gif); width:47px; height:48px; margin: 7px 3px;}
#scroll01 .simg01 .scr a{display:block; padding:0px;}

#page1 {position:relative; margin:0 auto; height:41px;display:block;*zoom:1;overflow:hidden; width:50px;}
#page1 .arrow01 {float:left;}
#page1 .arrow02 {float:right;}

#page {position:relative; height:40px;text-align:center;margin:10px 0 0 0; width:100%;display:inline-block}
#page li{float:left; height:20px; padding-left:6px}
#page .btn {display:inline-block;margin:0 auto}
#page .btn li{margin-left:3px;margin-top:10px;}
#page .btn li a{padding-bottom:-10px;}
#page .no01 a{display:block; width:16px;height:15px; color:#777777;font-size:15px; font-family: "gulim",arial; line-height:15px; font-weight:bold;padding-top:4px;}
#page .no02 a{display:block; width:16px;height:15px; color:#777777;font-size:15px; font-family: "gulim",arial; padding-top:4px;}
#page .arrow01 a{display:block; width:24px;height:24px;}
#page .arrow02 a{display:block; width:24px;height:24px;}
#page .arrow03 a{display:block; width:24px;height:24px;}
#page .arrow04 a{display:block; width:24px;height:24px;}

.board{padding: 5px 0;
    display: flow-root;}
#board {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden; clear:both;    border-top:2px solid #ddd;}
#board .list_line {border-top:1px solid #e3e3e3; clear:both;}
#board .no{ float:left; display:block;padding: 0px 0px 0px 10px; margin-top:10px; font-size:12px;font-weight:bold; font-family: "gulim",arial; color:#777777;}
#board .tit{ float:left; display:block;padding:5px 0 10px 0px;color:#2a649d;font-size:16px;font-weight:bold; font-family: "gulim",arial; margin:2px 0px 0px 10px;} 
#board .tit02{ float:left; display:block;padding:0px 0 0px 0px;color:#2a649d;font-size:16px;font-weight:bold; font-family: "gulim",arial; margin:0px 0px 0px 0px; text-align:left;} 
#board .ar_txt01{float:left; display:block; padding:0px 0 0px 0px; margin-left:0px; margin:-5px 0px 0px 40px; color:#777777;font-size:11px; font-family: "gulim",arial; text-align:left; clear:both; text-align:left; }
#board .ar_txt02{float:left; display:block; padding:0px 0 0px 0x; margin-left: 0px;color:#777777;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 110px; clear:both; text-align:left;}
#board .ar_txt03{float:left; display:block; padding:0px 0 0px 0x; margin-left: 0px;color:#d3d3d3;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 97px; clear:both; text-align:left;}
#board .ct2{display:block;*zoom:1;overflow:hidden; padding-top:7px; padding-bottom:7px;}
#board .txt01{float:left; display:block; padding:0px 0 0px 0px; margin-left:0px; margin:3px 0px 0px 0px; color:#777777;font-size:13px; font-family: "gulim",arial; text-align:left; clear:both; text-align:left; }
#board .txt02_1{float:left; display:block; padding:0px 0 0px 0px; margin-left: 0px;color:#777777;font-size:11px; margin:-11px 0px 0px 67px; clear:both; text-align:left;}
#board .txt03{float:left; display:block; padding:0px 0 0px 0px; margin-left: 0px;color:#d3d3d3;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 55px; clear:both; text-align:left;}
#board  a {    text-decoration: none;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;text-align:left;float:left}
#board br{margin:7px}
#board .down {padding:10px 0;}
#board .board_con{ padding-top:15px; padding-bottom:20px; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 18px;}
#board .board_con table{width:100% !important;} /* 2020.06.05 게시판 내용 부분에 테이블로 처리한 부분에 고정된 width값을 px에서 %로 변경 처리 */
#board img{float:left}

#vtn2 ul{background-image:url(../images/vie_bot_btn_bg.jpg);height:33px;}
#vtn2 .left {position:absolute; left:0; background-image:url(../images/vie_bot_btn_left.jpg); background-repeat:no-repeat; width:5px;}
#vtn2 .right {position:absolute; right:0; background-image:url(../images/vie_bot_btn_right.jpg); background-repeat:no-repeat; width:5px;}
#vtn2 .line {width:1%;height:33px; float:left; background-image:url(../images/vie_bot_btn_line.jpg); background-repeat:no-repeat;}
#vtn2 .btn01 a{width:32%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}
#vtn2 .btn02 a{width:33%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}
#vtn2 .btn03 a{width:32%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}



/* 상단 중앙스타일 (id=TopC) */
#TopC {position:relative;margin:0 auto;display:block;*zoom:1;overflow:hidden;width:100%;height:70px;}
#TopC .back {float:left}
#TopC h1 {text-align:center}
#TopC .call {float:right}


/* 상단 좌측스타일 (id=TopL) */
#TopL {position:relative;margin:0 auto;display:block;*zoom:1;overflow:hidden;width:100%;height:50px;background:url('../images/bg_top.gif') repeat-x;}
#TopL .back {position:absolute;right:55px;margin:10px 0 0 0}
#TopL h1 {float:left;margin:0 0 0 5px}
#TopL .call {float:right;margin:10px 5px 0 0}

/* 메인비주얼 (id=mVisual) */
#mVisual {position:relative;margin:0 auto}

/* 메뉴 5개 스타일 (id=GNB5) */
#GNB5 {clear:both;*zoom:1;position:relative;margin:0 auto; background:url('../images/bg_gnb.gif') repeat-x;-webkit-background-size:320px 65px;}
#GNB5 .menu {width:320px; margin:0 auto; height:65px; }
#GNB5 .menu a{float:left;width:63px;}
#GNB5 li{float:left;margin:0;padding:0;}
#GNB5 li span.m1 {background:url('../images/gnb5.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB5 li a:hover span.m1 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB5 li span.m2 {background:url('../images/gnb5.jpg') no-repeat;background-position:-63px 0px;height:65px;display:block}
#GNB5 li a:hover span.m2 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-63px 0px;height:65px;display:block}
#GNB5 li span.m3 {background:url('../images/gnb5.jpg') no-repeat;background-position:-127px 0px;height:65px;display:block}
#GNB5 li a:hover span.m3 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-127px 0px;height:65px;display:block}
#GNB5 li span.m4 {background:url('../images/gnb5.jpg') no-repeat;background-position:-191px 0px;height:65px;display:block}
#GNB5 li a:hover span.m4 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-191px 0px;height:65px;display:block}
#GNB5 li span.m5 {background:url('../images/gnb5.jpg') no-repeat;background-position:-255px 0px;height:65px;display:block}
#GNB5 li a:hover span.m5 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-255px 0px;height:65px;display:block}

/* 메뉴 4개 스타일 (id=GNB4) */
#GNB4 {clear:both;*zoom:1;position:relative;margin:0 auto; background:url('../images/bg_gnb.gif') repeat-x;-webkit-background-size:320px 65px;}
#GNB4 .menu {width:320px; margin:0 auto; height:65px; }
#GNB4 .menu a{float:left;width:79px;}
#GNB4 li{float:left;margin:0;padding:0;}
#GNB4 li span.m1 {background:url('../images/gnb4.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB4 li a:hover span.m1 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB4 li span.m2 {background:url('../images/gnb4.jpg') no-repeat;background-position:-79px 0px;height:65px;display:block}
#GNB4 li a:hover span.m2 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-79px 0px;height:65px;display:block}
#GNB4 li span.m3 {background:url('../images/gnb4.jpg') no-repeat;background-position:-159px 0px;height:65px;display:block}
#GNB4 li a:hover span.m3 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-159px 0px;height:65px;display:block}
#GNB4 li span.m4 {background:url('../images/gnb4.jpg') no-repeat;background-position:-239px 0px;height:65px;display:block}
#GNB4 li a:hover span.m4 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-239px 0px;height:65px;display:block}


/* 컨텐츠 영역 (id="contents) : 이외의 코드는 자유로운 방식으로 생성가능*/
#contents .ttl {height:45px;color:#000;font-weight:bold;font-size:18px;line-height:45px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;box-sizing:border-box;position:relative}
#contents .ttl2 {background:url('../images/icon_2lv.gif') no-repeat;background-position:0 2px;color:#000;font-weight:bold;font-size:15px;padding-left:10px;}
.back{background: url(../images/prev_btn.png) no-repeat center center;
    width: 20px;
    height: 17px;
    float: left;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 10px;
    cursor: pointer;}
#contents .conarea{padding:0 5px 20px 5px;font-size:12px;color:#565656;line-height:140%;text-align:justify}


/* SNS아이콘 유 (id=FootL) */
#FootL {position:relative; background-color:#F7F7F7;padding:10px 14px;clear:both;zoom:1;}
#FootL a{font-size:12px;color:#3e3e3e;display:block}
#FootL .tw {float:left;}
#FootL .fb {float:left;margin-left:3px}
#FootL .pc {position:absolute;top:16px;right:73px;}
#FootL .top {position:absolute;top:16px;right:5px;}
#FootL .txt01 {clear:both;zoom:1;font-size: 11px; color: #484848;padding-top:14px} 


/* SNS아이콘 무 (id=FootC) */
#FootC {position:relative;background-color:#F7F7F7;padding:10px 14px;clear:both;zoom:1;text-align:center}
#FootC a{font-size:12px;color:#3e3e3e}
#FootC .tw, #FootC .fb{display:none;}
#FootC .txt01 {clear:both;zoom:1;font-size: 11px; color: #484848;padding-top:5px} 


/*게시판 쓰기 페이지 */

.input_wrap{border-top:1px solid #aaa;text-align:left}
.input_ttl{float:left;color:#000;font-size:15px;padding-left:5px;width:60px;font-weight:bold;line-height:55px !important;height:55px;}
.input_ttl2{color:#000;font-size:15px;text-align:center;font-weight:bold;line-height:55px !important;height:55px;}
.input_form{width:100%;overflow:hidden;height:55px;border-bottom:1px solid #e5e5e5;line-height:55px;}
.input_form select{padding:5px 20px 5px 0;border:1px solid #bbb;}
.input_btn_area{text-align:center;padding:20px 0;}
.input_btn_area input{display:inline;}
.inputbox {width:150px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;;margin-right:5px ;}
.inputbox2 {width:300px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox3 {width:70%;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox4 {width:150px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox5 {width:8%;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.bbs_input01{padding:10px;border:1px solid #bbb;}
.input_form input[type='file']{border:1px solid #bbb;}
.txtbox{width:100%;box-sizing:border-box;height:250px;}


/*********달력*********/
div.calendarArea { position:absolute;top:0px;left:100px;z-index:9999;width:170px;overflow:hidden;border:solid 1px #cacaca; background-color:#ffffff; z-index:110000; }
div.calendarArea div.dateArea { padding:8px 11px 0 20px; height:23px; text-align:center; font-weight:bold; font-size:11px; font-family:verdana,tahoma; color:#333333; letter-spacing:-1px; overflow:hidden; }
div.calendarArea div.dateArea img { vertical-align:middle; }
* html div.calendarArea div.dateArea img { position:relative; top:2px; } 
div.calendarArea div.dateArea img.prev { margin-right:3px; }
div.calendarArea div.dateArea img.next { margin-left:3px; }
div.calendarArea div.dateArea a.close { float:right; display:block; background:url("/modules/bbs/tiles/bbs_default/images/bt_close.gif") no-repeat left top; width:11px; height:12px; overflow:hidden; text-indent:-1000px; margin:1px 0 0 0; }
div.calendarArea div.calendar { clear:both; padding-bottom:5px; }
div.calendarArea table { width:100%; }
div.calendarArea table th, div.calendarArea table td { vertical-align:middle; text-align:center; font-size:11px; font-family:dotum,Apple Gothic,sans-serif; }
div.calendarArea table th { height:20px; background-color:#e5eaff; font-weight:normal; }
div.calendarArea table td { height:18px; }
div.calendarArea table td a { color:#666666; font-size:11px; font-family:gulim,Apple Gothic,sans-serif; }
div.calendarArea table td.today a { color:#485ce3; text-decoration:underline; font-weight:bold; }
table.hmCalendar .blank { width:5px; font-size:1px; line-height:1px; white-space:nowrap; }


.m_btn_area{padding-top:20px;}
.m_btn_area a,.m_btn_area button{width:40%;display:inline-block;height:30px;font-size:14px;border:1px solid #dedede;color:#333;text-align:center;background:#fff;vertical-align:middle;line-height:30px;padding:0px;margin:0px;box-sizing: content-box;}
.m_btn_area a.strong,.m_btn_area button.strong{background:#292d52;color:#fff;border:1px solid #292d52}