@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'맑은 고딕', Malgun Gothic;zoom:1;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}


#ctt_con img {max-width:100%;}
#hdr { width:100%; }
#ttop { width:100%; height:28px; background:#9abc4e; }
.ttwrap { width:1000px; margin:0 auto; }
.tbtn { float:left; width:94px; height:28px; font-size:13px; text-align:center; background:#ffac1b; }
.tbtn a { position:relative; top:4px; color:#ffffff; }
.tmenu { float:right; width:auto; font-size:12px; padding-top:4px; }
.tmenu .tmadm { display:inline-block; height:20px; margin:0 8px; padding:0 5px; letter-spacing:-0.5px; background:#ffcc00; }
.tmenu .tm { margin:0 8px; letter-spacing:-0.5px; }
.tmenu .tm a, .tmenu .tmadm a { color:#ffffff; text-decoration:none; }

#mtop { width:100%; height:54px; padding:20px 0 21px; }
.mtwrap { width:1000px; margin:0 auto; }
.logo { float:left; width:260px; text-align:left; margin-left:11px; }
.mmenu { float:left; width:715px; font-size:15px; font-weight:bold; margin:20px 0 0 10px; }
.mmenu .mm { float:left; margin:0 25px; letter-spacing:-0.5px; }
.mmenu .mm a { color:#3a3a3a; }
.mmbtn { display:none; }

#gnb_1dul { margin:0; padding:0; zoom:1; }
#gnb_1dul:after { display:block; visibility:hidden; clear:both; content:""; }
.gnb_1dli { z-index:10; position:relative; float:left; padding-bottom:29px; margin:0 10px; letter-spacing:-0.5px;}
.gnb_1dli a { color:#3a3a3a; }
.gnb_1da:focus, .gnb_1da:hover { color:#3a3a3a; text-decoration:none; }
.gnb_1dli_on .gnb_1da { color:#7aa026; }
.gnb_2dul { display:none; position:absolute; top:44px; left:-27px; width:auto; padding:8px 10px 22px 10px; background:#ffffff; z-index:1;}
.gnb_2dli { width:166px; height:30px; font-size:13px; line-height:30px; padding-left:5px; }
.gnb_2dli:hover { background:url('../img/head/dot_ms.jpg') left 22px no-repeat; }
.gnb_2da { display:block; position:relative; top:10px; left:13px; font-weight:normal; text-align:left; text-decoration:none; }
.gnb_1dli_air .gnb_2da { color:#4c4c4c; }
.gnb_1dli_on .gnb_2da { color:#4c4c4c; }
.gnb_2da:hover { color:#7ca51d; }
/*.gnb_2dli:focus, .gnb_2dli:hover { color:#ffc000; background:#66aaf6; text-decoration:none; }*/
.gnb_1dli_over .gnb_2dul { display:block; }
.gnb_1dli_over2 .gnb_2dul { display:block; }

#mmenu_wrap { display:none; }

#mback { width:100%; height:758px; background:url('../img/main/background.jpg'); }
#mwrap { width:1000px; height:758px; margin:0 auto; }

#mvisual { position:relative; float:left; width:620px; height:758px; }
#mcopy { position:absolute; top:38px; left:46px; background:url('../img/main/visual/copy_top_line.jpg') left top no-repeat; z-index:100; }
.mcopy1 { margin:11px 0 0 -1px; font-size:28px; font-weight:bold; letter-spacing:-1.2px; color:#99ba47; }
.mcopy2 { margin:12px 0 0 -4px; font-size:40px; font-weight:bold; letter-spacing:-1.5px; color:#5e7986; }
.mcopy3 { margin:22px 0 0 -1px; font-size:22px; letter-spacing:-1px; color:#565656; }
.mcopy4 { margin:7px 0 0 0; font-size:13px; line-height:18px; letter-spacing:-0.7px; color:#565656; }

.flexslider { position:relative; width:620px; height:758px; overflow:hidden; zoom:1; }
.flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; }
.flexslider ul { margin:0; padding:0; }
.flexslider .slides { zoom:1; }
.flexslider .slides li { width:620px; height:758px; }
.flex-control-nav, .flex-control-paging { display:none; }
.flex-direction-nav { position:absolute; width:96px; top:28px; right:16px; }
.flex-direction-nav > li { list-style:none; }
.flex-direction-nav a { display:block; float:left; width:30px; height:30px; line-height:99em; overflow:hidden; margin:1px; background:url('../img/main/visual/control_nav.png') no-repeat; z-index:1000; cursor:pointer; -webkit-transition:all .3s ease; }
.flex-direction-nav .flex-prev { background-position:0 -0px; }
.flex-direction-nav .flex-next { background-position:0 -30px; margin-left:33px }
.flex-pauseplay { position:absolute; width:32px; top:28px; right:48px; }
.flex-pauseplay a { display:block; width:30px; height:30px; line-height:99em; overflow:hidden; margin:1px; background:url('../img/main/visual/pause_nav.png') no-repeat; z-index:1000; cursor:pointer; -webkit-transition:all .3s ease; }
.flex-pauseplay .flex-pause { background-position:0 -0px; }
.flex-pauseplay .flex-play { background-position:0 -30px; }

#mcont { float:left; width:380px; height:758px; }
#mcont > article { float:left; }

#latest { position:relative; display:inline-block; width:326px; height:167px; padding:15px 27px 0 27px; }
.lbg_01 { background:#49687d; }
.lbg_02 { background:#74497d; }
.lbg_03 { background:#e2e7f0; height:157px !important; }
.ltitle { display:inline-block; width:100%; height:23px; padding-top:11px; }
.ltit { float:left; font-size:16px; font-weight:bold; line-height:16px; color:#ffffff; letter-spacing:-0.9px; margin-left:-1px; }
.ltitcb { color:#343434; }
.ltbg_01 { background:url('../img/main/latest/top_line_01.jpg') left top no-repeat; }
.ltbg_02 { background:url('../img/main/latest/top_line_02.jpg') left top no-repeat; }
.ltbg_03 { background:url('../img/main/latest/top_line_03.jpg') left top no-repeat; }
.lmore { float:right; margin-top:-4px; }
.ltst { height:120px; padding:0; margin:0; }
.ltst li { list-style:none; height:24px; line-height:24px; font-size:13px; padding-left:11px; background:url('../img/main/latest/dot.png') left 10px no-repeat; }
.ltst li a { color:#ffffff; }
.ltst .noltst { font-size:13px; text-align:center; color:#ffffff; padding:51px 0 0 0; }
.glback { position:relative; width:326px; height:91px; margin:8px 0 0 0; overflow:hidden; }
.glwrap { position:absolute; width:1000px; }
.glwrap .gl { float:left; width:150px; height:91px; margin:0 26px 0 0; }
.glwrap .noltst { width:326px; font-size:13px; text-align:center; color:#999999; padding:30px 0 0 0; }

#qlink { display:inline-block; width:380px; height:222px; }
.qlwrap { float:left; width:166px; height:71px; padding:20px 12px; background-image:url('../img/main/qlink/back_mq.png'); background-position:left top; cursor:pointer; }
.qlwrap .qmore { display:none; }
.qlwrap > div { float:left; }
.qlmgn { margin-top:22px; }
.ql01 { background-color:#e75648; }
.ql02 { background-color:#f59c00; }
.ql03 { background-color:#38a3a9; }
.ql04 { background-color:#4ea235; }
.qlwrap > div > img { width:48px; height:48px; margin-top:11px; }
.qlwrap .qtit { font-size:17px; font-weight:bold; margin:2px 0 0 11px; color:#222222; letter-spacing:-0.75px; }
.qlwrap .qtxt { width:100px; font-size:12px; line-height:18px; margin:5px 0 0 13px; color:#ffffff; letter-spacing:-0.75px; }

#tbanner { display:table; width:994px; height:47px; margin:0 auto; padding:26px 0; }
#bnvgt { float:left; width:84px; height:26px; margin:10px 13px 10px 7px; }
.bbtn { float:left; width:27px; height:26px; margin-right:1px; }
.bbtn img { border:solid 1px #e1e1e1; }
#bnrwrap { position:relative; width:890px; height:47px; overflow:hidden; }
.bnrdiv { position:absolute; width:1068px; height:47px; }
.bnr { float:left; width:162px; height:45px; margin:0 7px; border:solid 1px #e1e1e1; }

#copyright { display:inline-block; width:100%; height:47px; padding:30px 0 35px 0; border-top:solid 1px #e9e9e9; }
.cpwrap { width:970px; margin:0 auto;  }
.cpwrap div { float:left; }
.cptext { font-size:12px; line-height:18px; color:#828282; margin:8px 0 0 79px; }

@media all and (max-width:1000px){

html, body {overflow-x:hidden}

.ttwrap { width:100%; }
.tmenu { margin-right:16px; padding-top:7px; }

#mtop { position:relative; width:100%; padding:14px 0 17px; }
.mtwrap { width:100%; }
.logo { float:left; margin-left:9px; }
.mmenu { display:none; }

html.open { overflow:hidden; }
.mmbtn { display:inherit; float:right; width:40px; height:40px; margin:3px 24px 0 0; background:url('../img/head/btn_mm_tab.jpg') no-repeat; cursor:pointer; }
.mmbtn_close_wrap { height:49px; line-height:42px; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; background:#203042; }
.mmbtn_close { width:15px; height:16px; position:absolute; right:11px; top:15px; background:url('../img/head/btn_mm_close.png') no-repeat; cursor:pointer; }
#mmenu_wrap { display:inherit; width:245px; height:100%; position:absolute; top:-28px; right:-247px; z-index:1000; background:#94c031; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; }
#mmenu_wrap.mm_open { right:0px; }
.page_cover.mm_open { display:block; }
.page_cover { width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.4); z-index:4; display:none; }

.mmtab_ul { padding:0; margin:0 0 0 0; }
.mmtab_li { display:table; width:245px; height:51px; border-bottom:solid 1px #eeeeee; }
.mmtab_li:focus, .mmtab_li:hover { background:#b1dc51; }
.mmtab_li a { position:relative; top:16px; left:13px; text-align:left; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; }

.mstab_ul { padding:0; margin:27px 0 0 0; background:#eeeeee; }
.mstab_li { list-style:none; height:35px; line-height:6px; padding:0 0 0 4px; margin:0; border-bottom:solid 1px #cfcfcf; }
.mstab_li a { text-align:left; font-size:14px; color:#444444; text-decoration:none; }
.mstab_li_noline { border-bottom:none; }

.mmtabs_ul { padding:17px 0 31px 0; margin:0; background:#203042; }
.mmtabs_li { list-style:none; width:166px; height:23px; padding-left:29px; border-bottom:solid 1px #203042; background:url('../img/head/btn_mm_tab_dot.png') 15px 6px no-repeat; }
.mmtabs_li a { text-align:left; font-size:12px; color:#ffffff; text-decoration:none; }

#mwrap { width:100%; height:auto; }
#mback { width:100%; height:auto; }

#mvisual { width:100%; height:388px; }
.flexslider { width:100%; height:388px; }
.flexslider .slides li { width:100%; height:388px; background-position:center 70%; background-size:100% auto; background-repeat:no-repeat; }

#mcont { width:100%; height:auto; }

#latest { width:46%; height:167px; padding:15px 2% 0 2%; }
.lbg_03 { width:96% !important; height:auto !important; padding:15px 2% !important; }
.glback { width:100%; height:91px; }
.glwrap { width:100%; }
.glwrap .gl { float:left; width:21%; height:91px; margin:0 2%; }
.glwrap .noltst { width:auto; }

#qlink { width:100%; height:111px; }
.qlwrap { width:23.5%; padding:20px 0 20px 1.5%; }
.qlwrap > div > img { width:40px; height:40px; margin-top:15px; }
.qlwrap .qtit { margin:2px 0 0 8px; }
.qlwrap .qtxt { width:58%; margin:5px 0 0 10px; }

#tbanner { width:98%; height:auto; margin:27px 1% 10px 1% !important; padding:20px 0 0 0; }
#bnvgt { float:none; margin:0; }
#bnrwrap { width:100%; margin:14px 0; }
.bnrdiv { padding:1%; }

#copyright { display:inline-block; width:100%; height:auto; padding:36px 0 20px 0; margin-top:3px; }
.clogo { display:none; }
.cpwrap { width:96%; margin:0 2%; }
.cptext { margin:0; }

}

@media all and (max-width:600px){

.tmenu { display:none; }

#mvisual { height:312px; }
#mcopy { position:absolute; top:105px; left:20px; background:url('../img/main/visual/back_copy_text.png'); padding:20px 20px 15px 20px; z-index:100; }	
.mcopy1 { margin:0 0 0 -1px; font-size:22px; padding:10px 0 0 0; background:url('../img/main/visual/copy_top_line.jpg') left top no-repeat; }
.mcopy2 { margin:4px 0 0 -4px; font-size:30px; }
.mcopy3 { margin:12px 0 0 -1px; font-size:18px; }
.mcopy4 { font-size:11px; line-height:15px; }

.flexslider { height:312px; }
.flexslider .slides li { height:312px; }

#latest { width:90%; height:175px; padding:20px 5% 0 5%; }
.lbg_03 { width:90% !important; height:auto !important; padding:20px 5% 15px 5% !important; }
.glback { height:70px; }
.glwrap .gl { width:31%; margin:0 1%; }
.glwrap .gl > a > img { width:100%; }

#qlink { width:100%; height:auto; }
.qlwrap { position:relative; width:90%; padding:20px 5%; }
.qlwrap .qmore { display:inherit; width:20px; height:40px; position:absolute; top:36px; right:5%; background:url('../img/main/qlink/btn_more.png') no-repeat; }
.qlwrap > div > img { width:75px; height:75px; margin-top:0; }
.qlwrap .qtit { width:50%; margin:13px 0 0 23px; }
.qlwrap .qtxt { width:58%; margin:5px 0 0 25px; }

#tbanner { width:94%; margin:27px 3% 10px 3% !important; }

#copyright { padding:28px 0 20px 0; }
.cpwrap { width:94%; margin:0 3%; }

.cptext span { display:block; }
}

#svisual { width:100%; height:161px; margin-top:1px; }
.svcover { position:absolute; width:100%; height:197px; border-bottom:solid 1px #edece8; }
.svswrap { position:relative; width:1000px; margin:0 auto; }

#scopy { position:absolute; top:44px; right:20px; width:auto; text-align:left;background-color:rgba(0,0,0,0.7);padding:10px;  }
.scopy1 { font-size:18px; letter-spacing:-1.0px; color:#ff4800; }
.scopy2 { margin:10px 0 0 -2px; font-size:30px; font-weight:bold; letter-spacing:-1.3px; color:#9abe4a; }
.scopy2 > span { color:#fff;text-shadow:0px 1px 1px #000; }
.scopy3 { max-width:430px; margin:15px 0 0 2px; font-size:14px; line-height:18px; letter-spacing:-0.75px; color:#2c2c2c; }

/* 20160817
#scopy { position:absolute; top:44px; right:20px; width:auto; text-align:left; }
.scopy1 { font-size:18px; letter-spacing:-1.0px; color:#ff4800; }
.scopy2 { margin:10px 0 0 -2px; font-size:30px; font-weight:bold; letter-spacing:-1.3px; color:#9abe4a; }
.scopy2 > span { color:#033c76; }
.scopy3 { max-width:430px; margin:15px 0 0 2px; font-size:14px; line-height:18px; letter-spacing:-0.75px; color:#2c2c2c; }

*/

#scont { display:flex; width:1000px; margin:0 auto; }
#scont > section { float:left; }
#sleft { display:inline-block; width:220px; margin-top:-79px; z-index:101; }
.idxsub { width:220px; height:150px; color:#ffffff; font-size:30px; font-weight:bold; text-align:left; letter-spacing:-1.7px; background:#94c031 url('../img/sub/msub/idx_background.png') right top no-repeat; }
.idxtext { position:relative; top:49px; left:33px; line-height:30px; padding:9px 0 0 0; background:url('../img/sub/msub/idx_topline.png') 3px top no-repeat; }
.idxtext > span { display:block; }
#msub { font-size:14px; padding-bottom:50px; }
.ms { height:50px; margin-bottom:1px; background:#ebebeb; }
.mson { background:#052443; }
.ms a { display:inline-block; position:relative; top:9px; left:6px; width:168px; padding:7px 20px; color:#525252; text-decoration:none; }
.mson a { color:#ffffff; }
.msswrap { padding:5px 0; background:#f5f5f5; }
.mss { height:27px; font-size:12px; }
.msson { background:#d1d1d1; }
.mss a { display:inline-block; position:relative; top:2px; left:15px; width:auto; padding:2px 0; color:#525252; text-decoration:none; }
.msson a { font-weight:bold; color:#373737; }
#sm_tab { display:none; }
#msub_m { display:none; }

#sright { display:inline-block; width:740px; margin-left:40px; }
.location { float:right; text-align:right; font-size:14px; margin-top:9px; padding-left:18px; background:url('../img/sub/header/icon_home.png') 0 5px no-repeat; }
.location span { padding-left:15px; background:url('../img/sub/header/icon_dot.png') 1px 7px no-repeat; }
.lctm { color:#787878; }
.lcts { color:#9abc4e; }
.title { display:inline-block; width:768px; font-size:24px; font-weight:bold; color:#636363; margin:44px 0 0 -3px; padding:14px 1px 0 0; background:url('../img/sub/header/title_topline.jpg') top left no-repeat; }
.title > span { font-size:21px; font-weight:normal; color:#888888; }

#content-wrap { display:inline-block; width:100%; margin:25px 0; }

#mssub_tab { display:none; }

@media all and (max-width:1000px){

#svisual { height:180px; margin-top:0; background-size:auto 100% !important; }
.svcover { display:none; }
.svswrap { width:100%; }
#scopy { top:50px; right:46px; width:auto; }
.scopy1 { font-size:20px; }
.scopy2 { margin:10px 0 0 -2px; }

#scont { display:inline-block; width:100%; }
#sleft { display:none; }
#sm_tab { display:inherit; width:100%; height:40px; border-bottom:solid 1px #e6e6e6; }
.sm_home { float:left; width:41px; height:40px; margin-left:29px; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6; background:url('../img/sub/header/icon_home.png') center center no-repeat; }

#msub_m { display:none; }

.msub_tab { position:relative; float:left; margin:0 auto; width:149px; max-width:149px; height:40px; border-right:solid 1px #e6e6e6; }
.msub_tab_big { width:270px !important; max-width:270px !important; }
.msub_tab .placeholder { position:relative; display:block; width:100%; height:100%; font-size:14px; color:#787878; z-index:1; padding:0; cursor:pointer; background:url('../img/sub/msub/icon_mm_down.jpg') 113px 9px no-repeat; }
.msub_tab_big > .placeholder { background:url('../img/sub/msub/icon_mm_down.jpg') 234px 9px no-repeat !important; }
.msub_tab .placeholder_on { background:url('../img/sub/msub/icon_mm_up.jpg') 113px 9px no-repeat; }
.msub_tab_big > .placeholder_on { background:url('../img/sub/msub/icon_mm_up.jpg') 234px 9px no-repeat !important; }
.msub_tab .placeholder font { position:relative; top:13px; left:17px; }
.msub_tab .placeholder .msub2 { color:#86b224; }
.msub_tab.is-open ul { display:block; }
.msub_tab ul { display:none; position:absolute; top:100%; left:-1px; overflow:hidden; width:129px; font-size:13px; background:#fff; border:solid 1px #e6e6e6; margin:0; padding:12px 10px 0 10px; z-index:3; }
.msub_tab ul.msub_ul_big { width:140px !important; max-width:140px !important; }
.msub_tab ul.msub_ul_big2 { width:280px !important; max-width:280px !important; }
.msub_tab ul li { display:block; height:24px; text-align:left; cursor:pointer; }
.msub_tab ul li a { color:#444444; }

/* 20160713 탭수정
#mssub_tab { display:inline-block; list-style:none; padding:0 0 20px 0; margin:0; font-size:14px; font-weight:bold; }
#mssub_tab > li { float:left; padding:10px 20px; margin-right:5px; background:#d1d1d1; }
#mssub_tab > li a { color:#373737; text-decoration:none; }
#mssub_tab > li.mssubon { background:#749e14; }
#mssub_tab > li.mssubon a { color:#fff; }
*/

#mssub_tab { display:inline-block; list-style:none; padding:3px; margin:0; font-size:12px; font-weight:bold; }
#mssub_tab > li { float:left; padding:10px 10px; margin:2px; background:#d1d1d1;text-align:center;  }
#mssub_tab > li a { color:#373737; text-decoration:none;text-align:center;display:block; }
#mssub_tab > li.mssubon { background:#749e14; }
#mssub_tab > li.mssubon a { color:#fff; }

#sright { width:92%; margin:0 4%; padding:23px 0; }
.location { display:none; }
.title { width:100%; margin:3px 0 0 0; }

}

@media all and (max-width:600px){

#scopy { position:absolute; top:37px; left:15px; width:auto; }
.scopy1 { font-size:13px; }
.scopy2 { font-size:27px; margin:7px 0 0 -3px; }
.scopy2 > span { display:block; }

/*.msub_tab_mobile { display:none; }*/

#sm_tab { background:#94c031; }
.sm_home { margin-left:0; border-left:none; border-right:solid 1px #ffffff; background:url('../img/sub/msub/icon_home_m.png') center center no-repeat; }

#msub_m { display:none; width:100%; font-size:14px; }
#msub_m ul { padding:0; margin:0; }
#msub_m li { width:100%; height:38px; border-bottom:solid 1px #e6e6e6; }
#msub_m li a { display:block; width:95%; height:100%; color:#444444; background:url('../img/sub/msub/icon_li_m.png') right 13px no-repeat; }
#msub_m li a font { position:relative; top:9px; left:21px; }

.msub_tab { width:130px; max-width:130px; border-right:solid 1px #ffffff; }
.msub_tab .placeholder { color:#ffffff; background:url('../img/sub/msub/icon_mm_down_m.png') 93px 9px no-repeat; }
.msub_tab .placeholder_on { background:url('../img/sub/msub/icon_mm_up_m.png') 93px 9px no-repeat; }
.msub_tab .placeholder .msub2 { color:#ffffff; }
.msub_tab ul { width:110px; }
.msub_tab_mobile { width:150px; max-width:150px; }
.msub_tab_mobile .placeholder { background:url('../img/sub/msub/icon_mm_down_m.png') 113px 9px no-repeat; }
.msub_tab_mobile .placeholder_on { background:url('../img/sub/msub/icon_mm_up_m.png') 113px 9px no-repeat; }
.msub_tab_big > .placeholder { background:url('../img/sub/msub/icon_mm_down_m.png') 234px 9px no-repeat !important; }
.msub_tab_big > .placeholder_on { background:url('../img/sub/msub/icon_mm_up_m.png') 234px 9px no-repeat !important; }

.msub_tab_mobile ul { width:130px; }
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
@media all and (max-width:600px){
	/*#hd_pop {display:none;}*/
	#hd_pop {width:100%;}
	#hd_pop > div{width:100%;left:0 !important;}
	.hd_pops_con {width:100% !important;height:auto !important;}
	#hd_pop > div > div img{width:100% !important;height:auto !important;}
	
}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

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

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}


/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:970px;border-right:1px solid #dde4e9;border-left:1px solid #dde4e9;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

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

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}

#ft_company {text-align:center}

#ft_copy {background:#414141}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:970px;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}