@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* RESET */
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button{margin:0;padding:0; line-height:120%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{font-size:1em; color:#333; font-family:'Noto Sans KR',NanumGothic,'나눔 고딕',sans-serif;}
h1,h2,h3,h4,h5{font-weight:normal;}
input[type="text"],textarea,select{border:0; background-color:transparent;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input,textarea,select{font-size:1em; color:#333; font-family:'Noto Sans KR',NanumGothic,'나눔 고딕',sans-serif;  border-radius:0; vertical-align:middle;}
select{cursor:pointer;}
select::-ms-expand{display: none;}
ol,ul{list-style:none}
a{text-decoration:none; color:#333;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;}
caption{visibility:hidden; overflow:hidden; height:0px; font-size:0px; line-height:0px;}
th,th{text-align:left; vertical-align:middle;}
em{font-style:normal;}

.fl_l{float:left;}
.fl_r{float:right}
.fl_n{float:none}
.clear_b{clear:both;}

.pos_r{position:relative;}
.pos_a{position:absolute;}
.pos_f{position:fixed;}

.vb_h{visibility:hidden;}
.vb_v{visibility:visible;}
.of_h{overflow:hidden;}
.of_a{overflow:auto;}

.dp_b{display:block;}
.dp_ib{display:inline-block;}
.dp_i{display:inline;}

.va_t{vertical-align:top;}
.va_m{vertical-align:middle;}
.va_b{vertical-align:bottom;}

.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right}

/* COLOR */
.c_point{color:#ff8601;}
.c_fff{color:#fff;}
.c_000{color:#000;}
.c_666{color:#666;}


/* FONT-SIZE */
.fs14{font-size:0.875em;}
.fs15{font-size:0.938em;}
.fs17{font-size:1.063em;}
.fs18{font-size:1.125em;}
.fs18{font-size:1.125em;}


/* MARGIN */
.mg_t1{margin-top:1px;}
.mg_t2{margin-top:2px;}
.mg_t3{margin-top:3px;}
.mg_t4{margin-top:4px;}
.mg_t5{margin-top:5px;}
.mg_t6{margin-top:6px;}
.mg_t7{margin-top:7px;}
.mg_t8{margin-top:8px;}
.mg_t9{margin-top:9px;}
.mg_t10{margin-top:10px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}

.mg_r1{margin-right:1px;}
.mg_r2{margin-right:2px;}
.mg_r3{margin-right:3px;}
.mg_r4{margin-right:4px;}
.mg_r5{margin-right:5px;}
.mg_r6{margin-right:6px;}
.mg_r7{margin-right:7px;}
.mg_r8{margin-right:8px;}
.mg_r9{margin-right:9px;}
.mg_r1{margin-right:10px;}

.mg_b1{margin-bottom:1px;}
.mg_b2{margin-bottom:2px;}
.mg_b3{margin-bottom:3px;}
.mg_b4{margin-bottom:4px;}
.mg_b5{margin-bottom:5px;}
.mg_b6{margin-bottom:6px;}
.mg_b7{margin-bottom:7px;}
.mg_b8{margin-bottom:8px;}
.mg_b9{margin-bottom:9px;}
.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}

.mg_l1{margin-left:1px;}
.mg_l2{margin-left:2px;}
.mg_l3{margin-left:3px;}
.mg_l4{margin-left:4px;}
.mg_l5{margin-left:5px;}
.mg_l6{margin-left:6px;}
.mg_l7{margin-left:7px;}
.mg_l8{margin-left:8px;}
.mg_l9{margin-left:9px;}
.mg_l10{margin-left:10px;}


/* PADDING */
.pd_t1{margin-top:1px;}
.pd_t2{margin-top:2px;}
.pd_t3{margin-top:3px;}
.pd_t4{margin-top:4px;}
.pd_t5{margin-top:5px;}
.pd_t6{margin-top:6px;}
.pd_t7{margin-top:7px;}
.pd_t8{margin-top:8px;}
.pd_t9{margin-top:9px;}
.pd_t10{margin-top:10px;}

.pd_r1{margin-right:1px;}
.pd_r2{margin-right:2px;}
.pd_r3{margin-right:3px;}
.pd_r4{margin-right:4px;}
.pd_r5{margin-right:5px;}
.pd_r6{margin-right:6px;}
.pd_r7{margin-right:7px;}
.pd_r8{margin-right:8px;}
.pd_r9{margin-right:9px;}
.pd_r1{margin-right:10px;}

.pd_b1{margin-bottom:1px;}
.pd_b2{margin-bottom:2px;}
.pd_b3{margin-bottom:3px;}
.pd_b4{margin-bottom:4px;}
.pd_b5{margin-bottom:5px;}
.pd_b6{margin-bottom:6px;}
.pd_b7{margin-bottom:7px;}
.pd_b8{margin-bottom:8px;}
.pd_b9{margin-bottom:9px;}
.pd_b10{margin-bottom:10px;}

.pd_l1{margin-left:1px;}
.pd_l2{margin-left:2px;}
.pd_l3{margin-left:3px;}
.pd_l4{margin-left:4px;}
.pd_l5{margin-left:5px;}
.pd_l6{margin-left:6px;}
.pd_l7{margin-left:7px;}
.pd_l8{margin-left:8px;}
.pd_l9{margin-left:9px;}
.pd_l10{margin-left:10px;}

#wrap{overflow:hidden; position:relative; padding-top:313px; min-width:320px;}
#wrap.dim:after{content:''; position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; z-index:9}
#wrap.fixed{position:fixed; left:0; top:0; right:0; bottom:0;}

/* HEADER */
#header{background:url(../images/temp/temp_subvisual.jpg) 50% 0 no-repeat; position:absolute; left:0; top:0; right:0; z-index:8; overflow:hidden; height:313px;}
#header .sidemenu_btn,
#gnb >ul{transition-duration:0.5s}

#header .bg_layer{position:absolute; left:0; top:0; width:100%; height:0; background-color:#3b3b3b; z-index:2; display:block; opacity:0;}
#header .hd_content{max-width:1200px; margin:0 auto; position:relative;}
#header .hd_content .logo{position:absolute; left:0; top:35px; z-index:3;)}
#header .hd_content .logo h1{display:block; width:124px; height:41px; background:url(../../img/logo.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
#header .hd_content .logo h1 a{display:block; height:100%;}
#header .bar{position:absolute; left:50%; top:73px; width:0px; z-index:2; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;  height:2px; background-color:#fff;}
#header .sidemenu_btn{position:absolute; left:-114px; top:0; padding:20px; z-index:99; width:34px; cursor:pointer; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
#header .sidemenu_lang{position:absolute; right:20px; top:0; padding:27px 0; z-index:99; width:58px; cursor:pointer; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
#header .sidemenu_lang img { width: 26px; }

#header .sidemenu_btn:after{top:0;}
#header .sidemenu_btn span{width:80%; margin:7px 0; font-size:0}
#header .sidemenu_btn.active span{opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
#header .sidemenu_btn.active:after{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); top:-10px;}
#header .sidemenu_btn.active:before{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); top:10px}

#gnb{position:absolute; left:290px; top:32px; z-index:9; height:41px;}
#gnb >ul{position:relative; display: inline-block; z-index:3; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1;}
#gnb >ul >li { text-align: left; top:14px}
#gnb >ul >li.dp1{float:left; padding:0 0 0 45px; position:relative;}
#gnb >ul >li.dp1 .dp1_tit{position:relative;}
#gnb >ul >li.dp1 .dp1_tit a.classon{display:block; padding:10px 0; font-size:21px; color:#121212; position:relative; font-weight:500;}
#gnb >ul >li.dp1 .dp1_tit a.classon:hover {color:#fff; }
#gnb >ul >li.dp1:hover .dp1_tit a.classon,
#gnb >ul >li.dp1 .dp1_tit a.classon:focus,
#gnb >ul >li.dp1 .dp1_tit a.classon:hover,
#gnb >ul >li.dp1.active .dp1_tit a.classon{color:#ed1c24;}
#gnb >ul >li.dp1 .dp1_tit a.classon:after{ }

#gnb .dp2{position:absolute; left:30px; top:40px; height:0px; right:0; overflow:hidden;}
#gnb .dp2 ul{padding-top:20px;}
#gnb .dp2 li{position:relative; top:50px;  opacity:0; -moz-opacity: 0;}
#gnb .dp2 li a{display:inline-block; padding:5px 15px 6px; color:#c9c9c9; transition-duration:0.3s; position:relative; font-size:0.938em;}
#gnb .dp2 li a:hover,
#gnb .dp2 li a:focus,
#gnb .dp2 li.active a{color:#fff;}

#gnb.show >ul >li.dp1:hover .dp1_tit a.classon:after{opacity:1; bottom:-2px;}

/* css add */
.new_btn {position:absolute; right:0; top:32px; z-index:9; height:41px;}

/* FOOTER */
#footer{background-color:#575757/*#232323*/;padding:0 40px; position:relative; }
#footer .ft_content{width:1200px; margin:0 auto; position:relative; padding:40px 0;}
#footer .ft_content:after,
#footer .ft_content:before{content:''; position:absolute;}

#footer .ft_logo{text-align:left;}
#footer .ft_info{padding:0; position:relative; top:0; text-align:left;}
#footer .ft_info p{font-size:20px; /*color:#a0a0a0*/color:#fff; letter-spacing:0.01em;  line-height:200%; font-weight:300}
#footer .ft_info p .call{display:inline-block; margin-left:10px;}
#footer .ft_info a{color:#d7d7d7;}
#footer .ft_info .addr{border-bottom:1px solid #fff;padding-bottom:10px;}
#footer .ft_info .copyright{font-size:13px; /*color:#a0a0a0*/color:#fff; letter-spacing:-0.01em; margin-top:20px; padding-top:10px; max-height:100%; line-height:46px;}
#footer .ft_info .copyright span { margin-left:20px; }
#footer .ft_info .copyright .sns { float:right; /*padding-top:15px; */}
#footer .ft_info .copyright .sns img { padding-top: 10px; width: 24px;}

#footer .ft_family_site_wrap {position:absolute; right:0; top:50px; z-index:5; width:175px; height:35px;}
#footer .ft_family_site_wrap .ft_family_site_cont{position:absolute; right:0; left:0; bottom:0; height:0px; border:1px solid #444; background-color:#222; padding-bottom:33px; z-index:1; overflow:hidden;}
#footer .ft_family_site_wrap .ft_family_site_cont:after{width:11px; height:7px; content:''; background:url(../images/common/bul_arr_t01.png) 0 0 no-repeat; position:absolute; right:12px; top:13px;}
#footer .ft_family_site_wrap.show .ft_family_site_cont:after,
#footer .ft_family_site_wrap:hover .ft_family_site_cont:after{background-image:url(../images/common/bul_arr_b01.png)}
#footer .ft_family_site_wrap.open ul{display:block;}
#footer .ft_family_site_wrap .tit{position:absolute; left:9px; bottom:10px; color:#cccccc; font-size:0.813em; z-index:3;}
#footer .ft_family_site_wrap ul{overflow:hidden; color:#cccccc; text-align:left; margin-bottom:33px;}
#footer .ft_family_site_wrap li{position:relative; left:50px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
#footer .ft_family_site_wrap li a{font-size:0.688em; color:#ccc; display:block; padding:5px 10px; transition-duration:0.3s;}
#footer .ft_family_site_wrap li a:hover{color:#fff; text-decoration:underline;}

.pop_footer{font-size:0.875em; padding:5px 5px 0 0; text-align:right;}
.pop_footer input{vertical-align:middle; cursor:pointer;}

/* sub_navi */
.subpage .nav_wrap{ position:relative; padding:0px 40px; z-index:5;}
.subpage .nav_wrap02{ position:relative; padding:0px 40px; z-index:5;}

.sub_nav {
	margin: 0 auto;
	height:60px;
    padding-top:10px;
}
/* .sub_nav ul {
    max-width: 1200px;
    margin: 0 auto;
}
.sub_nav ul li:first-child {
    border-left: 0px solid #004571;
}
.sub_nav.n02 ul li {
    float: left;
    width: 49%;
	padding-right: 10px;
}
.sub_nav.n03 ul li {
    float: left;
    width: 30.3%;
    border-right: 1px solid #004571;
}
.sub_nav.n04 ul li {
    float: left;
    width: 24.8%;
    border-right: 1px solid #004571;
}
.sub_nav.n05 ul li {
    float: left;
    width: 19.8%;
    border-right: 1px solid #004571;
} */
/* .sub_nav ul li a {
    display: block;
    background: #eeeeee;
    color: #121212;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
	border-radius: 0px 0px 40px 0px;
} */
.sub_nav ul li a:hover, {
    background: #ed1c24;
    color: #fff;
}
.sub_nav ul li.on a {
	background: #fff;
	color: #ed1c24;
}
.sub_nav ul li a, .sub_tab a {
    transition: all .2s ease;
}

.sub_nav2 {
	margin: 0 auto;
	height:45px;
}
.sub_nav2 ul {
    max-width: 1200px;
    margin: 0 auto;
}
.sub_nav2 ul li:first-child {
    border-left: 0px solid #004571;
}
.sub_nav2.n02 ul li {
    float: left;
    width: 49%;
	padding-right: 10px;
}
.sub_nav2.n03 ul li {
    float: left;
    width: 31%;
    padding-right: 5px;
}
.sub_nav2.n04 ul li {
    float: left;
    width: 23.6%;
	padding-right: 5px;
    border-right: 0px solid #004571;
}
.sub_nav2.n05 ul li {
    float: left;
    width: 19.8%;
    border-right: 1px solid #004571;
}
.sub_nav2 ul li a {
    display: block;
    background: #eeeeee;
    color: #121212;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
	border-radius: 0px 0px 20px 0px;
}
.sub_nav2 ul li a:hover, .sub_nav2 ul li.on a {
    background: #ed1c24;
    color: #fff;
}
.sub_nav2 ul li a, .sub_tab a {
    transition: all .2s ease;
}


/* sub content */
.sub_content{padding:100px 0px 0; max-width:100%; margin:0 auto; transition-duration:0.5s; z-index:4; position:relative;}
.sub_content .hd{margin-bottom:58px;}
.sub_content .hd em{color:#00529b;}
.sub_content .hd .desc{ margin-top:24px; color:#666666; text-align:center;}
.sub_content .subtitle{font-size:1.875em; font-weight:bold; text-indent:-2px; text-align:center; position:relative; padding-bottom:27px;}
.sub_content .subtitle:after{content:''; background-color:#aeaeae; position:absolute; width:50px; height:1px; left:50%; bottom:0; margin:0 0 0 -25px;}
.sub_content .subtitle.hidden{overflow:hidden; height:0px; padding:0; font-size:0; visibility:hidden;}
.sub_content .t_h3{color:#222222; font-size:1.375em; font-weight:bold; padding-bottom:26px;}
.sub_content .hd,
.sub_content .hd .eng,
.sub_content .hd .desc,
.sub_content .subtitle
{transition-duration:0.4s; }

/* button */
.btn{display:inline-block; margin:0 8px;}
.btn a{display:block; color:#fff; border-radius:5px; padding:0 30px 0; height:46px; line-height:46px; font-weight:bold;}
.btn.point a{background-color:#848e9a;}
.btn.gray a{background-color:#999999;}


/* page */
.pageinate{text-align:center;}
.pageinate .cont{overflow:hidden; display:inline-block;}
.pageinate .arr{overflow:hidden; text-indent:-9999px; position:relative; background:url(../images/common/bul_page.png) no-repeat;}
.pageinate .arr.first{background-position:0 0;}
.pageinate .arr.prev{background-position:-27px 0}
.pageinate .arr.next{background-position:-54px 0}
.pageinate .arr.last{background-position:-81px 0}
.pageinate .arr.first{margin-left:0}
.pageinate a,
.pageinate strong{border:1px solid #dedede; width:27px; height:27px; line-height:27px; vertical-align:middle; text-align:center; display:inline-block; font-size:0.875em; font-family:AppleSDGothicNeo-Light,Gotham; color:#666; float:left; margin-left:5px;}
.pageinate strong{border-color:#00529b}


/* tab */
.tab_list{position:relative; margin-bottom:60px;}
.tab_list .ct ul.tab{display:table; width:100%; border-right:1px solid #dedede;}
.tab_list .ct ul.tab >li{display:table-cell;}
.tab_list .ct ul.tab >li >a{display:block; text-align:center;  border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-top:1px solid #dedede; background-color:#f4f4f4; font-weight:bold; color:#666666; height:55px; line-height:54px; position:relative; z-index:1;}
.tab_list .ct ul.tab >li.active >a{background-color:#fff; color:#333333; z-index:2;}
.tab_list .ct ul.tab >li.active >a:after{content:''; position:absolute; left:-1px; top:-1px; right:-1px; height:2px; background-color:#6b7786}

.tab_view{position: absolute;top: -10000px;left: -10000px;background-color: #fff;}
.tab_view.active{display:block;position: static;}
.tab_cont_view{margin-top:65px;}


/* search */
.search_wrap{position:relative;}
.search_wrap span{display:inline-block; vertical-align:middle;}
.search_wrap .select{border-bottom:1px solid #888888; position:relative; margin-right:16px;}
.search_wrap .select:after{content:''; position:absolute; right:-1px; top:13px; background:url(../images/common/bul_arr_b01.png) 0 0 no-repeat; width:12px; height:7px;}
.search_wrap .select select{font-size:1.125em; padding:0 20px 5px 0; width:136px; height:35px; overflow:hidden; color:#666}
.search_wrap .text{position:relative; margin-right:16px;}
.search_wrap .text input{border:0; border-bottom:1px solid #888888;  font-size:1.125em; height:31px; width:237px; padding:1px 0 4px; color:#666}
.search_wrap .text input::-webkit-input-placeholder{color:#666666;}
.search_wrap .text input:-moz-placeholder{color:#666666;}
.search_wrap .text input::-moz-placeholder{color:#666666;}
.search_wrap .text input:-ms-input-placeholder{color:#666666;}
.search_wrap .button{margin:2px 6px 0 0;}
.search_wrap .button a{display:block; padding:0 18px; font-size:0.875em; height:32px; line-height:32px;  border:1px solid #666666;}
.search_wrap .button.bk a{background-color:#666666; color:#fff;}
.search_wrap .button.wh a{background-color:#fff; color:#666;}
.search_wrap label{cursor:pointer;}
.search_wrap label .tit{font-size:1.125em; display:inline-block; vertical-align:top; font-weight:bold; color:#444444; margin:6px 34px 0 0;}


/* form */
.form_tag{position:relative; display:inline-block;}
.form_tag input[type="text"],
.form_tag select,
.form_tag textarea{border:1px solid #dedede; border-radius:5px; background-color:#f4f4f4; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; transition-duration:0.3s; overflow:hidden;}
.form_tag input:focus,
.form_tag textarea:focus,
.form_tag select:focus{border-color:#00529b}

.form_tag input[type="text"]{width:100%; box-sizing:border-box;height:36px; line-height:36px; color:#666; text-indent:9px;}

.form_tag.select{}
.form_tag.select:after{content:''; position:absolute; right:10px; top:15px; width:12px; height:6px; background:url(../images/common/bul_arr_b04.png) 0 0 no-repeat;}
.form_tag select{height:36px; padding:0 32px 0 9px; width:100%;}

.form_tag textarea{width:100%; height:100%; line-height:26px; padding:14px 10px; box-sizing:border-box; overflow:auto;}

.form_tag.radio label{cursor:pointer; position:relative; overflow:hidden;}
.form_tag.radio input{position:absolute; left:-100px; top:-100px; visibility:hidden; opacity:0}
.form_tag.radio span{position:relative; display:inline-block;}
.form_tag.radio span:before{content:''; display:inline-block; vertical-align:middle; background:url(../images/bul_radio.png) 0 0 no-repeat; margin-right:9px; width:22px; height:20px;}
.form_tag.radio input:checked+span:before{background-position:0 100%}

.form_tag.radio.agr span{}
.form_tag.radio.agr span:before{width:28px; height:28px; background:url(../images/bul_radio_agr.png) 0 0 no-repeat; margin-right:9px;}


/* 팝업 */
.popup_wrap{position:absolute; left:50%; top:0; z-index:9999; overflow:hidden; margin-left:-400px; width:800px; transition-duration:0.5s; height:0px}
.popup_wrap.open{height:auto;}
.popup_wrap .hd{background-color:#ff8601; padding:27px 28px 28px; overflow:hidden;}
.popup_wrap .hd h2{font-weight:bold; color:#fff; font-size:1.375em;}
.popup_wrap .poopup_content{background-color:#fff; padding:40px 30px; margin-bottom:30px;}
.popup_wrap .close{position:absolute; right:0; top:0}
.popup_wrap .close a{display:block; overflow:hidden; position:relative; text-indent:-9999px; width:80px; height:80px; }


/* 게시판리스트 타입 01 */
.board_list_wrap01{}
.board_list_wrap01 ul li{overflow:hidden; margin-top:50px;}
.board_list_wrap01 ul li:first-child{margin-top:0}
.board_list_wrap01 ul li .img{float:left; width:506px;}
.board_list_wrap01 ul li .img img{width:100%;}
.board_list_wrap01 ul li .info{margin:-4px 0 0 536px; border-bottom:1px solid #3c3c3c; min-height:361px;}
.board_list_wrap01 ul li .info h3{border-bottom:2px solid #3c3c3c; font-size:1.438em; font-weight:bold; padding-bottom:23px; margin:0 0 24px -2px;}
.board_list_wrap01 ul li .info dl{overflow:hidden; margin-left:-1px;}
.board_list_wrap01 ul li .info dt{color:#333333; float:left; line-height:26px; margin-bottom:14px;}
.board_list_wrap01 ul li .info dd{color:#666666; margin-left:131px; line-height:26px; margin-bottom:14px;}


/* 게시판리스트 타입 02 */
.board_list_wrap02 >ul{overflow:hidden; margin-top:10px; margin-left:-30px;}
.board_list_wrap02 >ul >li{float:left; width:25%; margin-top:30px}
.board_list_wrap02 >ul >li .wrap{position:relative; overflow:hidden; padding-left:30px;}
.board_list_wrap02 >ul >li .img{height:193px; overflow:hidden;}
.board_list_wrap02 >ul >li .img img{width:273px;}
.board_list_wrap02 >ul >li .box{border:1px solid #dedede; border-top:0; background-color:#f7f7f7; padding:28px 0 0 0;}
.board_list_wrap02 >ul >li .cont{padding:0 20px; position:relative;}
.board_list_wrap02 >ul >li .cont .area{font-weight:bold; color:#00529b; margin-bottom:8px;}
.board_list_wrap02 >ul >li .cont .area.c01{color:#6b7786;}
.board_list_wrap02 >ul >li .cont .tit{position: relative; overflow: hidden; display:block; max-height: 60px; color:#222; font-size:1.250em; line-height:30px; margin-bottom:26px;}
.board_list_wrap02 >ul >li .cont .tit:after {content: '...'; position: absolute; right: 0; bottom: 0; width: 20px; z-index: 1; text-align:right;}
.board_list_wrap02 >ul >li .cont .tit a {position: relative; display:block; min-height: 60px; padding-right: 20px; line-height:30px;}
.board_list_wrap02 >ul >li .cont .tit a:after {content: ''; position: absolute; right: 0; bottom: 0; width: 22px; height: 21px; background: #f7f7f7; z-index: 3;}
.board_list_wrap02 >ul >li .cont .text{color:#666666; position:relative; padding-top:16px; margin:-12px 0 25px; line-height:26px; overflow: hidden; height:51px;}
.board_list_wrap02 >ul >li .cont .text:before{content:''; position:absolute; left:0; top:0px; height:1px; border-bottom:1px solid #3c3c3c; width:30px;}
.board_list_wrap02 >ul >li .cont .text:after{content:'...'; color:#666666;  position: absolute; right: 0; bottom: 0; height:20px; width: 22px; z-index: 1; line-height:100%; text-align:right;}
.board_list_wrap02 >ul >li .cont .text p{position:relative; display:block; line-height:26px; min-height:52px; padding-right:20px;}
.board_list_wrap02 >ul >li .cont .text p:after{content:''; position: absolute; right: 0; bottom: 0; width: 22px; height: 20px; background:#f7f7f7; z-index: 3;}

.board_list_wrap02.news >ul >li .box{padding:24px 0 0 0;}
.board_list_wrap02.news >ul >li .cont .text{margin:-12px 0 0; height:50px;}

.board_list_wrap02.tv{margin-top:-30px;}
.board_list_wrap02.tv >ul >li .img{position:relative; overflow:hidden;}
.board_list_wrap02.tv >ul >li .img a{display:block;}
.board_list_wrap02.tv >ul >li .img a:after,
.board_list_wrap02.tv >ul >li .img a:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; transition-duration:0.3s; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
.board_list_wrap02.tv >ul >li .img a:after{background-color:#000; }
.board_list_wrap02.tv >ul >li .img a:before{background:url(../images/common/icon_play.png) 50% 50% no-repeat; z-index:2; }
.board_list_wrap02.tv >ul >li .img a:hover:after{opacity:0.3;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); z-index:1}
.board_list_wrap02.tv >ul >li .img a:hover:before{opacity:1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.board_list_wrap02.tv >ul >li .box{padding:24px 0 0 0}
.board_list_wrap02.tv >ul >li .cont{padding:0 19px;}
.board_list_wrap02.tv >ul >li .cont .tit{max-height:29px;}
.board_list_wrap02.tv >ul >li .cont .tit a {min-height:29px;}


/* 게시판 상세 타입 01 */
.board_view_wrap01{margin-bottom:57px;}
.board_view_wrap01 .title{color:#333333; font-size:1.625em; border-bottom:2px solid #3c3c3c; padding:0 0 27px 0}
.board_view_wrap01 .cont{margin-bottom:30px; padding-bottom:36px; border-bottom:1px solid #dfdfdf}
.board_view_wrap01 .cont .info{overflow:hidden; position:relative; padding:28px 0 38px;}
.board_view_wrap01 .cont .info .sort{float:left; color:#767676; font-size:1em;}
.board_view_wrap01 .cont .info .sort em{color:#222222;}
.board_view_wrap01 .cont .info .file{position:absolute; right:0; top:25px}
.board_view_wrap01 .cont .info .file a{display:block; background:url(../images/common/icon_file_down.png) 0 0 no-repeat; padding:3px 0 5px 35px; color:#666666; font-size:1em;}
.board_view_wrap01 .cont .info .file a + a {margin-top: 5px;}
.board_view_wrap01 .cont .view{line-height:26px; color:#666; position:relative; padding:35px 0 0 0}
.board_view_wrap01 .cont .view:after{content:''; background-color:#3c3c3c; height:1px; width:40px; position:absolute; left:0; top:0}

.board_view_wrap01 .board_nav {margin: -30px 0 30px;}
.board_view_wrap01 .board_nav > div > div {position: relative; border: 1px solid #dedede; border-top: 0 none;}
.board_view_wrap01 .board_nav > div > div > .txt {position: absolute; left: 28px; top: 17px; color: #000;}
.board_view_wrap01 .board_nav div.title {overflow: hidden; margin: 0 145px; padding: 18px 0 18px 28px; border-left: 1px solid #dedede; text-overflow: ellipsis; white-space: nowrap;}
.board_view_wrap01 .board_nav div.title span {display: inline-block; margin-right: 5px;}
.board_view_wrap01 .board_nav div.title a {color: #666;}
.board_view_wrap01 .board_nav .txt:before {content: ''; display: inline-block; width: 17px; height: 9px; margin-right: 20px; background: url('../images/common/icon_nav_arrow.png') no-repeat 0 0; background-size: 17px 18px; vertical-align: middle;}
.board_view_wrap01 .board_nav .next .txt:before {background-position: 0 -9px;}
.board_view_wrap01 .board_nav .date {position: absolute; right: 30px; top: 18px; color: #666;}


/* media query */
@media all and (max-width:1280px){

	body{background-color:#222222;}
	#wrap{padding:0 !important; background-color:#fff;}
	#wrap.dim{position:fixed; left:0; top:0; right:0; overflow:hidden; height:100%}

	/* HEADER */
	#header{ position:static; }
	#header .hd_content .logo{left:44% !important; margin-left:-56px !important; top:40px;}
	#header .hd_content .woomi_lynn{right:-200px;}
	#header .bar{top:-2px;}
	#header .sidemenu_btn{opacity:1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; left:0px;}
	#header .sidemenu_btn.active{left:303px;}
	#header .bg_layer{display:none;}

	#gnb{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; overflow:hidden; z-index:11; position:fixed; left:0 !important; top:0; height:100%; width:0; transition-duration:0.5s;}
	#gnb >ul{position:fixed; left:-320px; top:0; padding-top:109px; bottom:0; width:320px;  border-bottom:0px solid #3e434b;}
	#gnb >ul >li.dp1{float:none; padding:0; border-top:1px solid #ddd; z-index:3;}
	#gnb >ul >li.dp1:last-child{border-bottom:1px solid #ddd; z-index:3;}
	#gnb >ul >li.dp1 .dp1_tit a.classon{font-size:1em; padding:16px 0 17px 19px; transition-duration:0s}
	#gnb >ul >li.dp1:hover .dp1_tit a.classon,
	#gnb >ul >li.dp1 .dp1_tit a.classon:focus,
	#gnb >ul >li.dp1.active .dp1_tit a.classon{background-color:#fff; color:#121212;}
	#gnb >ul >li.dp1:hover,
	#gnb >ul >li.dp1.active{border-top:1px solid #00529b;}
	#gnb .dp2{position:relative; overflow:hidden; top:0 !important; left:0; background-color:#23282f; height:0px;}
	#gnb >ul >li.dp1.active .dp2{height:auto;}
	#gnb .dp2 ul{padding:21px 0 16px}
	#gnb .dp2 ul li{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; top:0; padding-left:21px;}
	#gnb .dp2 ul li a{font-size:0.938em; padding:7px 0 7px 12px; overflow:hidden;}
	#gnb .dp2 li a:after{bottom:1px; left:12px;}
	#gnb .dp2 ul li a:before{content:''; background-color:#1e529b; width:3px; height:3px; position:absolute; left:0; top:50%; border-radius:15px;}
	#gnb >ul:before{content:''; position:absolute; left:50%; top:34px; margin:0 0 0 -62px; background:url(../../images/logo.png) 0 0 no-repeat; background-size:100%; width:124px; height:42px; z-index:3;}
	#gnb >ul:after{content:''; background-color:#fff; position:absolute; left:0; top:0; bottom:0; right:0;}

	#header.active #gnb >ul{left:0;}
	#header.active #gnb{width:320px;}


	#footer .ft_content{width:100%;}
	#footer .ft_content:after{left:-40px;}
	#footer .ft_content:before{right:-160px; bottom:0;}
}


@media all and (max-width:1024px){

	/* HEADER */
	#header{height:54px !important; background: #fff;}
	#header .hd_content .logo{top:10px; margin-left:0px !important;}
	#header .hd_content .logo h1{ }
	#header .sidemenu_btn{ margin: 0px; background:url(../../m/img/menu_icon.png) no-repeat; background-size: 30px 26px; background-position: 20px 20px }
	#header .sidemenu_btn span{margin:3px 0}
	#header .sidemenu_btn.active:after{top:-5px;}
	#header .sidemenu_btn.active:before{top:5px}
	#header .sidemenu_btn.active{left:255px; background:url(../../m/img/menu_close.png) no-repeat; background-size: 20px 20px; background-position: 20px 20px}

	#gnb >ul{ left:-320px; padding-top:54px; width:320px; z-index:100}
	#gnb >ul >li.dp1 .dp1_tit a.classon{font-size: 18px; padding:14px 0 14px 25px;}
	#gnb .dp2 ul{padding:10px 0 8px}
	#gnb .dp2 ul li{padding-left:10px;}
	#gnb .dp2 ul li a{font-size: 12px; margin: 3px 0; padding:4px 0 4px 6px;}
	#gnb .dp2 li a:after{bottom:1px; left:6px;}
	#gnb .dp2 ul li a:before{width:2px; height:2px; top:45%; border-radius:15px;}
	#gnb >ul:before{top:22px; margin:0 0 0 -90px; width:62px; height:21px;}

	#gnb .txt { position: absolute; left: 20px; top:-48px; font-size: 18px; font-weight: 500; }
	.gnb-btn-area { width: 100%; height: 170px; margin: 0 auto; text-align:center; }
	.gnb-btn-area .btn { width: 42%; background: #f78117; color: #fff; font-weight: 400; text-align:center; padding:15px 0 15px 0; margin-top:10px; margin-bottom: 10px;}
    .gnb-btn-area .btn a.classnone{clear: both;padding: 0px;}
	#gnb .menu-tit { text-align: center; font-size: 20px; font-weight: 500; padding: 15px; background:#eee; }

	#header.active #gnb{width:220px;}
	#header.active #gnb:before{top:17px;}

	.sub-img { margin-top: 55px;}
	.sub-img02 { margin-top: 55px;}
	.sub-img03 { margin-top: 55px;}
	.sub-img04 { margin-top: 55px;}
    .sub-img05 { margin-top: 55px;}

	.top-navi { width:100%; top: 54px; position:fixed; background: #fff; z-index: 10; border-bottom:2px solid #ed1c24; }
	.top-navi ul li { display:inline-block; padding: 20px 0; text-align: center; }
	.top-navi ul li a { color:#121212; font-size: 16px; font-weight: 500 }
	.top-navi ul li:nth-child(1){ width: 49%; }
	.top-navi ul li:nth-child(2){ width: 49%; }
	.top-navi ul li:nth-child(3){ width: 14%; }
	.top-navi ul li:nth-child(4){ width: 28%; }
	.top-navi ul li:nth-child(5){ width: 17%; }
	.top-navi ul li a.active:after {
	  content: '';
      height: 2px;
      background-color: #ed1c24;
      position: absolute;
			color:#ddd;
      left: 0;
      right: 0;
      bottom: -8px;
      opacity: 0;
	  z-index: 100;
      transition-duration: 0.3s;
	}

	.new_btn {top: 17px; right:0; padding:0 !important;}
	.new_btn img {width:70%}

	/* FOOTER */
	#footer{padding-left:15px; padding-right:15px; margin-top:0px; border-top:3px solid #ed1c24;}
	#footer .ft_content{padding:0px 0 27px 0;}
	#footer .ft_info{padding:11px 0 0 0}
	#footer .ft_info p{font-size:0.7em;}
	#footer .ft_info p .call{margin:-1px 0 0 0}
	#footer .ft_info .copyright{font-size:0.5em; margin:7px 0 0 0}
	#footer .ft_family_site_wrap{height:26px;}
	#footer .ft_family_site_wrap .tit{font-size:0.625em; bottom:8px; left:36px;}
	#footer .ft_family_site_wrap .ft_family_site_cont{padding-bottom:25px; right:26px; left:26px;}
	#footer .ft_family_site_wrap .ft_family_site_cont:after{top:10px; right:10px; background-size:6px 4px;}
	#footer .ft_family_site_wrap ul {margin-bottom:26px;}
	#footer .ft_family_site_wrap li a{font-size:0.625em;}


	/* sub content */
	.sub_content{padding:0px 0 0;}
	.sub_content .subtitle{font-size:1.063em; text-indent:-1px; padding-bottom:14px;}
	.sub_content .hd{margin-bottom:26px;}
	.sub_content .hd .eng{font-size:1.250em; margin:15px 0 6px 0;}
	.sub_content .hd .desc{font-size:0.813em; line-height:21px;}
	.sub_content .t_h3{font-size:0.938em; padding-bottom:18px;}

	.sub_nav2.n04 ul li {
		float: left;
		width: 23%;
		padding-right: 5px;
		border-right: none;
	}

	.sub_nav.n02 ul li {
		width: 46.8%;
	}
	.sub_nav.n03 ul li {
		padding-top: 5px;
		float: left;
		width: 32.9%;
	}
	.sub_nav.n04 ul li {
		padding-top: 5px;
		float: left;
		width: 28.6%;
	}
	.sub_nav.n05 ul li {
		padding-top: 5px;
		float: left;
		width: 25%;
	}

	/* sub content img */

	.sub_nav.n03 ul li a,
	.sub_nav.n04 ul li a,
	.sub_nav.n05 ul li a {
		display: block;
		width: 100%;
		line-height: 50px;
		text-align: center;
		font-size: 0.8125rem;
		font-weight: 500;
	}
	.sub_nav.n03 ul li a img,
	.sub_nav.n04 ul li a img,
	.sub_nav.n05 ul li a img {
		height: 120px;
	}

	/* button */
	.btn {margin: 0 4px;}
	.btn a{height:38px; line-height:38px; font-size:0.813em;}

	/* form */
	.form_tag input[type="text"],
	.form_tag select,
	.form_tag textarea{font-size:0.813em}
	.form_tag input[type="text"]{height:30px; line-height:30px;}
	.form_tag select{height:30px;}
	.form_tag.select:after{background-size: 10px 6px; width:10px; height:6px; top:12px; right:7px;}
	.form_tag textarea{line-height:21px; padding:3px 9px;}
	.form_tag.radio span{font-size:0.813em}
	.form_tag.radio span:before{background-size: 15px 30px; width:15px; height:15px;}
	.form_tag.radio.agr span:before{background-size: 19px 38px; width:19px; height:19px;}

	/* page */
	.pageinate .arr{background-size: 104px 26px;}
	.pageinate .arr.first{background-position:0 0;}
	.pageinate .arr.prev{background-position:-26px 0;}
	.pageinate .arr.next{background-position:-52px 0;}
	.pageinate .arr.last{background-position:-78px 0;}
	.pageinate a, .pageinate strong{height:26px; line-height:28px; width:26px; margin-left:4px; font-size:0.750em;}

	/* 팝업 */
	.popup_wrap .poopup_content{padding:30px 10px;}
	.popup_wrap .hd{padding:13px 10px}
	.popup_wrap .hd h2{font-size:0.938em;}
	.popup_wrap .close a{background-size: 14px 14px; width:45px; height:45px;}

	/* tab */
	.tab_list{border-top:2px solid #6b7786; margin-bottom:17px; min-height:44px;}
	.tab_list >p{height:42px; line-height:42px; font-size:0.813em; padding:0 14px;}
	.tab_list .ct{top:42px;}
	.tab_list .ct ul.tab >li >a{height:42px; line-height:42px; font-size:0.813em; padding:0 14px;}
	.tab_list:after,
	.tab_list:before{right:14px; top:21px; height:1px; width:9px;}
	.tab_list:after{right:20px;}
	.tab_list.active:after{right:20px;}

	/* 더보기 */
	.list_more{margin-top:20px;}
	.list_more a{width:31px; height:31px; background-size:100%}
	.list_more:after{top:15px;}

	/* 게시판리스트 타입 01 */
	.board_list_wrap01 ul li{margin-top:40px;}
	.board_list_wrap01 ul li .info{padding:17px 0 10px 0;}
	.board_list_wrap01 ul li .info h3{font-size:1.000em; padding-bottom:15px; margin:0 0 15px -1px;}
	.board_list_wrap01 ul li .info h3:after{height:1px;}
	.board_list_wrap01 ul li .info dl{font-size:0.813em;}
	.board_list_wrap01 ul li .info dt{line-height:21px; margin-bottom:6px;}
	.board_list_wrap01 ul li .info dd{line-height:21px; margin-left:102px; margin-bottom:6px;}

	/* 게시판리스트 타입 02 */
	.board_list_wrap02 >ul >li .box{padding:18px 0 0 0}
	.board_list_wrap02 >ul >li .cont{padding:0 15px;}
	.board_list_wrap02 >ul >li .cont .area{font-size:0.875em; margin-bottom:5px;}
	.board_list_wrap02 >ul >li .cont .tit {max-height:48px; font-size:1.063em; margin-bottom:16px;}
	.board_list_wrap02 >ul >li .cont .tit:after {bottom:0px;}
	.board_list_wrap02 >ul >li .cont .tit a {min-height:48px; padding-right:15px; line-height: 24px;}
	.board_list_wrap02 >ul >li .cont .tit a:after {width:30px;}
	.board_list_wrap02 >ul >li .cont .text{height:41px; padding-top:22px; margin:-6px 0 18px;}
	.board_list_wrap02 >ul >li .cont .text p{line-height:21px; font-size:0.813em;}
	.board_list_wrap02 >ul >li .cont .text:before{width:20px;}
	.board_list_wrap02 >ul >li .cont .text:after{font-size:0.813em; bottom:-3px;}
	.board_list_wrap02 >ul >li .cont .text p{line-height:21px; min-height:41px;}

	.board_list_wrap02.news >ul >li .box{padding:16px 0 0 0;}
	.board_list_wrap02.news >ul >li .cont .text{margin:-5px 0 13px; height:25px;}
	.board_list_wrap02.news >ul >li .cont .text p{min-height:25px;}

	.board_list_wrap02.tv >ul >li .img a:before{background-size:33px;}
	.board_list_wrap02.tv >ul >li .box{padding:16px 0 0 0}
	.board_list_wrap02.tv >ul >li .cont{padding:0 14px;}
	.board_list_wrap02.tv >ul >li .cont .tit{max-height:25px;}
	.board_list_wrap02.tv >ul >li .cont .tit:after{bottom:0px}
	.board_list_wrap02.tv >ul >li .cont .tit a {min-height:25px;}

	/* 게시판 상세 타입 01 */
	.board_view_wrap01{margin-bottom:33px;}
	.board_view_wrap01 .title{line-height:24px; font-size:1.000em; padding:0 0 16px 0}
	.board_view_wrap01 .cont{padding-bottom:21px; margin-bottom:20px;}
	.board_view_wrap01 .cont .info{padding:18px 0 25px;}
	.board_view_wrap01 .cont .info .sort{font-size:0.813em; margin:0 0 14px 0}
	.board_view_wrap01 .cont .info .file a{font-size:0.813em; background-size:20px; padding:1px 0 4px 25px}
	.board_view_wrap01 .cont .view{font-size:0.813em; line-height:21px; padding:21px 0 0 0}
	.board_view_wrap01 .cont .view:after{width:30px;}
}

@media all and (max-width:768px){
	/* HEADER */
	#header{height:54px !important; background: #fff;}
	#header .hd_content .logo{top:10px; margin-left:0px !important;}
	#header .hd_content .logo h1{ }
	#header .sidemenu_btn{ margin: 0px; background:url(../../m/img/menu_icon.png) no-repeat; background-size: 30px 26px; background-position: 20px 20px }
	#header .sidemenu_btn span{margin:3px 0}
	#header .sidemenu_btn.active:after{top:-5px;}
	#header .sidemenu_btn.active:before{top:5px}
	#header .sidemenu_btn.active{left:255px; background:url(../../m/img/menu_close.png) no-repeat; background-size: 20px 20px; background-position: 20px 20px}

	#gnb >ul{ left:-320px; padding-top:54px; width:320px; z-index:100}
	#gnb >ul >li.dp1 .dp1_tit a.classon{font-size: 18px; padding:14px 0 14px 25px;}
	#gnb .dp2 ul{padding:10px 0 8px}
	#gnb .dp2 ul li{padding-left:10px;}
	#gnb .dp2 ul li a{font-size: 12px; margin: 3px 0; padding:4px 0 4px 6px;}
	#gnb .dp2 li a:after{bottom:1px; left:6px;}
	#gnb .dp2 ul li a:before{width:2px; height:2px; top:45%; border-radius:15px;}
	#gnb >ul:before{top:22px; margin:0 0 0 -90px; width:62px; height:21px;}

	#gnb .txt { position: absolute; left: 20px; top:-48px; font-size: 18px; font-weight: 500; }
	.gnb-btn-area { width: 100%; height: 170px; margin: 0 auto; text-align:center; }
	.gnb-btn-area .btn { width: 42%; background: #f78117; color: #fff; font-weight: 400; text-align:center; padding:15px 0 15px 0; margin-top:10px; margin-bottom: 10px;}
    .gnb-btn-area .btn a.classnone{clear: both;padding: 0px;}
	#gnb .menu-tit { text-align: center; font-size: 20px; font-weight: 500; padding: 15px; background:#eee; }

	#header.active #gnb{width:220px;}
	#header.active #gnb:before{top:17px;}

	.sub-img { margin-top: 55px;}
	.sub-img02 { margin-top: 55px;}
	.sub-img03 { margin-top: 55px;}
	.sub-img04 { margin-top: 55px;}
    .sub-img05 { margin-top: 55px;}

	.top-navi { width:100%; top: 54px; position:fixed; background: #fff; z-index: 10; border-bottom:2px solid #ed1c24; }
	.top-navi ul li { display:inline-block; padding: 20px 0; text-align: center; }
	.top-navi ul li a { color:#121212; font-size: 16px; font-weight: 500 }
	.top-navi ul li:nth-child(1){ width: 49%; }
	.top-navi ul li:nth-child(2){ width: 49%; }
	.top-navi ul li:nth-child(3){ width: 14%; }
	.top-navi ul li:nth-child(4){ width: 28%; }
	.top-navi ul li:nth-child(5){ width: 17%; }
	.top-navi ul li a.active:after {
	  content: '';
      height: 2px;
      background-color: #ed1c24;
      position: absolute;
			color:#ddd;
      left: 0;
      right: 0;
      bottom: -8px;
      opacity: 0;
	  z-index: 100;
      transition-duration: 0.3s;
	}

	.new_btn {top: 17px; right:0; padding:0 !important;}
	.new_btn img {width:70%}

	/* FOOTER */
	#footer{padding-left:15px; padding-right:15px; margin-top:0px; border-top:3px solid #ed1c24;}
	#footer .ft_content{padding:0px 0 27px 0;}
	#footer .ft_info{padding:11px 0 0 0}
	#footer .ft_info p{font-size:0.7em;}
	#footer .ft_info p .call{margin:-1px 0 0 0}
	#footer .ft_info .copyright{font-size:0.7em; margin:7px 0 0 0}
	#footer .ft_family_site_wrap{height:26px;}
	#footer .ft_family_site_wrap .tit{font-size:0.625em; bottom:8px; left:36px;}
	#footer .ft_family_site_wrap .ft_family_site_cont{padding-bottom:25px; right:26px; left:26px;}
	#footer .ft_family_site_wrap .ft_family_site_cont:after{top:10px; right:10px; background-size:6px 4px;}
	#footer .ft_family_site_wrap ul {margin-bottom:26px;}
	#footer .ft_family_site_wrap li a{font-size:0.625em;}


	/* sub content */
	.sub_content{padding:0px 0 0;}
	.sub_content .subtitle{font-size:1.063em; text-indent:-1px; padding-bottom:14px;}
	.sub_content .hd{margin-bottom:26px;}
	.sub_content .hd .eng{font-size:1.250em; margin:15px 0 6px 0;}
	.sub_content .hd .desc{font-size:0.813em; line-height:21px;}
	.sub_content .t_h3{font-size:0.938em; padding-bottom:18px;}

	.sub_nav2.n04 ul li {
		float: left;
		width: 23%;
		padding-right: 5px;
		border-right: none;
	}

	.sub_nav.n02 ul li {
		width: 46.8%;
	}
	.sub_nav.n03 ul li {
		padding-top: 5px;
		float: left;
		width: 32.9%;
	}
	.sub_nav.n04 ul li {
		padding-top: 5px;
		float: left;
		width: 28.6%;
	}
	.sub_nav.n05 ul li {
		padding-top: 5px;
		float: left;
		width: 25%;
	}

	/* sub content img */

	.sub_nav.n03 ul li a,
	.sub_nav.n04 ul li a,
	.sub_nav.n05 ul li a {
		display: block;
		width: 100%;
		line-height: 50px;
		text-align: center;
		font-size: 0.8125rem;
		font-weight: 500;
	}
	.sub_nav.n03 ul li a img,
	.sub_nav.n04 ul li a img,
	.sub_nav.n05 ul li a img {
		height: 120px;
	}

	/* button */
	.btn {margin: 0 4px;}
	.btn a{height:38px; line-height:38px; font-size:0.813em;}

	/* form */
	.form_tag input[type="text"],
	.form_tag select,
	.form_tag textarea{font-size:0.813em}
	.form_tag input[type="text"]{height:30px; line-height:30px;}
	.form_tag select{height:30px;}
	.form_tag.select:after{background-size: 10px 6px; width:10px; height:6px; top:12px; right:7px;}
	.form_tag textarea{line-height:21px; padding:3px 9px;}
	.form_tag.radio span{font-size:0.813em}
	.form_tag.radio span:before{background-size: 15px 30px; width:15px; height:15px;}
	.form_tag.radio.agr span:before{background-size: 19px 38px; width:19px; height:19px;}

	/* page */
	.pageinate .arr{background-size: 104px 26px;}
	.pageinate .arr.first{background-position:0 0;}
	.pageinate .arr.prev{background-position:-26px 0;}
	.pageinate .arr.next{background-position:-52px 0;}
	.pageinate .arr.last{background-position:-78px 0;}
	.pageinate a, .pageinate strong{height:26px; line-height:28px; width:26px; margin-left:4px; font-size:0.750em;}

	/* 팝업 */
	.popup_wrap .poopup_content{padding:30px 10px;}
	.popup_wrap .hd{padding:13px 10px}
	.popup_wrap .hd h2{font-size:0.938em;}
	.popup_wrap .close a{background-size: 14px 14px; width:45px; height:45px;}

	/* tab */
	.tab_list{border-top:2px solid #6b7786; margin-bottom:17px; min-height:44px;}
	.tab_list >p{height:42px; line-height:42px; font-size:0.813em; padding:0 14px;}
	.tab_list .ct{top:42px;}
	.tab_list .ct ul.tab >li >a{height:42px; line-height:42px; font-size:0.813em; padding:0 14px;}
	.tab_list:after,
	.tab_list:before{right:14px; top:21px; height:1px; width:9px;}
	.tab_list:after{right:20px;}
	.tab_list.active:after{right:20px;}

	/* 더보기 */
	.list_more{margin-top:20px;}
	.list_more a{width:31px; height:31px; background-size:100%}
	.list_more:after{top:15px;}

	/* 게시판리스트 타입 01 */
	.board_list_wrap01 ul li{margin-top:40px;}
	.board_list_wrap01 ul li .info{padding:17px 0 10px 0;}
	.board_list_wrap01 ul li .info h3{font-size:1.000em; padding-bottom:15px; margin:0 0 15px -1px;}
	.board_list_wrap01 ul li .info h3:after{height:1px;}
	.board_list_wrap01 ul li .info dl{font-size:0.813em;}
	.board_list_wrap01 ul li .info dt{line-height:21px; margin-bottom:6px;}
	.board_list_wrap01 ul li .info dd{line-height:21px; margin-left:102px; margin-bottom:6px;}

	/* 게시판리스트 타입 02 */
	.board_list_wrap02 >ul >li .box{padding:18px 0 0 0}
	.board_list_wrap02 >ul >li .cont{padding:0 15px;}
	.board_list_wrap02 >ul >li .cont .area{font-size:0.875em; margin-bottom:5px;}
	.board_list_wrap02 >ul >li .cont .tit {max-height:48px; font-size:1.063em; margin-bottom:16px;}
	.board_list_wrap02 >ul >li .cont .tit:after {bottom:0px;}
	.board_list_wrap02 >ul >li .cont .tit a {min-height:48px; padding-right:15px; line-height: 24px;}
	.board_list_wrap02 >ul >li .cont .tit a:after {width:30px;}
	.board_list_wrap02 >ul >li .cont .text{height:41px; padding-top:22px; margin:-6px 0 18px;}
	.board_list_wrap02 >ul >li .cont .text p{line-height:21px; font-size:0.813em;}
	.board_list_wrap02 >ul >li .cont .text:before{width:20px;}
	.board_list_wrap02 >ul >li .cont .text:after{font-size:0.813em; bottom:-3px;}
	.board_list_wrap02 >ul >li .cont .text p{line-height:21px; min-height:41px;}

	.board_list_wrap02.news >ul >li .box{padding:16px 0 0 0;}
	.board_list_wrap02.news >ul >li .cont .text{margin:-5px 0 13px; height:25px;}
	.board_list_wrap02.news >ul >li .cont .text p{min-height:25px;}

	.board_list_wrap02.tv >ul >li .img a:before{background-size:33px;}
	.board_list_wrap02.tv >ul >li .box{padding:16px 0 0 0}
	.board_list_wrap02.tv >ul >li .cont{padding:0 14px;}
	.board_list_wrap02.tv >ul >li .cont .tit{max-height:25px;}
	.board_list_wrap02.tv >ul >li .cont .tit:after{bottom:0px}
	.board_list_wrap02.tv >ul >li .cont .tit a {min-height:25px;}

	/* 게시판 상세 타입 01 */
	.board_view_wrap01{margin-bottom:33px;}
	.board_view_wrap01 .title{line-height:24px; font-size:1.000em; padding:0 0 16px 0}
	.board_view_wrap01 .cont{padding-bottom:21px; margin-bottom:20px;}
	.board_view_wrap01 .cont .info{padding:18px 0 25px;}
	.board_view_wrap01 .cont .info .sort{font-size:0.813em; margin:0 0 14px 0}
	.board_view_wrap01 .cont .info .file a{font-size:0.813em; background-size:20px; padding:1px 0 4px 25px}
	.board_view_wrap01 .cont .view{font-size:0.813em; line-height:21px; padding:21px 0 0 0}
	.board_view_wrap01 .cont .view:after{width:30px;}
}
@media all and (max-width:640px){
	#header .hd_content .logo{margin-left:-28px !important;}

}
@media all and (max-width:480px){
	#container { margin-top: 20px; }
}
@media all and (max-width:320px){
	#footer{ padding-left:0px; padding-right:0px; }
	#footer .ft_info .copyright span { margin-left:10px; }
	#footer .ft_info .copyright .sns img { padding-top: 12px; width: 16px;}
}