@charset "utf-8";
/* CSS Document */

body{position:relative;font-size:14px;line-height:1.6em;color:#555;font-family:'NanumG', 'Malgun Gothic',  Dotum,  Helvetica, AppleSDGothicNeo,sans-serif;}

a:link { color:#636363; text-decoration:none; }
a:visited { color:#636363; text-decoration:none; }
a:hover { color:#0030ae; text-decoration:none; }
a:active { color:#0030ae; text-decoration:none; }


.wrap{position:relative;width:1200px;margin:0 auto;}

@media only screen and (max-width:970px) {
.wrap{width:98%}
.tablet_skip { display:none;}
.wrap .rowgroup{width:100%;}
.wrap .satisfaction{margin:35px 0 35px 0px;}

#container{background:none !important;}
#container .subText{display:none;}
.path{display:none;}
}
@media only screen and (max-width:640px) {
.mobile_skip { display:none;}
}


/* Header */
#header {position:relative;z-index:12;background:url(/images/portal/common/header_bg.gif) repeat-x;}
#header .wrap { padding-top:20px; height:95px; }
#header .logo {position:absolute;left:0;top:62px;z-index:0;}

#header .top_link { position:absolute; left:0; top:0; width:100%; }
#header .top_link a.cont_go { display:none; padding-right:25px; height:40px; line-height:40px; background:url(/images/portal/common/access_btn.png) no-repeat right center; font-size:13px; color:#313131; font-weight:600;}
#main #header .top_link a.sub_view { display:none !important;}
#sub #header .top_link a.main_view { display:none !important;}

#header .top_link button.tit { display:none;}
#header .top_link ul {  }
#header .top_link ul li { float:left; }
#header .top_link ul li a { display:inline-block; padding:0 20px; height:39px; background:#fff; border-left:1px solid #e5e5e5; text-align:center; line-height:39px; color:#333;}
#header .top_link ul li.first a { border-left:none; background:#367acd; color:#fff;}
#header .top_link ul li.first a span { display:inline-block; }

#header .top_link ul.lang { float:right;  }
#header .top_link ul.lang li{ height:39px; }

#header .top_link ul.lang li.font { line-height:39px; padding:0 20px; }
#header .top_link ul.lang li a.sns { padding:0px; border-left:0px; }
.cont{
 display:block !important;
}




@media only screen and (max-width:970px) {

#header .top_link a.cont_go { display:none;}
#header .top_link ul { left:0; margin:0; width:100%; }
#header .top_link ul li a { display:block; width:auto; height:39px;  }
#header .top_link ul.lang { display:none; }
#container #visual{width:100%;height: auto;}
#container #visual .title span{font-size:20px}
#container #visual .title strong{font-size:18px}
}

@media only screen and (max-width:640px) {
#header .logo  {max-width:65%; z-index:0;}
#header .logo img { width:100%; margin:-5px 0 0 10px; }
#header .top_link { position:relative; top:-20px; width:180px; z-index:9999;}
#header .top_link button.tit { display:block; width:100%;  height:40px;  background:url(/images/portal/common/toplink_bg_off.png) no-repeat 90% center #e5e5e5; line-height:40px; font-size:13px; color:#555555; font-weight:600; text-align:left; transition: background-color 0.35s ease-in-out;}
#header .top_link button.tit.on { background:url(/images/portal/common/toplink_bg_on.png) no-repeat 90% center #7d7d7d; color:#ffffff; }
#header .top_link button.tit span { padding-left:5%;}
#header .top_link .cont {display: none !important;position:absolute;left:0;top:40px;width:100%;background:#383838;}
#header .top_link ul  {  position:relative; left:0%; margin-left:0; width:100%; }
#header .top_link ul li { float:none; width:100%; }
#header .top_link ul li a { border-top:1px solid #e5e5e5; border-left:none;}

}


#header {background-color:#ffffff; border-bottom:2px solid #336ac0; }
#header .logo { z-index:13;}
#header .flag { position:absolute; left:130px; top:50px; z-index:14;}
#header .flag a { display:block;}



/* �޴� */



#lnb .wrap {right: -250px;z-index:13;width:1000px;height:64px;margin-top:-77px;}
#lnb .top1menu { display:inline-block; }
/*#lnb .top2mbg {display:none;position:absolute;top:40px;left:0;width:100%;height:200px;border:solid 3px #2b52a7; border-top:none;box-sizing:border-box;background:#fff;}*/
#lnb ul {margin:0; padding: 0; }
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li a {display:block;padding: 25px 20px 26px;font-size:19px;font-weight:600;letter-spacing:-0.5px;line-height:22px;color:#1b1b1b;text-decoration:none;}
#lnb ul li a.tit.hover,#lnb ul li a.tit:hover { color:#336ac0; border-bottom:4px solid #dd5073; padding-bottom:24px}
/*#lnb ul li a.tour.hover, #lnb ul li a.tour:hover { padding-bottom:34px }*/
#lnb ul li a.gov30 { background:url(/images/portal/common/gov30.gif) no-repeat 15px 20px; padding-left:75px;  }

#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none;position:absolute; left:0; top:75px; z-index:300; margin-left:-230px; width:1200px; border-top:1px solid #336ac0;  background:#fff url(/images/portal/common/top_depth2_bg.gif) no-repeat left bottom; transition:height 2s ease-in-out;  box-shadow:0 30px 30px rgba(0,0,0,0.2);}
#lnb ul div.top2m div {position:relative;z-index:920;margin:0;padding:10px 20px 20px 260px; }
#lnb ul div.top2m.m1 div { background:url(/images/portal/common/m1_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m2 div { background:url(/images/portal/common/m2_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m3 div { background:url(/images/portal/common/m3_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m6 div { background:url(/images/portal/common/m4_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m.m5 div { background:url(/images/portal/common/m5_bg.png) no-repeat left bottom;} 
#lnb ul div.top2m div .tit_area { position:absolute; left:0; top:0; width:200px; padding:50px 20px; background:none; text-align:center; }
#lnb ul div.top2m div .tit_area .tit { padding:25px 0 ; background:url(/images/portal/common/top_depth2_titbg.gif) no-repeat center top;  font-size:30px; font-weight:600; color:#313131;}
#lnb ul div.top2m div .tit_area .text { font-size:18px;  }

#lnb ul ul li {float:left;margin:0 0.5%;margin-bottom:10px;width:24%;background: #434587;font-weight:600;}
#lnb ul ul li.split_line { float:none; width:100%; padding:0;}
#lnb ul ul li a { padding:10px 20px; color:#fff; font-size:15px; text-align:center;}
#lnb ul ul ul {display:block; padding-top:10px;  background:#ffffff;}
#lnb ul ul ul li { float:none; padding:0; width:100%; background:none;  margin:0;}
#lnb ul ul ul li a { display:block; font-weight:normal; color:#48505e; padding:5px 5px 5px 15px; background:url(/images/portal/common/deth3_bu.gif) no-repeat 8px center; line-height:15px; font-size:14px; text-align:left; }
#lnb ul ul ul li a:hover { color:#4a75ae; }
#lnb img { margin-left:5px;}




.lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none;}
.lnb_bg {  display:none; position:absolute; left:0; top:143px; width:100%;  min-height:42px;  }

@media only screen and (max-width:970px) {
	#lnb .wrap {  width:auto; height:auto; margin:0;  padding:0; right:0;}
	#lnb ul div.top2m { width:100%; margin:0;}

	.lnb_m_nav {display:block;position:absolute; top:45px;right:10px;z-index:910;}
	.lnb_m_nav .open{width:60px;height:60px;background: url(/images/portal/common/topmenu_m_btn_open.png) no-repeat center center #103268;font-size: 0;}
	#lnb .top2mbg{display:none}
	#lnb {overflow-y:scroll; position:fixed; top:125px; right:-280px; z-index:920; left:inherit; width:280px; height:70%; background:#103268; }
	#lnb .top1menu{z-index:930; width:100%; left:0; top:0 ;}
	#lnb ul li {display:block;float: none; width:100%;}
	#lnb ul li a{ display:block; margin:0;padding:20px 7%;background:url(/images/portal/common/depth1_m_off.png) no-repeat 95% 45%;border-bottom:solid 1px #405b86; text-align:left;color:#ffffff;}
	#lnb ul li:first-child a { border-top:none;}
	#lnb ul li a.tit.active,#lnb ul li a.tit:hover {padding:20px 7% 21px; background:url(/images/portal/common/depth1_m_on.png) no-repeat 95% 45% #5c94e2; border:none; color:#ffffff;}
	#lnb ul div.top2m { position:static; padding:0;}
	#lnb ul div.top2m div{border:none; background:#ffffff; padding:0;}
	#lnb ul ul {padding:0;}
	#lnb ul ul li{ float:none;  width:100%; margin:0; padding:0;background:url(/images/portal/common/depth2_m_bg.gif) no-repeat 9% 21px #ffffff;border:none; }
	#lnb ul ul li.split_line  { display:none;}
	#lnb ul ul li a{padding:13px 8% 12px 14%;background:none; border:none; color:#5b5e64; font-size:15px; text-align:left;}
	#lnb ul li li a.active,  #lnb ul li li a:hover { padding:13px 8% 12px 14%; color:#00379a}
	#lnb ul ul ul{display:none;padding:10px 0 7px; background:#ececec; }
	#lnb ul ul ul li{ float:none;  border:none;}
	#lnb ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec;color:#535353; text-align:left;}
	#lnb ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec; color:#535353;}
	#lnb ul ul ul ul { display:none; padding:10px 0 ; background:#cddbeb;}
	#lnb ul ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; }
	#lnb ul ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; color:#535353;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
	.lnb_close{display:non;position:fixed;right:70px;top:45px; z-index:910; }
	.lnb_close button{width:60px;height:60px; background:url(/images/portal/common/topmenu_btn_close.png) no-repeat center center #5c94e2;font-size:0}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
	#lnb .depth1 .m6 .tit_arae { display:none;}
	#header .weather { display:none;}

}




/*�˻�*/
#header .search_btn {display:block;position:absolute;top:40px;right:0; z-index:15;}
#header .search_btn button {display:block;width:90px;height:100px; padding-top:50px; background:url(/images/portal/common/search_btn.png) no-repeat center 25px #336ac0;  font-size:14px; color:#ffffff;}


@media only screen and (max-width:970px) {

	#header .search_btn { position:absolute; left:auto; right:70px; top:55px;}
	#header .search_btn button { width:70px;height:70px;background:url(/common/images/search_btn_m.png) no-repeat center center #5c94e2; font-size:0}
}


@media only screen and (max-width:640px){
	.lnb_m_nav {top:55px !important;}
	.lnb_m_nav .open{width:50px !important;height:50px !important;}
	.lnb_close{right:60px !important;top:55px !important;  }
	.lnb_close button{width:50px !important;height:50px !important;}
	#lnb { top:115px !important;  }
	#header .search {top:115px !important;  }
	#header .search_btn { right:50px; top:65px;}
	#header .search_btn button {width:50px !important;height:50px !important;}
	#lnb ul li a.gov30 { background:none; padding-left:20px; }
}




#container { width:100%;}

#footer .wa_mark { display:inline-block; position:absolute; right:65px; bottom:0;}
.foot_bottom .footer_info p.notice { padding-right:170px;}

#footer { clear:both; width:100%; border-top:1px solid #ddd;  }

.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background:#fff url(/images/portal/common/img_comn.png);background-repeat:no-repeat}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative; height:100px; width:1200px; margin:10px auto;}

#foot_banner h3 { position:absolute; top:27px; left:0px; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:15px 0 0 145px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:27px;left:70px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -266px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:69px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:69px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}





/* 하단 메뉴 */
#foot_menus {position:relative;height:48px;border:1px solid #dbdbdb; border-width:1px 0; z-index:999; margin-top:-1px; }
.foot_menus > li {float:left;position:relative;width:298px}
.foot_menus > li > button {position:relative;display:block;width:100%;height:46px;padding-left:30px; border-right:1px solid #dbdbdb; background-position:260px 20px; text-align:left; font-size:14px;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background-position:260px -34px}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff;}
.foot_menus .fm_1 {top:-232px;height: 217px;padding-top:12px;}
.foot_menus .fm_2 {top: -258px;height: 243px;padding-top:12px;}
.foot_menus .fm_3 {top: -320px;height: 290px;padding-top:27px;}
.foot_menus .fm_4 {top: -124px;height: 100px;padding-top:21px;}

.foot_menus ul .col2 {float:left;width:48%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a { display:block; padding-left:23px;background-position:30px -599px; line-height:2; font-size:14px;}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -105px; }
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/*qr코드 추가*/
.qrcode { float: right; }

#foot_info { padding:26px 0 40px; }
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#999;}
.foot_logo {width:181px;height:84px;margin:0px 36px 0 0px; float:left;}
.copyright {font-size:13px; margin-top:1px;color:#a7a7a7; }



@media only screen and (max-width:970px) {


	#foot_banner { display:none; }
	#foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
	
	#foot_info { padding:20px; }
}

@media only screen and (max-width:640px) {


}



@media only screen and (max-width:1220px) {
	body{width:100%;}
}


@media all and (max-width: 970px) {
  #contents {    margin: 30px 0;  }
  	#container{width:98%; margin:0px auto;}
	.wrap{width:100%}
	.tablet_skip { display:none;}
	.wrap .satisfaction{margin:35px 0 35px 0px;}

  .rowgroup{width:100%; margin-top: 20px;}

  #side {    display: none;  }

  .sub_head .title {    margin: 0;  }
  #main #container #content{background-size:cover;width: 100%;}
}

@media only screen and (max-width:960px) {
        #foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
        #foot_banner{width:100%; height:120px;}
        #foot_info address, .copyright{width:80%; margin:0px auto;}
        .foot_logo{display:none;}

        #foot_banner{ height:130px;}
       .inner { width:100%; margin:0 auto; }
       #container #visual .title .icon{display:none}
       #container #visual .list{width:100% !important;padding: 0;margin: 0;}
       #container #visual .layout{width:100% !important;max-width: 960px;}
}


@media only screen and (max-width:700px) {
.satisfaction_rank {  background: url(/images/portal/contents/satisfaction_icons.png) no-repeat 20px 25px;  background-size: 50px;   padding: 20px 25px 20px 70px;}
.satisfaction_rank .satisfaction_list .input_radio {width:100%;}
.satisfaction_rank .satisfaction_list .opinion{width:96%; margin-top:5px;}
.satisfaction_rank .satisfaction_list .opinion input[type="text"]{width:68%;}
.satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:15%;}

#container #visual .list li{width: 266px;margin: 30px auto;display: block;float: none;}
#container #visual .list li .box{width:100%;max-width: 200px;}
}
@media only screen and (max-width:470px) {
.satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:25%;}
.satisfaction_rank .satisfaction_list label{font-size:13px; margin-right:5px;}
}

@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}
}

@media all and (max-width: 568px) {
  .sub_head .title {
    padding: 10px 0 0 0;
    border-bottom: none;
  }
  .sub_head .title h2 {
    font-size: 23px;
    line-height: 27px;
  }
  .sub_head .sns {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
  }
  .sub_head .sns li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
  }
}


@media only screen and (max-width:640px){
.bbs_search {padding: 15px;text-align: left;}
.bbs_search form{margin:15px 3%}
.bbs_search select{width:100%;margin:2px 0;}
.bbs_search input{width:100%}
.bbs_search .input_text {width:100%;margin:2px 0;padding-left:0;padding-right:0;text-align: center;}
.bbs_search .submit{width:100%;margin:2px 0;}
ul.bu { padding: 0px;}
.bbs_gallery ul.list li{width: 90%;margin: 20px auto;float:none;display: block;}
}

@media only screen and (max-width:640px){
table.tb_t1 thead th{display:none;}
table.tb_t1 tbody.tb{border-top: 1px solid #151515;text-align:left;letter-spacing:-1px;}
table.tb_t1 tbody.tb tr{display:block;padding:8px 0;text-align:left;border-bottom:1px solid #d9d9d9;}
table.tb_t1 tbody.tb tr:nth-child(odd) {background:#f8f8f8}
table.tb_t1 tbody.tb td{display:inline-block;padding:3px 5px;border:none;text-align:left;}
table.tb_t1 tbody.tb td.subject{display:block;padding:3px 10px !important;font-weight:600;color:#000;}
table.tb_t1 tbody.tb td:first-child{/*display:none;*/}
table.tb_t1 td[data-cell-header]:before{display:inline-block;}
table.basic tbody.tb td{padding:5px 2%;}
}