@charset "utf-8";
/* 공통 */
*{margin:0; padding:0;}
img{border:0px;}
ul{list-style:none; margin:0; padding:0; border:0 none; font-size:100%; font-weight:normal;}
ul li{font-size:0px; line-height:0.5em;} /* ul li 안에있는 이미지 필요없는 여백 없애는 css */
a{outline:none; select-dummy:expression(this.hideFocus=true);} /* 링크점선없애기위한 css */
input{font-size:13px !important;}

/* body{font:normal 12px "굴림",gulim,sans-serif; color:#888888; line-height:150%;} */
/* body{font:normal 12px "Colaborate Light", Helvetica, Arial, sans-serif,"굴림",gulim; color:#272727; line-height:150%;} */
html{/*height:100%;*/}

/* @init_font */
.init *
, body, a, h1, h2,h3 ,h4 ,h5 ,h6 ,pre
,[type=text], [type=password], [type=file], [type=email], select ,textarea
{font-family:"ng", "맑은 고딕", "굴림", "tahoma" ;font-size:13px;color:#494848;line-height:1.6em;} /*font-family : 기본값 한글로 써야 오페라까지 잘 먹음*/
/* ng는 나눔고딕 사용시 head.php 나눔고딕 관련 주석을  풀어줍니다. */

/* 메인 */
#wrapper{width:100%; min-width:1000px; overflow:hidden;}
.top{width:970px; height:61px; margin:0 auto; position:relative;}
.top p{padding-top:21px; text-align:center;}
.top ul{position:absolute; top:21px; right:0; overflow:hidden;}
.top ul li{font-size:12px; line-height:150%; color:#777777; float:left; background:url("/img/topmenu_bar.gif") left 4px no-repeat; padding:0 10px;}
.top ul li:first-child{background:none;}

.gnb_wrap{width:100%; position:relative;}
.gnb_bg01{width:50%; height:49px; background:url("/img/gnb_bg01.gif") left top repeat-x;}
.gnb_bg02{width:50%; height:49px; background:url("/img/gnb_bg02.gif") left top repeat-x;}

.gnb{width:970px;height:49px; background:url("/img/gnb_bg03.gif") left top no-repeat;position:absolute; top:0; left:50%; margin-left:-485px;}
.gnb>li{float:left; background:url("/img/gnb_bar01.png") left 15px no-repeat; padding:15px 24px;}
.gnb li img{vertical-align:top;}
.gnb>li:first-child{background:none;  padding:15px 24px 15px 15px !important;}

.gnb_right01{background:none !important; padding:15px 20px 15px 58px !important;}
.gnb_right02{background:url("/img/gnb_bar02.png") left 15px no-repeat !important; padding:15px 20px !important;}


.bg_sgnb {display:none;position:absolute;width:100%;top:48px;left:0;height:35px;background:#2f52ad;z-index:99;}
.sgnb {display:none;position:absolute;top:48px;left:0;height:35px;background:#2f52ad;z-index:999;}
.sgnb ul {overflow:hidden;}
.sgnb ul li {float:left}
.sgnb ul li a {padding:0 10px;color:#fff;font-size:13px;font-weight:bold;line-height:35px;text-decoration:none;}
.sgnb ul li a:hover {color:#7debfb;}
.gnb li.menu01 .sgnb {left:0;}
.gnb li.menu02 .sgnb {left:100px;}
.gnb li.menu03 .sgnb {left:220px;}
.gnb li.menu04 .sgnb {left:320px;}
.gnb li.menu05 .sgnb {left:420px;}
.gnb li.menu06 .sgnb {left:520px;}
.gnb li.menu07 .sgnb {left:530px;}
.gnb li.gnb_right01 .sgnb {left:680px;}
.gnb li.gnb_right02 .sgnb {left:800px;}







.mcontainer{width:970px; margin:0 auto; margin-top:27px; overflow:hidden;}

.main_img{width:620px; height:326px; position:relative; float:left;}
.carou-paging{height:326px; overflow:hidden;}
.c{float:left; width:620px; height:326px; background:white;}
.carou-paging-page{position:absolute; top:20px; right:19px;}
.carou-paging-page a{display:inline-block;width:13px;height:12px;background:url("/img/main/m_slide_btn_off.png") center no-repeat;margin:0 3px; border:none;}
.carou-paging-page a.selected{width:13px;height:12px;background:url("/img/main/m_slide_btn_on.png") center no-repeat;}
.carou-paging-page span{display:none;}

.mcontents01{width:342px; height:326px; float:right;}
.mcont01{width:341px; overflow:hidden;}
.mcont01 li{float:left;}
.mcont01 li img{vertical-align:top;}

.mcont02{width:341px; overflow:hidden; margin-top:10px;}
.mcont02 li{float:left; font-size:18px; font-weight:700; color:white; text-align:center; padding-top:120px; cursor:pointer;}
.mcont_li01{width:166px; height:158px; background:url("/img/main/cont02_01.gif") left top no-repeat;}
.mcont_li02{width:165px; height:158px; background:url("/img/main/cont02_02.gif") left top no-repeat; margin-left:10px;}

.mcontents_wrap{width:970px; margin:0 auto; margin-top:10px; overflow:hidden;}
.mcontents02{width:620px; float:left; overflow:hidden;}

.mboard01{width:310px; float:left;}
.mboard02{width:310px; float:left;}
.mb_top01{width:255px; height:39px; background:url("/img/main/mboard_top01.gif") left top no-repeat; font-size:17px; font-weight:700; color:white; position:relative; padding:18px 0 0 55px;}
.mb_top02{width:255px; height:39px; background:url("/img/main/mboard_top02.gif") left top no-repeat; font-size:17px; font-weight:700; color:white; position:relative; padding:18px 0 0 55px;}
.mb_top01 p{position:absolute; top:21px; right:27px;}
.mb_top02 p{position:absolute; top:21px; right:27px;}

.mblit{vertical-align:0; padding-right:0;}

.mtab_wrap01{width:309px; height:169px; border:1px solid #eeeeee; border-top:none; border-right:none; padding-top:14px;}
.mtab01{color:#777777; font-size:13px; padding:0 0 0 12px;}
.mtab01 tr td{line-height:190%;}

.mtab_wrap02{width:309px; height:169px; border:1px solid #eeeeee; border-top:none; border-left:none; padding-top:14px;}
.mtab02{color:#777777; font-size:13px; padding:0 0 0 12px; border-left:1px solid #eeeeee;}
.mtab02 tr td{line-height:190%;}

.mcontents03{width:341px; margin-left:9px; float:left;}
.mcont03{width:279px; height:49px; background:url("/img/main/consel_bg01.gif") left top no-repeat; position:relative; font-size:17px; font-weight:700; color:white; padding:10px 0 0 62px;}
.mcont04{width:279px; height:39px; background:url("/img/main/consel_bg02.gif") left top no-repeat; border-top:1px solid #52cddf; position:relative; font-size:17px; font-weight:700; color:white; padding:16px 0 0 62px;}
.mcont03 span{font-size:14px !important;}
.mcont03 p{position:absolute; top:14px; right:20px;}
.mcont04 p{position:absolute; top:12px; right:20px;}

.mcont05{width:341px; overflow:hidden; margin-top:10px;}
.mcont05 li{float:left; position:relative; font-size:18px; font-weight:700; color:white; padding:12px 0 0 15px; cursor:pointer; line-height:150%;}
.mcont05 li img{vertical-align:top;}
.mcont05 li p{position:absolute; bottom:12px; left:12px;}

.mcont02_li01{width:151px; height:65px; background:url("/img/main/cont03_01.jpg") left top no-repeat;}
.mcont02_li02{width:150px; height:65px; background:url("/img/main/cont03_02.gif") left top no-repeat; margin-left:10px;}

.mcont06{width:341px; overflow:hidden; margin-top:0px;}
.mcont06 li{float:left; position:relative; font-size:18px; font-weight:700; color:white; padding:12px 0 0 15px; cursor:pointer; line-height:150%;}

.mcont06_li01{width:151px; height:40px; background:url("/img/main/cont04_01.gif") left top no-repeat;}
.mcont06_li02{width:150px; height:40px; background:url("/img/main/cont04_02.gif") left top no-repeat; margin-left:10px;}



.foot_menu{width:100%; margin-top:31px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.foot_menu ul{width:970px; margin:0 auto; overflow:hidden; padding:10px 0;}
.foot_menu ul li{float:left; background:url("/img/foot_menu_bar.gif") left 5px no-repeat; padding:0 15px; font-weight:700;}
.foot_menu ul li:first-child{background:none; padding-left:0 !important;}

.foot{width:970px; height:120px; margin:0 auto; overflow:hidden;}
.foot p{float:left; margin:23px 0 0 0;}
.foot div{float:left; margin:22px 0 0 44px; font-size:12px; color:#666666;}

/* 서브 */
.scontainer{width:970px; margin:0 auto; margin-top:27px; overflow:hidden; padding-bottom:80px;}
.scontents{width:970px; overflow:hidden; margin-top:10px; background:url("/img/sub/sub_bg.gif") left top repeat-y;}
.subimg img{width:970px; vertical-align:top;}

.lnb{width:236px; float:left; padding-bottom:100px;}
.lnb_tit{width:216px; height:41px; background:url("/img/sub/lnb_tit_bg.gif") left top no-repeat; font-size:20px; font-weight:700; color:white; padding:21px 0 0 20px;}

.lnb ul{width:208px; margin-left:14px;}
.lnb ul li{font-size:15px; color:#444444; font-weight:700; border-bottom:1px solid #e4e4e4; position:relative;}
.lnb ul li.on a {color:#1e429e;background:url('/img/sub/lnb_blit_on.gif') no-repeat 90% 50%;}
.lnb ul li a{color:#444444; padding:15px 0 15px 8px; display:block;background:url('/img/sub/lnb_blit_off.gif') no-repeat 90% 50%;}
.lnb ul li a:hover {background:url('/img/sub/lnb_blit_on.gif') no-repeat 90% 50%;}
.lnb ul li img{position:absolute; top:21px; right:8px;}

.quick01{margin:66px 0 0 14px;}
.quick02{overflow:hidden; margin:17px 0 0 14px;}
.quick02 p{float:left;}
.quick02 p:first-child{margin-right:4px;}

.scont{width:704px; margin-left:30px; float:left;}
.sub_loca{width:704px; border-bottom:1px solid #cccccc; font-size:26px; color:#1e419d; font-weight:700; position:relative; padding:20px 0 21px 0px;}
.sub_loca p{font-size:12px; color:#aaaaaa; font-weight:normal; position:absolute; bottom:13px; right:0;}
.sub_loca p span{color:#666666; font-weight:700;}

.sc{width:704px; margin-top:20px; min-height:400px; font-size:14px; color:#333333; line-height:160%;}
.sc01{width:704px; margin-top:60px; min-height:400px; font-size:14px; color:#333333; line-height:160%;margin-left:120px;}
.sc02{width:704px; margin-top:20px; min-height:400px; font-size:14px; color:#333333; line-height:160%;}

.tab{position:relative; overflow:hidden;}
.tab .on{background-color:#617aba; font-weight:700; color:white;}
.tab li{float:left;}
.tab li a{display:block; border:1px solid #617aba; background-color:white; padding:10px 30px; text-decoration:none; font-size:13px; color:#617aba;}
.tabli01{margin-left:9px;}
.dipn{display:none;}

.maptab{width:678px; border:1px solid #d4d8e2; background:#fcfcfc; margin:10px 0 0 12px; line-height:200%;}

.rec_wrap{}
.rec_wrap .rec:first-child{padding-top:0px !important; border:none !important;}
.rec{padding:30px 0 30px 0; border-top:1px dashed #cccccc;}
.rr_t{padding:0 0 25px 10px;}
.rr_x{padding:0 0 0 10px; color:#4f69a8;}

/*.rr_t02{padding:0 0 25px 10px; color:#076dcf; font-size:14px; font-weight:700;}*/
.rr_t02{padding:0 0 25px 10px; font-size:14px; font-weight:700;}
.rr_x02{padding:0 0 0 10px; color:#585858;}
.rr_c{padding:0 0 25px 10px; color:#585858;}

/* 게시판 */
.board_top{width:683px; height:190px; margin-left:11px; background:url("/img/sub/board_topimg.gif") left top no-repeat; position:relative;}
.board_tab01{width:683px; table-layout:fixed; margin-top:10px; margin-left:11px; border-top:2px solid #4f69a8;}
.board_tab01 th{background:#f3f3f3; padding:10px 0; border-bottom:1px solid #d1d1d1; color:#333333;}
.board_tab01 td{padding:15px 0; border-bottom:1px solid #d1d1d1; color:#777777;}

.bt_td01{padding-left:10px !important;}
.bt_td02{background:#f3f3f3; font-size:13px; color:#585858; font-weight:700; padding:10px 0 10px 25px; border-bottom:1px solid #c8c8c8;}
.bt_td03{color:#999999; font-size:12px; padding:10px 0 10px 10px; border-bottom:1px solid #c8c8c8;}

.bt_td04{background:#f3f3f3; font-size:14px; color:#484848; font-weight:700; padding:10px 20px 0 20px;}
.bt_td05{background:#f3f3f3; font-size:13px; color:#666666; padding:10px 20px 10px 20px; border-bottom:1px solid #c8c8c8;}
.bt_td06{font-size:13px; color:#585858; padding:10px 20px; border-bottom:1px solid #c8c8c8;}

.bt_td07{font-size:13px; color:#484848; font-weight:700; padding:10px 20px; border-bottom:1px dashed #c8c8c8;}
.bt_td08{font-size:13px; color:#585858; padding:10px 20px; border-bottom:1px dashed #c8c8c8;}
.bt_td09{font-size:13px; color:#484848; font-weight:700; padding:10px 20px; border-bottom:1px solid #c8c8c8;}
.bt_td10{font-size:13px; color:#585858; padding:10px 20px; border-bottom:1px solid #c8c8c8;}

.binp01{border:1px solid #d9d9d9; width:500px;padding:3px;}
.binp02{border:1px solid #d9d9d9; width:140px;padding:3px;}
.binp03{border:1px solid #d9d9d9; width:240px;padding:3px;}

.np_blit{vertical-align:2px; padding-left:8px;}

.checkbox{vertical-align:-3px;}
.spam{color:#d00000; font-weight:700;}

/* 버튼 */
.btn_wrap{width:683px; text-align:center; margin:30px 0 0 11px;}
.btn_wrap02{width:683px; text-align:right; margin:30px 0 0 11px;}
.ok_btn{background:#ef7175; color:white; font-weight:700; text-align:center; width:65px; height:30px; line-height:28px; display:inline-block; text-decoration:none; margin:0 3px;}
.cancle_btn{background:#555555; color:white; font-weight:700; text-align:center; width:65px; height:30px; line-height:28px; display:inline-block; text-decoration:none; margin:0 3px;}
.modi_btn{background:#0ebed6; color:white; font-weight:700; text-align:center; width:65px; height:30px; line-height:28px; display:inline-block; text-decoration:none; margin:0 3px;}

/* 비밀번호입력 */
.password_wrap{width:477px; height:215px; background:url("/img/sub/password_bg.gif") left top no-repeat; margin:0 auto; margin-top:70px; position:relative;}
.pass_txt{color:#585858; font-size:13px; position:absolute; top:37px; left:38px;}
.pass_btn{text-align:center; padding-top:150px;}
.pass_inp{position:absolute; top:100px; left:100px;}
.pass_inp input{border:1px solid #d9d9d9; width:189px;padding:3px; margin-left:20px;}














.b_blit{vertical-align:-2px;}
.bspan{color:#076dcf;}

.board_tab02{width:683px; table-layout:fixed; margin-top:10px; margin-left:11px; border-top:2px solid #666666;}
.board_tab03{width:683px; table-layout:fixed; margin-left:11px;}

.safeguard{padding:20px;}
.safeguard iframe{border:1px solid silver;}


.fax{margin-top:50px; margin-left:11px;}
.fax span{font-size:28px; color:#213e99; font-weight:700;}
.fax img{vertical-align:-4px; padding-right:7px;}
.fax_xx{color:#585858; margin-top:20px; font-size:16px;}
.fax_xx span{font-size:16px; color:#213e99; font-weight:700;}


/* 서치바 */
.search_wrap{width:333px; top:142px; left:0; position:absolute;}
.search{width:333px; overflow:hidden;}
.search_sel{width:88px; height:26px; float:left; border:1px solid #cfcfcf;}
.search_sel02{height:26px; float:left; border:1px solid #cfcfcf;}

.search_inp01{width:178px; height:24px; float:left; border:1px solid #c0c0c0; margin-left:4px;}
.search_btn{width:52px; height:26px; background-color:#888888; color:white; text-decoration:none; text-align:center; line-height:26px; display:inline-block;}

.board_foot{width:683px; position:relative;}
.write_btn{width:64px; height:30px; background:#076dcf; color:white; line-height:28px; text-decoration:none; text-align:center; display:inline-block; position:absolute; top:30px; right:0;}

/* 페이징 */
.page{width:683px; text-align:center; padding:30px 0px 0 0;}
.page a{border:solid 1px #dedede;display:inline-block;text-decoration:none;color:gray;vertical-align:top;}
.page a:hover{border:solid 1px #83b6e7;}
.page img{vertical-align:top;}
.page_num{height:32px;padding:0 10px;line-height:32px;}
.page .on02{background:#83b6e7;color:white;}

.paging_num{padding:6px 10px; font-size:12px;}
.paging_num_on{font-size:12px; color:white !important;; font-weight:bold !important; border:1px solid #83b6e7 !important;}

/*개인정보 수집-입력폼*/
/*
.agree-box {position:relative; margin-top:40px; padding:0 10px;}
.agree-box ul{height:30px;}
.agree-box ul li{float:left; text-align:center; border:1px solid #ddd; background-color:#efefef; padding:5px 10px;}
.agree-box ul li.on{background-color:#fff; border-bottom:none;}
.agree-box ul li a{text-decoration:none;}
.agree-box ul{content:""; display:block; clear:both;}
.agree-box div{padding:10px; border:1px solid #ddd; max-height:100px; height:100px; width:98%; margin-top:1px; overflow:auto;}
.agree-box span{display:block; text-align:right; margin-top:5px;}
.agree-box input{margin-right:5px;}
.agree-box .agree2, .agree-box .agree3 {display:none;}
*/
.scont fieldset{border:none;padding-left:10px;}
.scont fieldset a{text-decoration:none;}
.scont fieldset ul li{padding:0;margin:0;}

.join_cont{width:95%; height:100px;border:solid 1px #cccccc;padding:10px 15px;margin-bottom:5px;overflow-y:auto;}
.join_tit1{margin:30px 0 10px;}

.-tab-cont{position:relative; z-index:10;}

.tab01 .-tab-btn{display:block; padding:5px 10px; border:1px solid #cccccc; background-color:#f4f4f4;}
.tab01{position:relative; z-index:10000;}
.tab01 li{float:left; position:relative; bottom:-1px;}
.tab01 .on{border-bottom:1px solid white !important; background-color:white !important;}

.tabli01{left:-1px;}
.tabli02{left:-2px;}

.dipn{display:none;}


/* 2018-06-18 추가 */

ul.mcont01_new {overflow:hidden; background:#f5f5f5;}
ul.mcont01_new li {float:left; width:114px; height:109px;}
ul.mcont01_new li a {display:block; height:100%; text-indent:-99999px;}
ul.mcont01_new li.list01 {background:url('../img/banner_01.png') no-repeat 0 0;}
ul.mcont01_new li.list02 {background:url('../img/banner_02.png') no-repeat 0 0;}
ul.mcont01_new li.list03 {background:url('../img/banner_03.png') no-repeat 0 0;}
ul.mcont01_new li.list04 {background:url('../img/banner_04.png') no-repeat 0 0;}
ul.mcont01_new li.list05 {background:url('../img/banner_05.png') no-repeat 0 0;}
ul.mcont01_new li.list06 {background:url('../img/banner_06.png') no-repeat 0 0;}
ul.mcont01_new li.list07 {background:url('../img/banner_07.png') no-repeat 0 0;}
ul.mcont01_new li.list08 {background:url('../img/banner_08.png') no-repeat 0 0;}
ul.mcont01_new li.list09 {background:url('../img/banner_09.png') no-repeat 0 0;}
ul.mcont01_new li.list01:hover {background:url('../img/banner_on_01.png') no-repeat 0 0;}
ul.mcont01_new li.list02:hover {background:url('../img/banner_on_02.png') no-repeat 0 0;}
ul.mcont01_new li.list03:hover {background:url('../img/banner_on_03.png') no-repeat 0 0;}
ul.mcont01_new li.list04:hover {background:url('../img/banner_on_04.png') no-repeat 0 0;}
ul.mcont01_new li.list05:hover {background:url('../img/banner_on_05.png') no-repeat 0 0;}
ul.mcont01_new li.list06:hover {background:url('../img/banner_on_06.png') no-repeat 0 0;}
ul.mcont01_new li.list07:hover {background:url('../img/banner_on_07.png') no-repeat 0 0;}
ul.mcont01_new li.list08:hover {background:url('../img/banner_on_08.png') no-repeat 0 0;}
ul.mcont01_new li.list09:hover {background:url('../img/banner_on_09.png') no-repeat 0 0;}


.mcontents03_new {float:right; width:342px;}
.mcontents03_new a {text-decoration:none; box-sizing:border-box;}
.mcontents03_new .con01 {overflow:hidden; color:#fff;}
.mcontents03_new .con01 a {color:#fff;}
.mcontents03_new .con01 dl {float:left; width:166px;}
.mcontents03_new .con01 dl dt {padding-left:15px; font-size:13px; font-weight:700; line-height:32px;}
.mcontents03_new .con01 dl dd {}
.mcontents03_new .con01 dl dd a {display:block; padding:0 0 0 40px; height:47px; position:relative; line-height:47px;}
.mcontents03_new .con01 dl dd a:first-child {border-bottom:1px solid #3b89d6;}
.mcontents03_new .con01 dl dd a:before {content:''; display:block; position:absolute; top:19px; right:12px; width:9px; height:9px; background:url('../img/icon_more.png') no-repeat 0 0;}
.mcontents03_new .con01 dl.st01 {margin-right:10px; background:#1974cf;}
.mcontents03_new .con01 dl.st01 dt {background:#0b59a8;}
.mcontents03_new .con01 dl.st01 dd a.link01 {background:url('../img/icon_01.png') no-repeat 12px 50%;}
.mcontents03_new .con01 dl.st01 dd a.link02 {padding:6px 0 0 40px; background:url('../img/icon_02.png') no-repeat 12px 50%; line-height:16px;}
.mcontents03_new .con01 dl.st02 {background:#0098ae;}
.mcontents03_new .con01 dl.st02 dt {background:#31b1c2;}
.mcontents03_new .con01 dl.st02 dd a {background:url('../img/icon_03.png') no-repeat 12px 50%;}
.mcontents03_new .con01 dl.st02 dd a:first-child {border-bottom:1px solid #50bdcb;}
.mcontents03_new .con02 {overflow:hidden; margin-top:10px;}
.mcontents03_new .con02 li {float:left; width:50%; box-sizing:border-box;}
.mcontents03_new .con02 li a {display:block; line-height:53px; box-sizing:border-box;}
.mcontents03_new .con02 li.list01 a {padding-left:60px; background:#ececec url('../img/icon_blog.png') no-repeat 25px 50%; }
.mcontents03_new .con02 li.list02 a {padding-left:60px; background:#f6f6f6 url('../img/icon_blog.png') no-repeat 25px 50%; }
.mcontents03_new .con02 li.list03 a {padding-left:50px; color:#fff; background:#00c73c url('../img/icon_talk.png') no-repeat 20px 50%; }
.mcontents03_new .con02 li.list04 a {padding-left:57px; background:#fee600 url('../img/icon_kakao.png') no-repeat 22px 50%; }