@charset "utf-8";
html.fix{overflow-y:hidden}
/*skip-navigation*/
#skipnav li a:link, #skipnav li a:visited{display: block; width: 100%; background:#247acd; color:#fff; padding:10px; position: absolute; top:-1000px; left: 0; z-index: 1000}
#skipnav li a:focus, #skipnav li a:active { top:0;}
/* input tag */
input[type="text"],input[type="password"],input[type="file"],select{height:29px;text-align:left;background:#fff;border:1px solid #d6d6d6;padding:0 10px;color:#666}
input[type="file"]{width:100%;padding:0;line-height:normal;color:#666;}textarea{background:#f9f9f9;border:1px solid #e8e7e4;padding:5px;width:99%;color:#666}
input[type="file"]{background:#fafafa;height:auto;padding:4px 0}select{height:28px;}img{max-width:100%;}
/*IE 8 : max-width error */.btn_search img, .btn_mypage1 img, .share_list img{max-width:none; }
.layer_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#222;display:none;z-index:100;zoom:1;*z-index:-1;opacity:0.7;filter: alpha(opacity:'70');}
#wrap{position:relative;left:0;width:100%;min-height:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.layer_bg2{position:absolute;left:0;top:0;width:100%;height:100%;background:#222;display:none;z-index:999;zoom:1;*z-index:-1;opacity:0.7;filter: alpha(opacity:'70');}
#wrap{position:relative;left:0;width:100%;min-height:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#wrap > h2 { width: 1px; height: 1px; font-size: 0px; text-indent: -9999px; overflow: hidden;}
/* header */
#header{position:absolute;left:0;top:0;width:100%;margin:0 auto;}
#header.on{position:fixed;top:-87px;left:0;z-index:201;*top:-99px;}
#header.on .header_bg{max-width:1198px;margin:0 auto;padding-bottom:9px;background:url("../images/bg_header_03.png") repeat-x left bottom;}
#header .search{position:absolute;left:0;top:144px;*top:159px;width:100%;z-index:200;display:none;}
#header .search > div{padding:30px 10px;background:#f4f4f4;border:solid 1px #ced2d7;border-top:none;}
#header .search h3{margin-bottom:10px;font-size:36px;font-weight:bold;color:#444;letter-spacing:0;}
#header .search .search_word{position:relative;max-width:454px;margin:0 auto 20px;overflow:hidden;}
#header .search .search_word p{position:relative;max-width:388px;padding-left:10px;border:solid 1px #b0b0b0;border-right:none;background:#fff;}
#header .search .search_word input{width:100%;height:53px;line-height:53px;padding:0;font-size:16px;color:#444;border:none;*margin-top:-1px}
#header .search .search_word label{position:absolute;left:20px;top:0;line-height:53px;font-size:16px;color:#444;}
#header .search .search_word label:hover{cursor:text;}
#header .search .search_word > a{position:absolute;right:0;top:0;display:block;width:55px;height:37px;padding-top:18px;background:#444}
#header .search .popularity_search{margin-bottom:25px;}
#header .search .popularity_search li{display:inline-block;zoom:1;*display:inline;padding:0 5px;line-height:20px;}
#header .search .popularity_search li a{font-size:14px;color:#0078bd;}
#header .m_header{position:relative;height:55px;background:#0078bd;display:none;z-index:9999;}
#header .m_header h1{text-align:left;padding:14px 0 0 20px}
#header .m_header .btn_wrap{position:absolute;right:0;top:0;}
#header .m_header .btn_wrap > ul > li{float:left;border-left:solid 1px #2289c4;}
#header .m_header .btn_wrap > ul > li:last-child{background:#325794;}
#header .m_grayheader{display:none;z-index:9999;}

/* container */
#container{position:relative;max-width:1198px;margin:0 auto;padding-top:161px;*z-index:-10;*padding-top:210px;}
#container.depth{padding-top:201px}
.sub_ad_banner4 { width:200px;height:200px; margin:9px 10px 0 10px; float:right; background-color:gray;} 
@media screen and (max-width:900px){   
    .pc_AD {display: none;}
    .sub_ad_banner4 { width:200px;height:200px; display: inline;} 
}

/* footer */
#footer{max-width:1198px;margin:0 auto;padding:125px 0 80px;}
#footer .btn_fix{position:fixed;right:10px;bottom:10px;z-index:1000}
#footer .btn_fix a{display:block;margin-top:-1px;display:none}
#footer .btn_fix .save{display:none;width:50px;height:50px;background:url(../images/btn_fix_save01.gif) left top no-repeat;overflow:hidden}
#footer .btn_fix .save02{display:none;width:50px;height:50px;background:url(../images/btn_fix_save01_com.gif) left top no-repeat;overflow:hidden}
#footer .btn_fix .save:hover{background-position:right top}
#footer .menu_cover{position:relative;margin-bottom:20px;text-align:left;padding-right:170px;}
#footer .menu_cover .menu_list{display:inline-block;zoom:1;*display:inline;}
#footer .menu_cover .menu_list li{float:left;padding-top:15px;}
#footer .menu_cover .menu_list a{padding-right:9px;margin-right:8px;background:url("../images/bg_bar.gif") no-repeat right 50%;}
#footer .menu_cover .menu_list li.last a{padding:0;margin:0;background:none;}
#footer .menu_cover .share_cover{position:absolute;right:0;top:0;}
#footer .menu_cover .share_cover > p{display:inline-block;zoom:1;*display:inline;line-height:30px;padding-right:10px;}
#footer .menu_cover .share_cover .share_list{display:inline-block;zoom:1;*display:inline;}
#footer .menu_cover .share_cover .share_list li{display:inline-block;zoom:1;*display:inline;padding-left:2px;}
#footer .menu_cover .share_cover .share_list li:first-child{padding-left:0;}
#footer .menu_cover .share_cover .share_list li img{width:30px;}
#footer .menu_cover .share_cover .apps{display:none;}
#footer .apps dt{float:left;margin-right:10px;line-height:48px;}
#footer .apps dd{float:left;margin-top:10px;}
#footer .apps dd a{float:left;display:block;height:28px;line-height:28px;margin-right:5px;padding:0 10px 0 30px;border:solid 1px #e4e4e4;font-family:'Titillium Web';color:#888;letter-spacing:normal;background:#fff url("../images/bg_iphone.png") no-repeat 8px 50%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#footer .apps dd a:first-child{background:#fff url("../images/bg_android.png") no-repeat 8px 50%;}
#footer .subscribe_cover, #footer .subscribe_cover *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footer .subscribe_cover{position:relative;height:48px;padding:0 70px 0 20px;margin-bottom:18px;border:solid 1px #dedede;background:#f8f9fa;font-size:12px;}
#footer .subscribe_cover dl{float:left;}
#footer .subscribe_cover dl dt{display:inline-block;zoom:1;*display:inline;line-height:47px;}
#footer .subscribe_cover dl dd{display:inline-block;zoom:1;*display:inline;}
#footer .subscribe_cover .email{position:relative;padding-left:80px;}
#footer .subscribe_cover .email dt{position:absolute;left:0;top:0;}
#footer .subscribe_cover .email dd{position:relative;width:200px;padding-right:33px;margin-top:8px;}
#footer .subscribe_cover .email dd label{position:absolute;left:10px;top:0;line-height:30px;color:#444;}
#footer .subscribe_cover .email dd label:hover{cursor:text;}
#footer .subscribe_cover .email dd p{background:#fff;border:solid 1px #e4e4e4;padding-left:10px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}
#footer .subscribe_cover .email dd input[type="text"]{height:28px;width:100%;border:none;padding:0;}
#footer .subscribe_cover .email dd a{position:absolute;right:0;top:0;display:block;width:33px;line-height:30px;background:#8c8c8c;color:#fff;text-align:center;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}
#footer .subscribe_cover .family_site { float:right; text-align: left; position: relative;}
#footer .subscribe_cover .family_site .family_go { display: block; width:200px; height: 30px; background: #fff; border: 1px solid #e4e4e4; line-height: 30px; padding-left: 10px;margin-top: 8px; border-radius:2px; line-height: 28px; position: relative;}
#footer .subscribe_cover .family_site .family_go > span { display: block; width:33px; height: 100%; position: absolute; top:0; right: 0; background:#8c8c8c;color:#fff; border-radius:0 2px 2px 0; border-left:1px solid #e4e4e4;  }
#footer .subscribe_cover .family_site .family_go span span {display:block; width: 100%; height: 100%; background: url("../images/foot_arr.png") no-repeat center; background-size: 11px 7px; font-size: 0; text-indent: -9999px;}
#footer .subscribe_cover .family_site .family_go span span.reverse { background: url("../images/foot_arr2.png") no-repeat center; }
#footer .subscribe_cover .family_site ul { width: 100%; position: absolute; bottom:30px; left: 0; display: none; z-index: 50 }
#footer .subscribe_cover .family_site ul li { background: #fff; height:31px; border:1px solid #e4e4e4; border-bottom: 0 none; }
#footer .subscribe_cover .family_site ul li a { display: block; height: 100%; line-height: 30px; padding-left: 10px; font-size: 12px; color:#666;}
#footer .subscribe_cover > p{height: 100%; position:absolute;right:0;top:0;text-align:center;border-left:solid 1px #dedede;background:#fff url("../images/bg_top.png") no-repeat 50% 13px;}
#footer .subscribe_cover > p > a{display:block;width:49px;height:23px;padding-top:25px;font-family:'Titillium Web';letter-spacing:0;}
@media screen and (max-width:900px){
 #footer .subscribe_cover .apps{display:none;}
}
@media screen and (max-width:640px){
    #footer .subscribe_cover{padding:0 60px 0 10px;background:#fff;}
    #footer .subscribe_cover .email{ padding:0;  width: 49%;}
    #footer .subscribe_cover .email dt{display: none;}
    #footer .subscribe_cover .email dd { width: 100%;}
    #footer .subscribe_cover .family_site { width: 49% }
    #footer .subscribe_cover .family_site .family_go { width: 100%;}
}
@media screen and (max-width:600px){
    #footer .subscribe_cover .email{ display: none; }
    #footer .subscribe_cover .family_site { width: 100%; }
}

#footer .address_cover{position:relative;font-size:12px;}
#footer .address_cover h2{position:absolute;left:0;top:50%;margin-top:-12px;}
#footer .address_cover > div{margin-left:130px;text-align:left;line-height:18px;}
#footer .address_cover address span{display:inline-block;zoom:1;*display:inline;padding-right:6px;margin-right:5px;background:url("../images/bg_bar.gif") no-repeat right 50%;}
#footer .address_cover address span.last{background:none;padding-right:0;margin-right:0;}
#footer .address_cover .letter{font-family:'Titillium Web'}
.i_wrap{border:1px solid #d6d6d6;padding-left:10px;}
.i_wrap input{border:none;padding:0;width:100%;}
/* paging */
.paging{position:relative;margin-top:50px;text-align:center;border:solid 1px #ced2d7;}
.paging img{vertical-align:top}
.paging ol{display:inline-block;zoom:1;*display:inline}
.paging ol li{display:inline}
.paging ol li span,
.paging ol li a{display:block;float:left;width:25px;height:36px;line-height:36px;padding:0 0;font-size:13px;color:#888;background:url("../images/bg_bar.gif") no-repeat left 50%;}
.paging ol li.first a,
.paging ol li.first span{background:none}
.paging ol li.current span{color:#1c78d6;}
.paging ol li.prev{position:absolute;left:0;top:1px;border-right:solid 1px #ced2d7;}
.paging ol li.next{position:absolute;right:0;top:1px;border-left:solid 1px #ced2d7;}
.paging ol li.prev a,
.paging ol li.next a{width:36px;padding:0;background:none;}
.paging ol li.e_next a,
.paging ol li.e_prev a{width:36px;padding:0;background:none;}
.paging ol li.e_prev{position:absolute;left:37px;top:1px;border-right:solid 1px #ced2d7;}
.paging ol li.e_next{position:absolute;right:37px;top:1px;border-left:solid 1px #ced2d7;}
.paging.deskPage{display:block}
.paging.mobilePage{display:none}
/* table */
table .tl{text-align:left !important}
table .tc{text-align:center !important}
table .tr{text-align:right !important}
table .bl{border-left:none !important}
table .br{border-right:none !important}
table .vt{vertical-align:top !important}
table .nPd{padding:0 !important}
table .char{margin:0 5px !important}
table a,table img,table span,table label,table input{vertical-align:middle}
table.type01{width:100%;table-layout:fixed}
table.type01 td,table.type01 th{text-align:center;vertical-align:middle;border:1px solid #dddddc}
table.type01 td{color:#888;padding:12px 20px;}
table.type01 th{font-size:14px;color:#666;padding:12px 10px;font-weight:normal;background:#f8f5f3;border-color:#dcd6d2}
/* table */
table.type02{width:100%;table-layout:fixed}
table.type02 td,table.type02 th{text-align:left;vertical-align:middle;padding:10px 20px;border-top:1px solid #dddddc;border-bottom:1px solid #dddddc}
table.type02 td{color:#888}
table.type02 th{color:#54504c;background:#f1ece8;padding:7px 20px;font-weight:normal;line-height:30px;border-right:1px solid #dddddc}
table.type02 .t_m_title{color:#54504c;font-size:14px;margin-bottom:10px}
table.type03{width:100%;table-layout:fixed}
table.type03 td,table.type01 th{text-align:center;vertical-align:middle}
table.type03 td{color:#888;padding:10px 20px;height:18px;line-height:16px;background:#fff;border-bottom:1px solid #ced2d7}
table.type03 td img{margin-right:3px;}
table.type03 td.sort { color:#247acd; text-align: center}
table.type03 th{color:#666;height:40px;font-weight:normal;background:#f7f7f7;border-bottom:1px solid #c8c8c8;border-top:2px solid #247acd;text-align:center}
.list_data{margin-top:20px}
.list_subject{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.no_list_data{font-size:14px;color:#666;padding:20px 10px;border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8;text-align:center}
.video_caption { padding:2px 0 0 0; font-family: "dotum", 돋움, 돋움체; color:#595959; font-size: 9pt; }
/* btns */
.btn_list .btn{margin-left:8px;}
.btn_list .btn:first-child{margin:0;}
.btn{display:inline-block;zoom:1;*display:inline;text-align:center;}
.btn.type01{height:38px;line-height:38px;font-size:14px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.btn.gray{border:solid 1px #8c8c8c;background:#8c8c8c;color:#fff;}
.btn.white{border:solid 1px #cfcfcf;background:#fff;color:#666;}
.btn.blue{border:solid 1px #0078bd;background:#0078bd;color:#fff;}
a.btn03{display:inline-block;zoom:1;*display:inline;text-align:center;height:28px;line-height:28px;padding:0 20px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 4px}
a.btn03.type01, a.btn04.type01{color:#fff;border:1px solid #0078bd;background-color:#0078bd}
a.btn03.type02, a.btn04.type02{color:#666;border:1px solid #cfcfcf;background-color:#fff}
a.btn03:first-child{margin-left:0}
a.btn04{display:inline-block;zoom:1;*display:inline;text-align:center;height:38px;line-height:38px;padding:0 20px;font-size:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 4px}
@media screen and (max-width:1218px){#container,#footer{margin-left:10px;margin-right:10px;}}
@media screen and (max-width:1197px){#footer .btn_fix .save{display:block}#footer .btn_fix .save02{display:block}}
@media screen and (max-width:1023px){
    #footer{padding:50px 0;}
    #footer .menu_cover .share_cover > p{display:none;}
}
@media screen and (max-width:900px){
    .header_bar { display: none;} 
    #header{position:fixed;z-index:101}
    #header .m_header{display:block;}
    #header .m_grayheader{position:relative;width:100%;height:30px;background:#dcdcdc;display:block;z-index:9999;}    
    #header .m_grayheader .m_grayheader_one { width:110px; height:30px; position: absolute; top:0; left:15px; line-height: 30px;}   
    #header .m_grayheader .m_grayheader_one a { display: block; font-size: 14px; color:black; text-align: right}   
    #header .m_grayheader .m_grayheader_one a span { display: block; float: left; vertical-align: middle; padding-right: 5px; }
    #header .m_grayheader .m_grayheader_one a span img { width:17px;,height: 16px; margin-top: 7px; }  
    #header .m_grayheader .m_grayheader_two {display: inline-block; height:30px; width:auto; position: absolute; top:0; right:15px; line-height: 30px;}   
    #header .m_grayheader .m_grayheader_two a { display:block; font-size: 14px; color:black; text-align:right; padding-right: 19px; background: url("../images/170208.png") no-repeat right center; background-size: 15px 15px;}    
    #header .m_grayheader .m_grayheader_two a strong { letter-spacing: 0; color:#c70025;}
    #header .m_grayheader .m_grayheader_three { display: none; height:30px; width:180px; position: absolute; top:0; right:15px; line-height: 30px;} 
    #header .m_grayheader .m_grayheader_three a { display:block; font-size: 14px; color:black; text-align:right; padding-right: 28px; background: url("../images/171010.svg") no-repeat right center; background-size: 25px 25px; }    
    #header .search{top:80px;}
    #header .search > div{border:none;border-bottom:solid 1px #ced2d7}
    #container{padding-top:95px;}
    #container.depth{padding-top:95px;}
    #footer .menu_cover{margin-bottom:10px;padding:0;}
    #footer .menu_cover .menu_list{margin-bottom:10px;}
    #footer .menu_cover .menu_list li{padding-top:0px;}
    #footer .menu_cover .menu_list a{padding-right:6px;margin-right:5px;}
    #footer .menu_cover .share_cover{overflow:hidden;position:static;}
    #footer .menu_cover .share_cover > p{display:inline-block;}
    #footer .menu_cover .share_cover .apps{display:inline-block;margin-left:10px;}
    #footer .menu_cover .share_cover .apps dt{display:none;}
    #footer .menu_cover .share_cover .apps dd{margin:0;}
}
@media screen and (max-width:768px){
    .paging{margin-top:15px}
    .i_wrap{display:block}
}
@media screen and (max-width:640px){	
    .paging.deskPage{display:none}
    .paging.mobilePage{display:block}
    .paging ol{border-left:none;border-right:none;}
    #container,#footer{margin:0}	
    #header .search > div{padding:20px 10px;}
    #header .search h3{font-size:24px;}
    #header .search .search_word{margin-bottom:10px;}
    #header .search .search_word input{height:33px;line-height:33px;font-size:16px;}
    #header .search .search_word label{line-height:33px;font-size:14px;}
    #header .search .search_word > a{height:28px;padding-top:7px;}
    #header .search .popularity_search{margin-bottom:15px;}
    #header .search .popularity_search li a{font-size:13px}
    #footer{padding:30px 10px;margin-top:0;background:#eee;}
    #footer .menu_cover{text-align:center;}
    #footer .menu_cover .share_cover > p{display:none;}
    #footer .menu_cover .share_cover .apps dt{display:block;line-height:28px;}
    #footer .menu_cover.mobile .menu_list{margin:0;}
    #footer .menu_cover.mobile .menu_list a{font-size:14px;}
    #footer .address_cover{margin:0;}
    #footer .address_cover > div{margin-left:0;text-align:center;}
    #footer .address_cover .letter{font-size:13px;}
	.view_top{padding:9px 20px}
	.view_top h2{font-size:16px;color:#444;line-height:20px}
	.view_top .top_data{position:relative;top:auto;right:auto;height:auto;margin-top:5px}
	.view_top .top_data li{float:left;height:auto;text-align:center}
	.view_top .top_data li .info{font-size:14px;padding:0 10px;top:auto;margin-top:0}
	.view_top .top_data li:first-child .info{padding-left:0}
	.view_con{padding:25px 10px}
	table.type03 td{padding:10px}
	#footer .btn_fix .save02{width:50px;height:50px;background:url(../images/btn_fix_save01_com02.gif) left top no-repeat;-webkit-background-size:50px auto;-moz-background-size:50px auto;-o-background-size:50px auto;background-size:50px auto;}
}
@media screen and (max-width:420px){
	#footer .btn_fix .save{width:50px;height:50px;background:url(../images/btn_fix_save02.gif) left top no-repeat;-webkit-background-size:100px auto;-moz-background-size:100px auto;-o-background-size:100px auto;background-size:100px auto;}
}