@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/m/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/m/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/m/css/font/NanumBarunGothic.woff) format('woff'),
       url(/m/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 600;
  src: url(./NanumBarunGothicBold.eot);
  src: local('NanumBarunGothicBold'),
       local('NanumBarunGothicBold'),
       url(/m/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/m/css/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/m/css/font/NanumBarunGothicBold.woff) format('woff'),
       url(/m/css/font/NanumBarunGothicBold.ttf) format('truetype');
}

/* ÃʱâÈ­ */
html {overflow:auto;width:100%;margin:0;padding:0/*overflow-y:scroll*/}
body {margin:0;padding:0;font-size:16px; letter-spacing:-0.5px; color:#474646; 
		line-height:150%;
	font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Sans-serif;}

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:'NanumBarunGothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {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;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumBarunGothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumBarunGothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {padding:0; /*word-break:break-all*/}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }



/* »ó´Ü ·¹À̾ƿô */
#hd {width:100%;/*border-top:2px solid #253dbe*/ padding:0; margin:0; border-bottom:1px solid #ddd;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative; margin:0 auto; padding:6px 0 0 0;/*padding:14px;*/ width:100%; background:#fff; zoom:1}

@media screen and (min-width:769px) {
	#hd_wrapper {padding-bottom:7px; height:80px;}
	#logo > div.topban a img { width:55px; height:55px;}
}

#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left; padding:0}
#logo > span { padding-top:10px; }
#logo a img {width:230px; height:55px;}
#logo > div.topban { position:absolute; top:13px; right:10px; float:right; }

@media screen and (max-width:769px) {
	#hd_wrapper {height:72px;}
	#logo a img {width:171px; height:41px;}
	#logo > div.topban a img, #logo > div.topban img { width:41px; height:41px;}
	#logo > div.topban {top:16px;}
}



/* ¸ÞÀθ޴º */

#hd_menubar {display:block; width:100%; padding:0; margin:0;}
#hd_menubar ul {list-style:none; width:100%; float:left; background:#3fb1c6; padding:0; margin-bottom:0;}
#hd_menubar ul li {float:left;  width:18%; text-align:center; }
#hd_menubar ul li:last-child { width:22%; text-align:center; }
#hd_menubar ul li a { font-size:18px; letter-spacing:-0.5px; font-weight: bold;   color:#fff; line-height:45px; }

@media screen and (min-width:1200px) {
		#hd_menubar ul li a { 	padding:0 50px; }
}
@media screen and (max-width:769px) {
	#hd_menubar ul li {float:left;  width:17%; text-align:center; }
	#hd_menubar ul li:last-child { width:26%; text-align:center; }
	#hd_menubar ul li a { font-size:14px; padding:0 }
}
@media screen and (max-width:360px) {
	#hd_menubar ul li a {font-size:13px; letter-spacing:-0.5px; }
}


/* ¸ÞÀθ޴º */


#mainP {display:block; width:100%; padding:0; margin:0; background:#495c89;}
#mainP img { height:200px; text-align:center;}

@media screen and (max-width:325px) {
	#mainP img { width:90%; height:auto; }
}



/* Áß°£ ·¹À̾ƿô */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;width:100%;height:auto; min-height:250px; padding:0; zoom:1}

