@charset "utf-8";
@media (max-width:320px) {
/***1차메뉴 박스스타일***/
.sub_menu{ width:100%;margin-top:-16px; position:absolute; z-index:1000;background-color:#8b8b8b;border-top:1px solid #6d6d6d;border-bottom:1px solid #8f8e8e;}

#lm {width:100%;margin:0 auto;}

#lm li{width:20%; float:left;height:35px;}
#lm li.submenu_f,#lm li.submenu_e { display:none}


/***1차메뉴 링크스타일***/
#lm li a {font-size:0.95em;display:block ;overflow:hidden;font-weight:bold;padding:0 ;text-indent:15px; line-height:35px; height:35px; font-family: "맑은 고딕","MalgunGothic","Malgun Gothic";border-top: 1px solid #969696;border-bottom: 1px solid #6d6d6d;border-left: 1px solid #969696;border-right: 1px solid #717171;}
#lm li a:link, #lm li a:visited {color:#fff; display:block !important ;font-weight:bold;}
#lm li a:active, #lm li a:hover, #lm li a.link_2th_ov:link, #lm li a.link_2th_ov:visited, #lm li a.link_2th_ov:active, #lm li a.link_2th_ov:hover
{font-size:1.02em;line-height:36px;color:#ffe25f; font-weight:bold; display: block !important; background-color:#666666 }

/*서브타이틀*/
.contents_title {width:100%; margin:0 auto; height: 23px; overflow: hidden; margin-top:22px; z-index:1;border-bottom:1px solid #dbdbdb;}
.contents_title div { width:100%;margin:0 auto;height: 30px; overflow: hidden;}

.contents_title .title_bk1{display:none}

.contents_title .title_bk2{display:none}

.contents_title div h2 { display:none}

.contents_title ul { float:left;  height:30px; margin:4px 5px 0 5px;}

.contents_title ul li {font-size: 0.8em; color:#868686; background: url("../images/icon/bullet_rocation_arrow.gif") no-repeat 0px 80%; padding-left:15px; margin-left: 10px; float: left;}

.contents_title ul img { margin-top:-5px;}


.contents_title ul li:first-child {padding-top: 6px; padding-left: 0px; margin-left: 0px;}
.contents_title ul li span {color: #373737;}
/*//서브타이틀*/

.sub_sns_text {position:absolute;width:100%;margin-top:-10px;}
}

@media (min-width:321px) and (max-width:767px) {
/***1차메뉴 박스스타일***/
.sub_menu{ width:100%;display:inline-block; margin:-3.5% 0 0 0; position:relative; z-index:1000; background-color:#8b8b8b;border-bottom:1px solid #6d6d6d;}

#lm {width:100%;margin:0 auto;}

/*#lm li{width:25%; float:left;height:35px;border-top: 1px solid #6d6d6d;}*/

#lm li{width:20%; float:left;height:70px;border-top: 1px solid #6d6d6d;}


#lm li.submenu_f,#lm li.submenu_e { display:none}



/***1차메뉴 링크스타일***/
#lm li a {font-size:1em;background-color:#8b8b8b;letter-spacing:-0.8px;word-spacing:-1px;display:table-cell;text-align:center;overflow:hidden;font-weight:bold;padding:0 ;vertical-align:middle;width:100%; line-height:69px; height:69px; font-family: "맑은 고딕","MalgunGothic","Malgun Gothic";border-top: 1px solid #969696;border-bottom: 1px solid #656565;border-left: 1px solid #808080;border-right: 1px solid #656565;}
#lm li a:link, #lm li a:visited {color:#fff; display:block !important ;font-weight:bold;}
#lm li a:active, #lm li a:hover, #lm li a.link_2th_ov:link, #lm li a.link_2th_ov:visited, #lm li a.link_2th_ov:active, #lm li a.link_2th_ov:hover
{font-size:1.1em;line-height:69px;color:#ffe25f; font-weight:bold; display: block !important; background-color:#666666 }


/*서브타이틀*/
.contents_title {position:relative; width:100%; margin:0 auto; overflow: hidden; z-index:1;border-bottom:1px solid #dbdbdb;padding:1.5% 0;}
.contents_title div { width:100%;margin:0 auto;overflow: hidden;}

.contents_title .title_bk1{display:none}

.contents_title .title_bk2{display:none}

.contents_title div h2 { display:none}

.contents_title ul { float:left;  height:30px; margin:7px 5px 0 5px;}

.contents_title ul li {font-size: 0.89em; color:#868686; background: url("../images/icon/bullet_rocation_arrow.gif") no-repeat 0px 80%; padding-left:15px; margin-left: 10px; float:left;}

.contents_title ul img { width:100% }


.contents_title ul li:first-child {padding-top: 6px; padding-left: 0px; margin-left: 0px;}
.contents_title ul li span {color: #373737;}
/*//서브타이틀*/
.sub_sns_text {position:absolute;width:100%;margin-top:-10px;}
}


@media (min-width:768px) and (max-width:1024px) {
/***1차메뉴 박스스타일***/
.sub_menu{ width:100%; height:40px;margin-top:-46px; position:absolute; z-index:1000;background:url(../images/menu/sub_menu_bk_center_tb.gif) repeat-x ;}

#lm { width:768px ;margin:0 auto; margin-left:1.3%}

#lm li{ float:left;}

#lm li.submenu_f,#lm li.submenu_e,.submenu_mb { display:none}



/***1차메뉴 링크스타일***/
#lm li a {font-size:1em;letter-spacing:0px;display:block !important ;overflow:hidden;height:38px;font-weight:bold;padding:11px 20px 0 20px;font-family: "맑은 고딕","MalgunGothic","Malgun Gothic";}
#lm li a:link, #lm li a:visited {color:#fff; display:block !important ;font-weight:bold;}
#lm li a:active, #lm li a:hover, #lm li a.link_2th_ov:link, #lm li a.link_2th_ov:visited, #lm li a.link_2th_ov:active, #lm li a.link_2th_ov:hover
{ color:#ffe25f; font-weight:bold; height:38px; display:block; }


/*서브타이틀*/
.contents_title {width:100%; margin:0 auto; height: 30px; overflow: hidden;  position:absolute; margin-top:2px; z-index:1;border-bottom:1px solid #cacaca;}
.contents_title div { width:100%;margin:0 auto;height: 30px; overflow: hidden;}

.contents_title .title_bk1{	background: url("../images/menu/sub_title_left_bk_tb.gif") no-repeat; width:38px; height:30px;float:left; margin-left:2%}

.contents_title .title_bk2{	background: url("../images/menu/sub_title_right_bk_tb.gif") no-repeat; width:38px; height:30px;float:left;}


.contents_title div h2 { background: url("../images/menu/sub_title_center_bk_tb.gif") repeat-x ; height: 30px;vertical-align:middle; font-size: 1.1em; padding:4px 10px 0 10px; float: left; color:#fff;font-family: "맑은 고딕","MalgunGothic","Malgun Gothic"; }


.contents_title ul { float:right;  height:30px; margin-top:7px; margin-right:20px;}

.contents_title ul li {font-size: 0.8em; color:#868686; background: url("../images/icon/bullet_rocation_arrow.gif") no-repeat 0px 50%; padding-left:15px; margin-left: 10px; float: left;}

.contents_title ul img { margin-top:-5px;}


.contents_title ul li:first-child {
	height: 22px; line-height: 0; padding-top: 6px; padding-left: 0px; margin-left: 0px;
}
.contents_title ul li span {color: #000;}
/*//서브타이틀*/

.sub_sns_text {position:relative;width:100%;margin-top:42px;}

#lastviewText { line-height:183%; font-size:0.9em ; margin-top:-20px !important;color:#666;}
}
@media (min-width:1025px) {

/***1차메뉴 박스스타일***/
.sub_menu{ width:1100px; margin:0 auto; height:38px;margin-top:-46px; position: relative; z-index:1000}

/*.sub_menu .sub_title {font-size:1.1em; color:#9e9e9e; font-family: "맑은 고딕","MalgunGothic","Malgun Gothic",MalgunGothic_web;float:left; padding-top:10px;font-weight: bold; height:65px}*/

#lm {float:right ; display:block;background:url(../images/menu/sub_menu_bk_center.gif) repeat-x left top; margin-right:8px;}

#lm li{ float:left; }

#lm li.submenu_f { width:51px; height:38px;background:url(../images/menu/sub_menu_bk_left.gif) no-repeat}
#lm li.submenu_e { width:51px; height:38px;background:url(../images/menu/sub_menu_bk_right.gif) no-repeat}

.submenu_mb {display:none}

/***1차메뉴 링크스타일***/
#lm li a {font-size:0.92em;letter-spacing:-0.9px;display:block !important ;overflow:hidden;height:38px;font-weight:bold;padding:9px 15px 0 15px;}
#lm li a:link, #lm li a:visited {color:#efefef; display:block !important ;}
#lm li a:active, #lm li a:hover, #lm li a.link_2th_ov:link, #lm li a.link_2th_ov:visited, #lm li a.link_2th_ov:active, #lm li a.link_2th_ov:hover
{ color:#ffe25f; font-weight:bold; height:38px; display: block !important; }

/*서브타이틀*/
.contents_title {width:100%; margin:0 auto; height: 44px; overflow: hidden; position:absolute; margin-top:-19px; z-index:1;border-bottom:1px solid #cacaca; margin-bottom:50px;}
.contents_title div { width:1100px;margin:0 auto;height: 44px; overflow: hidden;}

.contents_title .title_bk1{	background: url("../images/menu/sub_title_left_bk.gif") no-repeat; width:56px; height:44px;float:left;}

.contents_title .title_bk2{	background: url("../images/menu/sub_title_right_bk.gif") no-repeat; width:56px; height:44px;float:left;}


.contents_title div h2 { background: url("../images/menu/sub_title_center_bk.gif") repeat-x ; height: 44px;vertical-align:middle; font-size: 1.4em; padding:4px 30px 0 30px; float: left; color:#fff; }


.contents_title ul { float:right;  height:30px; margin-top:24px; margin-right:20px;}

.contents_title ul li {font-size: 0.7em; color:#868686; background: url("../images/icon/bullet_rocation_arrow.gif") no-repeat 0px 50%; padding-left:15px; margin-left: 10px; float: left;}

.contents_title ul img { margin-top:-5px;}


.contents_title ul li:first-child {
	height: 22px; line-height: 0; padding-top: 6px; padding-left: 0px; margin-left: 0px;
}
.contents_title ul li span {color: #000;}
/*//서브타이틀*/

.sub_sns_text {position:absolute;width:100%; margin-top:20px;}
}