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

body,p,h1,h2,h3,h4,ul,ol,li,dl,dt,dd,form,fieldset,legend,th,td,input,select,button { margin: 0; padding: 0 }
header,footer,section,article,nav,aside,figure,figcaption { display: block }
fieldset,img { border: 0 none }
ul,ol { list-style: none }
address,em { font-style: normal }
small { font-size: 1em; }
button {border:0 none; background-color:transparent; cursor:pointer }
body { background: #fff; font-family: '宋體', 'simsun', verdana, Arial; }
body,th,td { color: #333; font-size: 15px; line-height: 1.5;  }
table { border-collapse:collapse; border-spacing: 0; width: 100% }
a { color: #262626; text-decoration: none }
a:hover, a:focus { color: #0c4da2; text-decoration: none }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 1em }
input,select,textarea,button { font-size: 15px; }
select::-ms-expand { display: none; }
select { outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none }
html,body { height: 100% }
hr { display: none; }
a.top {position: fixed;right: 5%;bottom: 50px;display: none;z-index:99999;}

/* 팝업레이어 */
#hd_pop {z-index:11000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop .hd_pops_con a {display:block;font-size:0;line-height:0}
.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}


.movebody2 .header { z-index: 200; position: static; top: 0; left: 0; padding-bottom: 5px  }
.movebody2 .topgnb_bg {z-index: 200;position: absolute;top: 80px;}
.movebody2  #container { margin: 430px auto 50px auto; }
#container {margin-top: 82px; width: 1600px }
.area_main { margin: 0 auto }
.area_mvg .box_message { position:absolute; top:1em; width:80%; padding: 100px 0 0 40px; color: #fff; }
.area_mvg .box_message .tit { font-size: 48px; margin-bottom: 0.2em; text-align: right; }
.area_mvg .box_message .txt { font-size: 24px; line-height: 1.3; text-align: right; }
.area_mvg .box_message .tit2 { font-size: 48px; margin-bottom: 0.2em; text-align: left; }
.area_mvg .box_message .txt2 { font-size: 24px; line-height: 1.3; text-align: left; }
.area_mvg .box_message .block { display: block }
#container .area_mvg {  position: relative; }


.bg_m01 { position: relative; background: url(../img/bg_m01.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m03 { position: relative;background: url(../img/bg_m02.jpg) no-repeat 50% 100%; background-size: cover }

.header { z-index: 1000; position: fixed; top: 0; left: 0; padding-bottom: 20px; width: 100%; height: 62px; background: url(../img/top_back.png) repeat }
.header .area_top { margin-top: 15px }
#hb .header .area_top:after { display: block; content: ''; clear: both; height: 0 }

.area_sub { margin: 0 auto; width: 1100px }
.header .util {float:right;width:120px;margin-top:15px;margin-right:56px}/* margin-right:auto;width:140px */

.header .logo, .header .gnb { float: left; margin-top: 15px;}

.header .logo {margin:-12px 45px 0 -20px;width:110px;height:90px;text-indent:120%;white-space:nowrap}/* width:160px;margin: -12px 45px 0 50px; */
.header .logo img {float:left; }
.header .gnb { display: block }
.header .gnb ul li { float: left; margin-left: 3em; font-size: 1.2em; font-weight:600;}

.header .gnb ul li a.selected { color: #0034b7 }
.header .gnb ul li a:hover,.header .gnb ul li a:focus { color: #0034b7 }
.header .gnb ul.smenu li { float: left; margin: 0 }

.topgnb_bg { display: gnb; z-index: 1000; position: fixed; top: 82px; left: 0%; width: 100%; height: 435px; border-top: 3px solid #adb6ba; background: #fff }
.topgnb_bg .topgnb_slide { position: relative; display: block; width: 1100px; margin: 0 auto }
.topgnb_bg .topgnb_slide .slide_area { margin: 30px 0 30px 25px; }
.topgnb_bg .topgnb_slide .slide_area:after { display: block; content: ''; clear: both; height: 0; }

.slide_area dd span.pdt_5 { display: block; padding-top: 10px; }
.slide_area .slide_m01 { float: left; width: 49%;  }
.slide_area .slide_m02 { float: left; width: 50%;  }

.slide_area .slide_m03 { float: left; width: 45%;  }
.slide_area .slide_m04 { float: left; width: 54%;  }
.slide_area .slide_m06 { float: left; width: 100%;  }
.slide_area .slide_m07 { float: left; width: 40%;  }
.slide_area .slide_m08 { float: left; width: 30%;  }

.header .gnb .top_tmp1 { height: 165px}
.header .gnb .top_tmp1 ul li{font-size:13px; margin-left: 2.5em;display:inline; margin-left:0.2em; width: 45.5%; margin: 0 2%;}
.header .gnb .top_tmp1 ul li img {width:100%}
.header .gnb .top_tmp1 .tmp1_txt{ margin-left:1.0em;}
.header .gnb .top_tmp1 .tmp1_txt h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp2 ul li {font-size:13px; display:inline; margin-left:0em}
.header .gnb .top_tmp2 h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp3 ul li {font-size:13px; display:inline; margin-left:2.0em}
.header .gnb .top_tmp3 h1 { color: #0e468f; font-size: 17px; font-weight: 500;}
.header .gnb .top_tmp4 ul li {font-size:13px;  display:inline; margin-left:2.0em}
.header .gnb .top_tmp4 h1 { color: #0e468f; font-size: 17px; font-weight: 500;}
.header .gnb .top_tmp5 ul li { margin-left:0px;}
.header .gnb .top_tmp5 .tmp1_txt h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp6 ul li {font-size:13px;  display:inline; margin-left:0em}
.header .gnb .top_tmp6 .tmp1_txt{ margin-left:1.0em;height: auto ! important;}
.header .gnb .top_tmp6 .tmp1_txt h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp7 ul li {font-size:13px;  display:inline; margin-left:0em}
.header .gnb .top_tmp7 .tmp1_txt{ margin-left:1.0em;}
.header .gnb .top_tmp7 .tmp1_txt h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp8 ul li {font-size:13px;  display:inline; margin-left:0em; width:20%; padding:0 2%;}
.header .gnb .top_tmp8 img{ width:100%}
.header .gnb .top_tmp8 .tmp1_txt h1 { color: #0e468f; font-size: 17px; font-weight: 500; }
.header .gnb .top_tmp6 .tmp2_txt{ margin-left:1.0em; font-size:12px;}
.header .gnb .top_tmp6 .tmp2_txt h2 {font-size: 12px; font-weight: 500; }
.header .gnb .top_tmp6 .tmp1_txt{ margin-left:0em;}
.header .gnb .slide_m07 .top_tmp6 ul li { height:90px; overflow:hidden;margin-bottom:10px; }

.slide_area a { display: block; width: 100%; height: 100%; font-weight: 400;}
.slide_area .top_tmp2 { float: left; width: 30%; margin: 0 9%; }
.slide_area .top_tmp3 { float: left; width: 43%; margin: 0 2%; }
.slide_area .top_tmp4 { float: left; width: 45%; margin: 0 2%; }
.slide_area .top_tmp5 { float: left; width: 25%; margin: 0 3%; }
.slide_area .top_tmp6 { margin: 0 2%; }
.slide_area .top_tmp7 { float: left; width: 45%; margin: 0 1.6%; }

.slide_area .tbg01{ margin-bottom: 40px; }
.slide_area .tbg02{ margin-bottom: 80px; }

.top_close { position: absolute; top: -20px; right: 0; cursor: pointer }
.top_close a { display: block; width: 100%; height: 100%; }

.navigation { display: block; z-index: 2000; position: fixed; top: 43%; left: 50%; margin-left: 700px }
.navigation a { display: block;  margin-bottom: 7px; width: 30px; height: 16px;  background: url(../img/btn_navi_off.png) no-repeat 100% 0; font-size: 13px; line-height: 1.2 }
.navigation a .navi_nums { color: #333 }
.navigation a .navi_white { color: #fff }
.navi_txtnone { overflow: hidden; text-indent: 100%; white-space: nowrap; font-size: 0 }
.navigation a:hover, .navigation a.navi_on { width: 30px; height: 16px; background: url(../img/btn_navi_on.png) no-repeat 100% 0 }

.bg_m02 .box_info, .bg_m04 .box_info { text-align: center }
.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 30px;  color: #0c4da2; font-size: 23px; font-weight: 600; }
.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-size: 20px; line-height: 1.6 }
.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list { margin: 120px auto 0 auto; width: 1100px }
.bg_m02 .box_info .box_list:after, .bg_m04 .box_info .box_list:after { display: block; content: ''; clear: both; height: 0 }
.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { float: left; margin-left: 6px; width: 24.2%; height: 270px }
.bg_m02 .box_info .box_list li a, .bg_m04 .box_info .box_list li a { display: block; position: relative; height: 100%; }
.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin-left: 8px }
.bg_m02 .box_info .box_list li:hover a, .bg_m04 .box_info .box_list li:hover a { box-shadow:400px 0 0 0  rgba(0,0,0,0.25) inset, -400px 0 0 0  rgba(0,0,0,0.25) inset;}
.bg_m02 { padding: 50px 0; background: #fff }

.bg_m04 { padding: 110px 0 200px 0; background: #fff }
.bg_m01 .tit,  .tit2 {text-shadow: #0f2e43 0 0 5px;}
.bg_m01 .txt, .txt2 { text-shadow: #0f2e43 0 0 3px }



.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list { margin: 10px auto 0 auto; width: 1100px }
.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin-left: 8px }
.bg_m02 .box_info .box_list .bl_bg01 { background: url(../img/mbanner_bg01.png) no-repeat 50% 50% }
.bg_m02 .box_info .box_list .bl_bg02 { background: url(../img/mbanner_bg02.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg03 { background: url(../img/mbanner_bg03.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg04 { background: url(../img/mbanner_bg04.png) no-repeat 50% 50% }
.bg_m02 .box_info .box_list .bl_bg05 { background: url(../img/mbanner_bg05.png) no-repeat 50% 50% }
.bg_m02 .box_info .box_list .bl_bg06 { background: url(../img/mbanner_bg06.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg07 { background: url(../img/mbanner_bg07.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg08 { background: url(../img/mbanner_bg08.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span { display: block; position: absolute; bottom: 0; left:0; width: 100%; height: 35px; background: #4564af; color: #fff;  font-size: 16px; line-height: 2.0; font-weight:700; opacity: 0.9;}

.bg_pc_03 :after {content:""; display:block; clear:both;}
.bg_pc_03 .box_info { text-align: center }
.bg_pc_03 .box_info .box_list{ width: 59%;float:left;margin: 0px auto auto 10px;  }
.bg_pc_03 .box_info .box_list li { float: left; margin: 1px; width: 24%; height: 150px }
.bg_pc_03 .box_info .box_list li a{ display: block; position: relative; height: 100%; }
.bg_pc_03 .box_info .box_list li span { display: block; position: absolute; bottom: 0; left:0; width: 100%; height: 35px; background: #4564af; color: #fff;  font-size: 16px; line-height: 2.0; font-weight:700; opacity: 0.8;}
.bg_pc_03 .box_info .box_list .bl_bg01 { background: url(../img/mbanner_bg01.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg02 { background: url(../img/mbanner_bg02.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg03 { background: url(../img/mbanner_bg03.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg04 { background: url(../img/mbanner_bg04.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg05 { background: url(../img/mbanner_bg05.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg06 { background: url(../img/mbanner_bg06.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg07 { background: url(../img/mbanner_bg07.png) no-repeat 50% 50% }
.bg_pc_03 .box_info .box_list .bl_bg08 { background: url(../img/mbanner_bg08.png) no-repeat 50% 50% }
.bg_pc_03 { padding: 0 0 50px 0; background: #fff }

.pc_news{ width: 39%; height: 300px; float: left; overflow: hidden; border: 1px solid #d8d8d8;}
.pc_news_title { text-align:left; margin: 15px 20px 3px 20px;}
.pc_news_title_m { width:90%; margin: 15px auto 5px auto;}
.pc_news_img{ margin: 8px;padding:5px; width: 150px;}
.pc_news_img_m{ margin: 8px;padding:5px; width: 100px;}
.pc_news_add{float: right; padding: 1px; border:1px solid #d8d8d8;    margin: 8px;padding:5px;width:20px;}


.bg_m03 .video_m { margin-top: 50px; text-align:center}
.bg_m03 .tit { text-shadow: #0f2e43 0 0 5px;}
.bg_m03 .txt {text-shadow: #0f2e43 0 0 3px; }


/* 하단 레이아웃 */
.footer { clear: both;  padding: 30px 0 20px; width: 100%; background: #3d4972; color: #fff; font-size: 12px }
.footer:after { clear: both; display: block;  content:''; height: 0; font-size: 0 }
.footer a { color: #fff }
.footer .logo_footer { display: block; float: left; margin-right: 20px }
.footer .copyright { float: left; margin: 10px 20px 10px 0; }
.footer .link_policy { margin-top: 10px }
.footer .link_policy a { display: inline-block; margin-bottom: 5px; margin-left: 3px; padding: 0.3em 1.0em; background: #3c3f41 }
.footer .link_policy a:first-child { margin-left: 0 }

.footer .frightbox { float: right; width: auto; }
.footer .webmark { margin-top: 10px; }
.footer select.jumplink, .footer a.btn_golink { display: inline-block; vertical-align: middle }
.footer select.jumplink { padding: 3px 5px 3px 10px; width: 150px; height: 22px; border: 0; background: #FFF url(../img/select_btn.png) no-repeat scroll 95% 50%; font-size: 12px }
.footer a.btn_golink { margin-left: 3px; padding: 0 0.8em; height: 23px; background: #4f5053; line-height: 1.6; cursor: pointer }
.footer a:focus { outline: 1px dotted #fff; }

#ft {width:100%;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}

.m_list {padding:10px;background:#4564af;color:#fff;line-height:1em}
.m_list #ft_company {font-size:0.7em;text-align:center;}
.m_list #ft_company a {display:inline-block; color:#fff}
.ft_family { height: 20px; width: 120px;}

#mflick{ display:block;}
#mobile_main { display:none; }
	.m-section5 {width:100%;position:relative;float:left;background-color:#eeeeee;}
	.m-section5 h4, .mobile-section5 h4{ font-size:23px; color:#000; margin-left:30px;margin-top:22px;display:block;font-weight:bold;}
	.m-section5 .txt, .mobile-section5 .txt{font-size:13px; color:#000; margin-left:30px;margin-bottom:10px;display:block;font-weight:normal;}

@media only screen and (max-width:1600px) {
	#container { width: 100% }
	.navigation { margin-left: 45% }
}


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

	#mflick{ display:none;}
	#mobile_main {display:block }

	.header .util .link_menu .menu { float: right; width: 55px; display:block !important;}
	#gnb_all .gnb_closebox .gnb_close a { display: block; width: 260px; height: 38px; padding: 16px 0 0 20px; background: #0d315b url(../img/btn_m_close.png) no-repeat 16px 16px; background-size: 20px 20px; text-indent: 200%; overflow: hidden; white-space: nowrap }
	.header .logo{ margin: 2px 0px 0 0; height: 75px;}
	.header .util { width: 150px; margin: 10px 2px;}
	.area_sub { margin: 0 10px; width: auto }
	.topgnb_bg { display: none }
	.header { z-index: 1000; padding-bottom: 0; height: auto; background: #f5f5f5; }
	.header .gnb { display: none }
	.header .area_sub { margin-right: 0 }
	.header .area_top { margin-top: 0; }
	.header .util .link_menu .menu a { background-color: #fad257 }
	.header .util .link_menu .link .eng_link { margin-top: 15px }
	.header .util .link_menu .link .blog_link { display: none }
	.footer .frightbox { display: none; }
	.footer .link_service { display: none; }
	.footer .webmark {  display: none; }
	.video_m {display:none; }

	.pc_news{ width: 100%; border: none;}
	.pc_news_add{ border: 1px solid #131313;}
}


@media only screen and (max-width:769px) {
	.none { display: none }
	.footer { padding: 20px 0; text-align: center }
	.footer .logo_footer { display: none }
	.footer .copyright { float: none; margin-right: 0 }
}


@media only screen and (max-width:481px) {
	.area_sub { margin: 0; width: 100% }
	.header .logo { margin: 2px 0 0 0px; height: 75px; width:120px;}

	.header .util { width: auto; margin: 10px 2px;}
	#gnb_all { width: 240px;  }
	#gnb_all h3.lnb_link a { display: block; width: 210px; height: 25px; margin-left:15px; padding: 12px 0 6px; font-size: 18px; color: #fff; border-top: 1px solid #294d78; background-size: 9px 18px }
	#gnb_all h3.lnb_link a:hover { color: #fff }

	#gnb_all .gnb_closebox { width: 240px; }


	.footer { padding: 20px 0 20px; font-size: 11px; text-align: center }
	.footer .copyright { float: none; margin-right: 0;  margin-bottom: 0 }
	.footer .link_policy a { display: inline-block; margin-bottom: 5px; margin-left: 3px; padding: 0.5em; background: #3c3f41 }
	.footer .link_policy span { display: block; }
	.footer .link_service {  display: none }
}


@media only screen and (max-width:361px) {
	#container .area_mvg {  height: 300px }
	.bg_m02 .box_info .box_list a, .bg_m04 .box_info .box_list a { margin-bottom: 6px; width: 48%; height: 190px }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 180px; background-size: cover }
}


@media only screen and (max-width:321px) {
	#container .area_mvg {  height: 250px }
	.bg_m02 .box_info .box_list a, .bg_m04 .box_info .box_list a { margin-bottom: 6px; width: 48%; height: 190px }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 160px; background-size: cover }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	#gnb_all .gnb_closebox { height: 52px; padding: 0; background: #0d315b }
	.header .logo{width:110px;height:90px;background:url(../imge/common/logo.png) no-repeat;background-size:cover;margin-left:0}
}

@media only screen and (max-width:1600px) {
	#container { width: 100% }
	.navigation { margin-left: 45% }
}


@media only screen and (max-width:1281px) {
	#container .area_mvg {  height: 550px }
	.area_sub{ width:auto;}
	.area_mvg .box_message { padding: 80px 0px 0px 32px }
	.area_mvg .box_message .tit,.area_mvg .box_message .tit2 { font-size: 44px }
	.area_mvg .box_message .txt,.area_mvg .box_message .txt2 { font-size: 22px }

	.bg_m02, .bg_m04 { padding: 88px 0; }
	.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin: 0 }
	.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.bg_m06 .list_blog { width: 90%; margin: 80px auto 0 }
	.tp1{ margin: 10px auto 0 !important; }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 240px; background-size: cover }
	.bg_m05 .box_message { margin: 0 auto; width: 80%; color: #1b58a8; text-align: right }
}
@media only screen and (max-width:1079px) {
	.bg_m02 .box_info .box_list .bl_bg01 { background: url(../img/mbanner_bg01_m.png) no-repeat 50% 50% }
	.bg_m02 .box_info .box_list .bl_bg02 { background: url(../img/mbanner_bg02_m.png) no-repeat 50% 100% }
	.bg_m02 .box_info .box_list .bl_bg03 { background: url(../img/mbanner_bg03_m.png) no-repeat 50% 100% }
	.bg_m02 .box_info .box_list .bl_bg04 { background: url(../img/mbanner_bg04_m.png) no-repeat 50% 50% }
	.bg_m02 .box_info .box_list .bl_bg05 { background: url(../img/mbanner_bg05_m.png) no-repeat 50% 50% }
	.bg_m02 .box_info .box_list .bl_bg06 { background: url(../img/mbanner_bg06_m.png) no-repeat 50% 100% }
	.bg_m02 .box_info .box_list .bl_bg07 { background: url(../img/mbanner_bg07_m.png) no-repeat 50% 100% }
	.bg_m02 .box_info .box_list .bl_bg08 { background: url(../img/mbanner_bg08_m.png) no-repeat 50% 100% }
}
@media only screen and (max-width:1025px) {
	#container { margin-top: 53px }
	#container .area_mvg {  height: 510px }
	.area_sub { margin: 0 auto; width: auto }
	.area_mvg .box_message { padding: 65px 0px 0px 32px }
	.area_mvg .box_message .tit, .area_mvg .box_message .tit2{ margin-right: 45px; font-size: 44px }
	.area_mvg .box_message .txt, .area_mvg .box_message .txt2 { margin-right: 45px; font-size: 22px }

	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 220px; background-size: cover }
	.bg_m03 .video_m { margin-top: 10px }
	.bg_m06 .list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 24.2%; height: 320px; background: #fff }
	.navigation { display: none }

	.idx_popup { display:none; }



}



@media only screen and (max-width:801px) {
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 170px; background-size: cover }
	.bg_m06 .list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.9%; height: 320px; background: #fff }
}


@media only screen and (max-width:769px) {
	#container .area_mvg {  height: 400px }
	.area_mvg .box_message { padding: 50px 0px 0px 32px }
	.area_mvg .box_message .tit, .area_mvg .box_message .tit2 { margin-right: 35px; font-size: 40px }
	.area_mvg .box_message .txt, .area_mvg .box_message .txt2 { margin-right: 35px; font-size: 20px }

	.bg_m02 .box_info .txt, .bg_m04 .box_info .txt {font-size: 17px; line-height: 1.6 }
	.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.bg_m06 .list_blog { width: 95%; margin: 80px auto 0 }
	.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { float: left; margin-left: 6px; width: 24%; height: 270px }
	.bg_m02 .box_info .box_list li a, .bg_m04 .box_info .box_list li a { display: block; position: relative; width: 100%; height: 100%; }
	.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin-left: 2px }

	.bg_m06 .list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.9%; height: 250px; background: #fff }
	.bg_m06 .list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 120px; }
	.bg_m06 .list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
	.bg_m06 .list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
	.bg_m06 .list_blog .item_blog .txt  dt  a { color: #0c4da2 }
	.bg_m06 .list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
	.bg_m06 .list_blog .item_blog .txt  dd  a { color: #555 }
}


@media only screen and (max-width:668px) {
	.bg_m06 .list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.8%; height: 240px; background: #fff }
	.bg_m06 .list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 110px; }
	.bg_m06 .list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
	.bg_m06 .list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
	.bg_m06 .list_blog .item_blog .txt  dt  a { color: #0c4da2 }
	.bg_m06 .list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
	.bg_m06 .list_blog .item_blog .txt  dd  a { color: #555 }
}


@media only screen and (max-width:569px) {
	.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 15px; font-size: 22px }
	.tp1 { margin: 0px auto 0 !important; }
	.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-size: 16px }
	.bg_m02 .box_info .txt span, .bg_m04 .box_info .txt span { display: block }
	.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { margin-bottom: 6px; width: 48% }
	.bg_m02 .box_info .box_list li:nth-child(2n+1),.bg_m04 .box_info .box_list li:nth-child(2n+1) { margin-left: 1% }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 190px; background-size: cover }

	.bg_m06 .list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.6%; height: 230px; background: #fff }
	.bg_m06 .list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 100px; }
	.bg_m06 .list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
	.bg_m06 .list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
	.bg_m06 .list_blog .item_blog .txt  dt  a { color: #0c4da2 }
	.bg_m06 .list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
	.bg_m06 .list_blog .item_blog .txt  dd  a { color: #555 }
}



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

	#container { margin-top: 75px }
	#container .area_mvg {  height: 300px }
	.area_mvg .box_message { padding: 30px 0 0 10px }
	.area_mvg .box_message .tit,.area_mvg .box_message .tit2 { margin-right: 0; font-size: 30px; line-height: 1.3 }
	.area_mvg .box_message .txt,.area_mvg .box_message .txt2 { margin-right: 0; font-size: 16px; line-height: 1.2 }

	.box_message .txt span { display: block }
	.edge_left, .edge_right { display: none }

	.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 15px; font-size: 22px }
	.bg_m02, .bg_m04 { padding: 38px 0;  }
	.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.bg_m06 .list_blog { width: 80%; height: auto; margin: 30px auto 0; overflow: hidden }
	.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-size: 16px }
	.bg_m02 .box_info .txt span, .bg_m04 .box_info .txt span { display: block }
	.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { margin-bottom: 6px; width: 48% }
	.bg_m02 .box_info .box_list li:nth-child(2n+1),.bg_m04 .box_info .box_list li:nth-child(2n+1) { margin-left: 1% }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 190px; background-size: cover }
	.bg_m05 .box_message { width: 90%; padding: 30px 15px 0 0 }

	.bg_m06 { height: 800px; background: #ececec }
	.bg_m06 .section_blog  { padding: 30px 0 }
	.bg_m06 .section_blog .tit_blog { margin-top: 5px; font-size: 22px }
	.bg_m06 .list_blog .item_blog { width: 48.3%; height: 248px; margin-bottom: 12px }
	.bg_m06 .list_blog .item_blog:nth-child(2n+1) { margin-left: 0 }
	.bg_m06 .list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 125px; }
	.bg_m06 .list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
	.bg_m06 .list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
	.bg_m06 .list_blog .item_blog .txt  dt  a { color: #0c4da2 }
	.bg_m06 .list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
	.bg_m06 .list_blog .item_blog .txt  dd  a { color: #555 }




	.currpage { z-index: 9000; position: absolute; bottom: 20px; left: 45% }
	.currpage span { display: inline-block; margin-left: 5px; color: #fff; width: 13px; height: 13px; background: #fff; border-radius: 50%; text-indent: 200%; overflow: hidden; white-space: nowrap }
	.currpage span.on { background: #fdb813 }

	.m-section5 {width:100%;position:relative;float:left;background-color:#eeeeee;}
	.m-section5 h4, .mobile-section5 h4{ font-size:23px; color:#000; margin-left:30px;margin-top:22px;display:block;font-weight:bold;}
	.m-section5 .txt, .mobile-section5 .txt{font-size:13px; color:#000; margin-left:30px;margin-bottom:10px;display:block;font-weight:normal;}


}

#gnb_all { z-index: 9100; overflow-x: hidden; overflow-y: auto; position: fixed;  top: 0;  right: -100%;  width: 270px; height: 100%; background: #4564af;  border-left: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4) }
#gnb_all .gnb_closebox { display: none; position: fixed; width: 260px; top: 0; right: 0; }
#gnb_all .gnb_closebox .gnb_close a { display: block; width: 270px; height: 38px; padding: 16px 0 0 20px; background: #4564af url(../img/btn_navi_close.png) no-repeat 4px 15px; text-indent: 200%; overflow: hidden; white-space: nowrap }


.header .util .link_menu { float: left }
.header .util .link_menu .link { display: block; float: left; width: 85px }
.header .util .link_menu .menu { display:none;}
.header .util .link_menu a,  .util .link_menu span { display: block }
.header .util .link_menu .link .eng_link a { width: 33px; height: 25px; background: #e2e2e2; color: #262626; font-size: 12px; line-height: 25px; text-align: center }
.header .util .link_menu .link .blog_link a { width: 70px; height: 25px; background: #0c4da2; color: #fff; font-size: 12px; line-height: 25px; text-align: center }
.header .util .link_menu .link .blog_link a:focus { color: #262626; }
.header .util .link_menu .menu a {width: 55px;height: 53px;background: #FFF url(../img/mobile_menu.png) no-repeat 50% 50%;}
.header .util .link_menu .link .eng_link { margin-bottom: 3px;width:37px;float:left;}
.header .util .link_menu .link .blog_link { margin: 0; float:left; }
.header .util .link_menu .link .blog_link a:hover { color: #262626 }
.header .util .link_menu .link a:hover,.util .link_menu .menu a:hover,.header .util .link_menu .link a:focus,.util .link_menu .menu a:focus { background-color: #fad257 }

#panel { width: 270px; margin: 0; margin-top: 70px; position: relative }
#panel h3.lnb_title { width: 240px; height: 30px; margin-left:15px; padding: 12px 0 6px; border-top: 1px solid #294d78; font-size: 20px; color: #fff;background:url(../img/sub_link.png) no-repeat right 12px;}
#panel .lnb_group { width: 240px; height: auto; margin-bottom: 20px; padding: 0 }
#panel ul > li { width: 220px; height: 20px; margin: 0; padding: 5px 0 0 15px;  }
#panel ul > li > a { display: block; font-size: 15px; color: #e0f1ff; margin-left: 10px; }
#gnb_all h3.lnb_link a { display: block; width: 240px; height: 30px; margin-left:15px; padding: 12px 0 6px;font-size: 20px; color: #fff; border-top: 1px solid #294d78; }
#gnb_all h3.lnb_link a:hover { color: #fff }
#gnb_all a:focus { outline: 1px dotted #fff; }



@media only screen and (max-width:321px) {
	.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 30px; font-size: 18px }
	.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.bg_m06 .list_blog { width: 100%; height: auto; margin: 30px auto 0; overflow: hidden }
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m02 .box_info .box_list .bl_bg05, .bg_m02 .box_info .box_list .bl_bg06, .bg_m02 .box_info .box_list .bl_bg07,.bg_m02 .box_info .box_list .bl_bg08 { height: 160px; background-size: cover }
}






/* 게시물 선택복사 선택이동 */
#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:gnb}
.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:gnb !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:gnb}
#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:gnb;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:gnb;}
#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:gnb;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:gnb;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:gnb;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:gnb;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:gnb;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:#3d4972;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:gnb}
.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:gnb}
.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 {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:gnb;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; background:url('./img/btn_bg.gif') no-repeat; color:#353e44; font-size:12px; font-weight:bold; width:26px; height:25px; line-height:27px; vertical-align:middle; margin-right:2px; border:1px solid #c8c8c8;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#ffffff;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {background: url(''); border: 1px solid #3d4972; color: #FFFFFF; background-color: #3d4972;}

/* 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}


/* 210127 sns 추가 */
.header .util {position:relative}
.header .util .link_menu .sns {position:absolute;right:-125px;top:-4px}/* right:-77px */
.header .util .link_menu .sns:after {display:block;clear:both;content:".";visibility:hidden;height:0}
.header .util .link_menu .sns a {display:inline-block;float:left;width:33px;height:33px;margin-left:4px;transition:0.25s}
.header .util .link_menu .sns a:first-child {margin-left:0}
.header .util .link_menu .sns a:hover {opacity:0.7}
.header .util .link_menu .sns a.bt_comp {width:auto;height:auto;padding:0 5px;font-size:12.4px;line-height:33px;color:#fff;background:#4564af}

@media only screen and (max-width:1290px){
	.header .util {width:auto;margin-right:5px}/* margin-right:12px */
	.header .util .link_menu {display:inline-block;float:none}
	.header .util .link_menu .link {display:inline-block;float:none;width:74px;height:25px;margin:8px auto 0 auto;vertical-align:top}/* margin-right:10px */
	.header .util .link_menu .sns {display:inline-block;width:160px;margin-right:5px;position:relative;right:auto;top:19px;vertical-align:top}
}

@media only screen and (max-width:1080px){
	.header .logo {width:124px;height:71px;margin-top:8px}
	.header .logo a {display:block;height:100%}
	.header .logo img {width:138px}
	/*.header .util .link_menu .link {margin-right:175px}
	.header .util .link_menu .sns {width:auto;position:absolute;right:71px;top:10px} */
	#container {margin-top:74px}
}

@media only screen and (max-width:440px){
	.header .logo {width:110px;height:66px;overflow:hidden}
	.header .logo a {height:auto}
	.header .logo img {width:100px;position:relative;top:3px}
	.header .util {margin:13px 5px 0 auto}
	.header .util .link_menu .menu {width:32px}
	.header .util .link_menu .menu a {width:auto;height:30px;background-color:transparent}
	.header .util .link_menu .link {width:auto;margin:11px 2px 0 auto}/* margin-right:106px */
	.header .util .link_menu .link .eng_link {width:30px;margin:0 auto 0 2px}
	.header .util .link_menu .link .eng_link a {width:auto;height:auto}
	.header .util .link_menu .sns {width:auto;top:11px}/* width:88px */
	.header .util .link_menu .sns a {width:25px;height:25px;margin-left:2px;overflow:hidden}
	.header .util .link_menu .sns a.bt_comp {line-height:25px}
	.header .util .link_menu .sns img {position:relative;left:-4px;top:-4px}
}

@media only screen and (max-width:350px){
	.header .logo {width:auto;height:auto}
	.header .logo img {width:90px;top:8px}
	.header .util {margin:7px 2px}
	.header .util .link_menu .menu a {background-size:24px}
	.header .util .link_menu .link {margin-right:120px}
	.header .util .link_menu .sns {right:33px}
	#container {margin-top:67px}
}


/* 210916 신문고 우측하단 퀵버튼 추가 */
#quick_comp {display:none;text-align:center;position:fixed;right:22px;bottom:165px;z-index:1000000}
#quick_comp .hover_show {display:none}
#quick_comp a {display:block;width:62px;height:62px;margin-top:10px;color:#fff;font-size:30px;line-height:68px;border-radius:100%;transition:0.2s}
#quick_comp a.bt01 {background:#79b542}
#quick_comp a.bt02 {background:#4564af}
#quick_comp a img {position:relative;top:9px}
#quick_comp a span {font-size:12px;position:relative;top:-5px}
#quick_comp:hover a {}

@media only screen and (max-width:1080px){
	#quick_comp {right:13px;bottom:72px}
	#quick_comp a {width:45px;height:45px;line-height:49px;font-size:21px}
	#quick_comp a img {width:34px;top:7px}
	#quick_comp a span {top:-6px}
}

@media only screen and (max-width:480px){
	#quick_comp {display:block}
}