.main_cont {display:block; padding:40px 0; margin:0; width:100%; height:auto; background:#fff; }
.main_cont table {max-width:360px; width:100%; margin:0 auto;  }
.main_cont table tr td { padding:3px;}
.main_cont table tr td, .main_cont table tr td a {width:25%; text-align:center;}
.main_cont table tr td a img { width:99%; height:auto;}

.main_banner {display:block; padding:0; margin:0; width:100%; height:auto; }
.main_banner table {width:100%; margin:0 auto;  }
.main_banner table tr td, .main_cont table tr td a {width:50%; height:100px; text-align:center;}
.main_banner table tr td:first-child {background:#495c89}
.main_banner table tr td:last-child {background:#99d7d9}

#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;;margin:20px 0 20px 20px}



/* ÇÏ´Ü ·¹À̾ƿô */
#ft {dilplay:block; position:relative; /*border-top:1px solid #aaa;*/background:#403e3e;
	padding:30px 0;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {width:100%;margin:0 auto;position:relative;}
#ft_copy{color:#f5f5f5;font-size:14px; letter-spacing:1px;}
#ft_copy p a {font-size:15px; color:#9a9af4; font-weight:bold;}
#top_btn {position:fixed;bottom:15px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}




/* ¼­ºêÆäÀÌÁö  */
#subcontent {width: 100%; padding:5px 15px 20px 15px;}
/*#subcontent .article {display:block; width:97%; margin:0 auto; text-align:left;}*/
#subcontent h3 {font-size:23px; font-weight:bold; color:#314980; }
#subcontent p {font-size : 16px;}
#subcontent h4 {font-size:19px; font-weight:bold; color:#314980; }

#subcontent table {width:100%}
#subcontent table tr td {border-bottom:1px solid:#ddd; padding:7px;}


.s1bg {width:100%; background:url(/m/img/s1P.jpg) no-repeat left top; }

#subP {display:block; width:100%; padding:0; margin:0; background:#ead8ce; /*background:url(/m/img/s1Pbg.jpg) repeat-x;*/ }
#subP img { height:200px; text-align:center;}

@media screen and (max-width:480px) {
	#subP img { width:100%; height:auto; }
}

@media screen and (min-width:1200px) {
	.sub_img { width:100%; padding:0; }
	.sub_img img {width:100%}
	.sub_img_m {display:none;}
}

@media screen and (max-width:1200px) {
	.sub_img { display:none; }
	.sub_img_m img {width:100%}

}



.sl_line {width:100%; height:1px; background:#aaa; padding:0; margin:0;}
.scontentbg_tr {display:block; background:#fff; margin:15px 0; padding:10px; border:1px solid #ddd; border-radius:5px;word-wrap: break-word; overflow-y:auto;}
.scontentbg_lg {display:block; background:#f9f9f9; margin:20px 0; padding:20px; border-radius:5px; word-wrap: break-word; overflow-y:auto;}


.txt12 {font-size:12px;}

.sub_board {}


.lt_wr{width:98%}

.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}


/****¼­ºê Ãß°¡***/
#m_wrap {width:100%;margin:0 auto;text-align:center;background-color:#ffffff; padding:0px;}

.page_title {
color:#181818;
font-weight:bold;
font-size:19px; 
padding-left:10px;
line-height:60px;
margin:0px;
text-align:left;
}



.contents {
width:100%;
color:#181818;
font-size:14px;

padding:20px 0px 0px 0px;
margin:0px;
text-align:left;
}
.contents td {
color:#181818;
font-size:14px;

}

.tt1 {
font-size:18px; 
line-height:30px;
padding-bottom:5px;
}

.bar_left {
/*border-left:3px solid #a70c22;*/
background:url("/m/img/ic_dot.png") no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:5px;
}


.table_tt{
width:100px;
min-height:50px;
color:#ffffff;
font-size:12px;
text-align:center;
background-color:#495c87;
-moz-border-radius: 10px; /*¸ðÁú¶ó*/
-webkit-border-radius: 10px; /*À¥Å¶*/
border-radius:10px;
padding:5px;
}
.table_tt2{
padding:5px;
font-weight:bold;
background-color:#d9dee7;
text-align:left;
vertical-align:middle;
word-break:keep-all; word-wrap:break-word;
}
.table_txt{
padding:5px;
margin:5px;
vertical-align:middle;
word-break:keep-all; word-wrap:break-word;
}
.table_arrow{
height:25px;
background-image:url("/m/img/step_arrow.gif");
background-repeat:no-repeat;
background-position:center bottom;
}

.price_tt{
font-size:11px;
background-color:#d9e6f7;
text-align:center;
padding:10px 0px;
border-top:2px solid #495c87;
border-bottom:1px solid #afafaf;
}
.price_name{
font-size:12px;
text-align:center;
background-color:#e5e5e5;
padding:10px 0px;
border-bottom:1px solid #afafaf;
}
.price_txt{
font-size:12px;
text-align:center;
padding:10px 0px;
border-left:1px solid #afafaf;
border-bottom:1px solid #afafaf;
}
.price_txt2{
font-size:12px;
padding:10px 5px;
border-left:1px solid #afafaf;
border-bottom:1px solid #afafaf;
}

.pic {
width:100%;
}

.pic .img{
width:160px;
text-align:left;
vertical-align:top;
padding-bottom:10px;
}

.pic .name{
width:100%;
line-height:20px;
font-size:20px;
font-weight:bold;
text-align:left;
padding-bottom:8px;
border-bottom:1px solid #b4b4b4;
}

.pic .txt{
width:100%;
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px 0px;
}

.box{
border-top:2px solid #495c87;
border-bottom:1px solid #afafaf;
}

.box_name{
width:130px;
line-height:20px;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
text-align:center;
padding:10px 0px;
background-color:#f1f1f1;
border-bottom:1px solid #b4b4b4;
}

.box_name span{
font-size:11px;
color:#686868;
}
.box_txt{
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px 0px 10px 10px;
border-bottom:1px solid #b4b4b4;
}

.box_txt span{
font-size:14px;
color:#ba5714;
padding-bottom:5px;
}


.box_name2{
width:130px;
line-height:20px;
font-size:16px;
font-weight:bold;
text-align:left;
background-color:#eeeeee;
-moz-border-radius: 15px; /*¸ðÁú¶ó*/
-webkit-border-radius: 15px; /*À¥Å¶*/
border-radius: 15px;
padding:10px;
}

.box_txt2{
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px 10px 20px 10px;
}

.box_tt{
font-size:11px;
letter-spacing:-1px;
text-align:center;
padding:10px 0px;
background-color:#f1f1f1;
border-bottom:1px solid #b4b4b4;
}


.company{
font-size:18px;
line-height:22px;
padding-bottom:30px;
}


.group_title {
color:#cd0606;
font-size:16px;
padding-bottom:15px;
word-break:keep-all;
}
.group_sub {
color:#393939;
padding:5px 5px 0px 0px;
word-break:keep-all;
}


.list_table {
	border-top:2px solid #cd0606;
	border-bottom:1px solid #9B9B9B;
}
.list_tt {
	color:#373737;
	font-size:12px;
	background-color:#eeeeee;
	text-align:center;
	padding:5px 0px;
}
.list_txt1 {
	font-size:12px;
	FONT-WEIGHT: bold;
	text-align:center;
	padding:8px 0px;
}
.list_txt2 {
	font-size:12px;
	text-align:center;
	padding:8px 0px;
}
.list_txt3 {
	font-size:12px;
	text-align:left;
	padding:8px;
}

.top{
float:right;
padding-top:10px;
}


/* list */
.blist ol, .blist ul { margin:0px; padding:0px; border-top:2px solid #495c87;} 
.blist li { border-bottom:1px solid #c8c8c8; background: #eee; /*background-image:url("/m/img/bg_list.jpg");*/
			background-repeat:repeat-x; height:36px; }
.blist li a { display:block; padding:6px 15px; text-decoration:none}
.blist li strong { color:#000; }
.blist li a p {	
display:block; height:36px; padding-right:15px; margin-top:-3px;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; 
background-image:url("/m/img/ico.png");background-repeat:no-repeat;background-position:right center; 
color:#999; 
font-size:14px;
font-family:'Malgun Gothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif;
text-align:left;
}
.blist li em, h2 .count { padding-left:1em; font-size:0.80em; white-space:nowrap; color:#999; vertical-align:top; }
.blist li.sub {background:#f9f9f9;}
.arlb { display:block; } 

/* news & community list 
.nlist ol, .nlist ul { margin-top:0; } 
.nlist li { border-bottom:1px solid #c8c8c8;}
.nlist li a { display:block; padding:0.85em 1.1em 0.85em 1.1em; }
.nlist li strong { color:#000; }
.nlist li a p {	display:block;  padding-right:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#999; }
.nlist li a p.text {display:block; padding-right:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#999;padding-top:1em; }
.nlist li em, h2 .count { padding-left:1em; font-size:0.80em; white-space:nowrap; color:#999; vertical-align:top; }
*/

.table {margin:20px  9px; }
.table h2 {background-image:url("/images/icon_h3.jpg");background-position: 0px 8px;background-repeat:no-repeat; padding:10px 10px 10px 20px ;color:#000;}
.table h3 {background-image:url("/images/icon_h4.jpg");background-position: 0px 12px;background-repeat:no-repeat; padding:10px 10px 10px 10px ;color:#000;}
.table .con {background-color:#ffffff;border:1px solid #dcdcdc;padding:10px;}
.table .con li { border-bottom:1px solid #dcdcdc;padding:10px 0px;}
.table .con li.last-child {border:none;border-bottom:1px solid #ffffff;}
.table .con li p.t {color:#dd4a73;padding:5px 0 0 0;}
.table .con li p .t {color:#dd4a73;}

.point_f {color:#dd4a73;font-weight:bold;}

.boardType01 { clear: both;width:100%;border-collapse:collapse; border-left:1px solid;border-bottom:1px solid;border-color:#dcdcdc;}
.boardType01 th,
.boardType01 th { border-right:1px solid;border-top:1px solid;border-color:#dcdcdc; height:25px;background-color:#eeeeee;line-height:16px;color:#575757;text-align:center;}
.boardType01 td { border-right:1px solid;border-top:1px solid;border-color:#dcdcdc; height:25px;font-size:12px;vertical-align:middle;color:#666666;line-height:16px;text-align:left;padding-left:5px;}

#paper_basic {}
#paper_basic li {overflow:hidden; padding:1em 1em; border-bottom:1px solid #ececec; font-size:1.1em; line-height:1.25em; min-height:65px} 
#paper_basic img { width:80px;}
#paper_basic dl { margin-left:10px; } 
#paper_basic dt a { text-decoration:underline; float:left;border:2px solid #dd4b72;margin-right:15px;} 
#paper_basic dd {} 
#paper_basic dd strong { color:#000; }
#paper_basic li.last-child { border-bottom:1px solid #fff; }

.page_navi_box { padding:1.5em 0 2em; width:100%; text-align:center; }
.page_navi_box li { display:inline; }
.page_navi_box li * { margin:0 0.3em; padding:0.4em 0.7em; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; line-height:1.2em; overflow:hidden; }
.page_navi_box li span { background-color:#dd4a73; color:#fff; border:1px solid #dd4a73; font-weight:bold; }
.page_navi_box .page_prev a, .page_navi_box .page_next a { background-image:-moz-linear-gradient(top, #fff, #f4f4f4); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ffffff, endColorstr=#f4f4f4); }






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

.close_menu { display: none; }
.mobile_menu { display: none; }
.aside {display: none; }