@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


@font-face{
font-family:'ilbo';
src:url('../font/조선일보명조.eot');
src:local(※), 
	url('../font/조선일보명조.woff') format('woff');
}


body {margin: 0;line-height: 1; min-width: 300px;font-family:'NanumSquare', sans-serif;}
body a {text-decoration: none;}

.site{padding-bottom: 20px;}

.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

.site img	{border: none}


i { margin-right:12px;}



/* 기사 */
.story h1	{
    text-align: center;
    margin-top: 0;
    padding: 2% 0 4% 0;
	font-size: 35px;
    font-family: 'NanumSquare';
    color: #000000;
	font-weight: normal;border-bottom: dotted 2px #dadada;}


.story .story	{max-width: 100%;
	height: auto}


.story-img	{max-width: 90%;
    margin-left: 5%;
	height: auto;
	margin-bottom: 2%;}

/* 본문 */
.story-body	
{margin-top: 40px;padding-bottom: 100px;line-height: 160%;}


.story-body p{font-size: 15px; line-height: 180%;
    font-family: 'NanumSquare';
    color: #6e6e6e;}




/* 위치 리스트 */
.depth	{margin-bottom: 20px}

.depth ol	{margin: 0;
	padding: 0;
	list-style: none}

.depth li a	{display: inline-block;
	padding: 5px;
	color: #9f9f9f;
	font-size: 14px;
	text-decoration: none;font-weight: lighter;}


.depth ol:after	{content: "";
	display: block;
	clear: both}

.depth li	{float: left;
	width: auto}

.depth .small_depth:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #9f9f9f;}





/* 사이드 메뉴 */


.sidemenu h1	{
    border-bottom: solid 1px #dddddd;
    font-family: 'NanumSquare';
    margin: 0;
    text-indent: 18%;
    color: #3f3f3f;
	padding: 20px 0 20px 0;
	font-size: 23px;
	font-weight:normal;
}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}


.sidemenu li a {
    display: block;
    font-family: 'NanumSquare';
    text-indent: 20%;
	padding: 20px 0 20px 0;
	border-bottom: dotted 1px #dddddd;
    background-color: white;
	color: #000000;
	font-size: 16px;
    font-weight: lighter;
	text-decoration: none}

.sidemenu li:nth-child(2) a {
    display: block;
    background-color: #e5f4fd;
	color: #005a9e;
}


.sidemenu li:nth-child(2) a {font-weight: bold;font-size: 17px;}
.sidemenu li:nth-child(1):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(3):hover a {background-color: #fbfbfb;color: #3f3f3f;}





/* 저작권 */
.copyright p	{margin: 0;text-align: center;
    padding-left: 10%;padding-right: 10%;
	color: #666666;line-height: 180%;
	font-size: 12px; font-family: "Nanum Gothic", sans-serif; }

.copyright p a	{color:#666666;}



.contents .header_menu	{border-bottom: solid 1px #dddddd}


/* footerbox를 바의 형태로 디자인 */
.footerbox	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}


/* 박스의 왼쪽 오른쪽 */
.footerbox, .main_article
	{width: 100vw;
        font-family: "Nanum Gothic", sans-serif;}

.header_menu{padding-left: 0;}



.header_menu	{padding-top: 20px;
	padding-bottom: 20px; 
    background:#00597d; }


.main_article {padding-top: 25px;
	padding-bottom: 25px; padding-left: 10%; padding-right: 10%;}





    /* 공지글 영역*/

.data_tbl table{width: 100%;height: auto;}

.data_tbl thead tr th{
    text-align: center;
    background: #f5f8f9;
    border-top: 3px solid #77a7b0;  
    border-bottom: 1px solid #77a7b0;
    line-height: 200%;    
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
    
    .data_tbl thead tr th:nth-child(1){
        width: 85%;
}

.data_tbl thead tr th:nth-child(2){  
        width: 15%;
        font-size: 16px;
}




.data_tbl table tbody tr td{text-align: left; padding-left: 8%;font-size: 16px;line-height: 150%;color: #666;}

.data_tbl table tbody tr td img{width: 60%;text-align: left; padding-left: 12%;}


.data_tbl table tfoot{
        width: 100%;
	    text-align: left;
	    background-color: #f5f8f9;
	    border-bottom: 1px solid #dbdbdb;
        line-height: 200%;    
        font-size: 18px;
        font-family: "Nanum Gothic";
        font-weight: normal;
        text-indent: 50px;
}

.data_tbl table tfoot tr td{ 
    border-top: 1px solid #77a7b0;
}

.data_tbl table {border-bottom: 3px solid #77a7b0;}

.data_tbl table tfoot a{text-decoration: none; color: #000;font-size: 14px;}









/* ########### 931px 이상 ########### */
@media (min-width: 931px) {

    
    
.menu_list{ margin-right: 3vw !important;}
.sitelogo span {display: none;}
.sitelogo h1{width: 104px; height: 37px;background-image: url(img/logo1.PNG);background-repeat: no-repeat; background-size: 100% 100%;}
      
    
    
    
    
.main_article { padding-left: 5%; padding-right: 5%;}

.story-body	
{margin-top: 2%;padding: 0 2% 0 2%}

/* 토글 버튼 */
#menubtn	{display: none}

/* 내비게이션 */
#menu	{display: block !important}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}


.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* sitelogo top_menu*/
.header_menu:after	{content: "";
	display: block;
	clear: both}

.sitelogo	{float: left;
	width: auto}

.top_menu	{float: right;
	width: auto}



/* main_article_story sub_menu 설정 */
.main_article:after	{content: "";
	display: block;
	clear: both}

.main_article_story	{float: right;
	width: 80%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.sub_menu	{float: left;
	width: 13vw;}
    
    
    
    

    
/* 전체 너비를 고정 */
    
    .footerbox-inner{width: 100vw;}
    
 .header_menu_inner, .main_article
	{width: 90vw;
	margin-left: auto;
	margin-right: auto}
    
    
    .main_article{height: 70vw;overflow-y: scroll;}
    

/* header_menu의 아래에 테두리 삽입 */
.header_menu	{
	border-bottom: solid 5px #dddddd}
    
  
    
    
    
    
/* 추가 0624*/

    
    .menu li
    {margin-right: 30px;margin-top:14px;text-decoration: none;}
    
    .menu_list li a{text-decoration: none;font-weight: bold;font-size: 18px; color: #fff;font-family:'Nanum Gothic', sans-serif;}
  

    .menu_list ul li{font-family:'NanumSquare', sans-serif;}
    


	.header_menu { position:relative; width:100vw; height:80px;}

	.site {margin-top:14px;}
    

    
    
    
    /* 1메뉴*/
    
    
    
    
    
    .sub_menu1
    {position: absolute; z-index: 200; width: auto; height: auto; min-width: 180px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);background-image: url(img/b_bg_on.png);clear: both;float: left;}

    
    .sub_menu1 li
    {display: block;width: 180px;margin-right: 0; float: left; clear: both;margin-top:0;display: none;}
    
    
    .sub_menu1 li:hover
    {background-color: #2487af;text-decoration: none;}
    
    .sub_menu1 li a
    {text-decoration:none; text-align: center;color: #fff;font-size:13px; font-weight:500;transition: all 0.4s;}
    
    .sub_menu1 li a:hover
    {color:#fff;font-weight: 600; font-size: 16px;opacity: 1;}
    
    
    .menu_list li:nth-child(1):hover .sub_menu1 li{display: block;}
    
    
    

    
    
       
    /* 2메뉴*/
    
    
    
    
    
    .sub_menu2
    {position: absolute; z-index: 200; width: auto; height: auto; min-width: 180px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);background-image: url(img/b_bg_on.png);clear: both;float: left;}

    
    .sub_menu2 li
    {display: block;width: 180px;margin-right: 0; float: left; clear: both;margin-top:0;display: none;}
    
    
    .sub_menu2 li:hover
    {background-color:#2487af;text-decoration: none;}
    
    .sub_menu2 li a
    {text-decoration:none; text-align: center;color: #fff;font-size:13px; font-weight:500;transition: all 0.4s;}
    
    .sub_menu2 li a:hover
    {color:#fff;font-weight: 600; font-size: 16px;opacity: 1;}
    
    .menu_list li:nth-child(2):hover .sub_menu2 li{display: block;}
    

    
    
    
    
    

        /* 4메뉴*/
    
    
    
    
    
    .sub_menu4
    {position: absolute; z-index: 200; width: auto; height: auto; min-width: 180px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);background-image: url(img/b_bg_on.png);clear: both;float: left;}

    
    .sub_menu4 li
    {display: block;width: 180px;margin-right: 0; float: left; clear: both;margin-top:0;display: none;}
    
    
    .sub_menu4 li:hover
    {background-color:#2487af;text-decoration: none;}
    
    .sub_menu4 li a
    {text-decoration:none; text-align: center;color: #fff;font-size:13px; font-weight:500;transition: all 0.4s;}
    
    .sub_menu4 li a:hover
    {color:#fff;font-weight: 600; font-size: 16px;opacity: 1;}
    
    
    .menu_list li:nth-child(4):hover .sub_menu4 li{display: block;}

    
    
    
    
    .title {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #555;
}
.tab_type {
	margin-top: 35px;
	overflow: hidden;
	font-size: 0.75em;
	background: url("img/bg_tab_type_off.gif") repeat-x 0 bottom;
}
.tab_type li {
	float: left;
	margin-right: -1px;
	padding-bottom: 9px;
	height: 30px;
	min-width: 132px;
	overflow: hidden;
}
.tab_type li a {
	display: block;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #c7c7c7;
	border-bottom: none;
}
.tab_type li.on {
	position: relative;
	background: #fff url("img/bg_tab_type_on.gif") no-repeat 50% bottom;
}
.tab_type li.on a {
	color: #f87511;
	border: 2px solid #f87511;
	border-bottom: none;
}

.list_button {
	float: right;
    margin-right: 2%;
	margin-top: 5%;
	width: 48px;
height: 25px;
}

    
    
    
    

    
    .title {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #555;
}
.tab_type {
	margin-top: 35px;
	overflow: hidden;
	font-size: 0.75em;
	background: url("img/bg_tab_type_off.gif") repeat-x 0 bottom;
}
.tab_type li {
	float: left;
	margin-right: -1px;
	padding-bottom: 9px;
	height: 30px;
	min-width: 132px;
	overflow: hidden;
}
.tab_type li a {
	display: block;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #c7c7c7;
	border-bottom: none;
}
.tab_type li.on {
	position: relative;
	background: #fff no-repeat 50% bottom;
}
.tab_type li.on a {
	color: #f87511;
	border: 2px solid #f87511;
	border-bottom: none;
}


    
    

    
    
    
    
    
    

}

















/* ########### 930px 이하 ########### */
@media (max-width: 930px) {
    
    .main_article {padding-left: 6vw; padding-right: 5.5vw;}
    
    
  /* 박스의 왼쪽 오른쪽 */
    .main_article
	{width: 84vw;
        font-family: "Nanum Gothic", sans-serif;}
    
    .footerbox{width: 100%;}

   .story_pic {
       width:100%;
       height: 50vw;
       margin-bottom: 5%;
    }
    
    

    .story-body	p
{padding: 0 5% 0 5%}
    
    
    

.sitelogo span {display: none;}
.sitelogo h1{width: 104px; height: 37px;background-image: url(img/logo1.PNG);background-repeat: no-repeat; background-size: 100% 100%;margin-left: 3vw !important;}
.mainlogo{display: block;width: 200px;height: auto;}          
    
    
/*0624추가*/
.sub_menu {display: none}

/* 토글 버튼 */
#menubtn	{
    padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer;
    margin-right: 1.5vw;
   }
    

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;margin: 0 auto;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* 내비게이션 메뉴(세로 정렬) */
    
.header_menu{padding-bottom: 0;}
    
.menu	{display: none;}

.menu ul{margin: 0;
	padding: 0;
	list-style: none}

    

    

    .menu li a	{
    display: block;
    text-align:center;
    font-weight: bold;
	padding-top: 14px;
    padding-bottom: 14px;
	color: #848484;
    background-color: #f6f6f6;
    width: 100%;
    height: auto;
	font-size: 18px;
	text-decoration: none;
    border: solid 1px #ffffff;
    }        

    
    
    
    .list1 a:not(.list_sub){pointer-events: none;}
    .sub_menu1{display: none;}
    
    .list2 a:not(.list_sub){pointer-events: none;}
    .sub_menu2{display: none;}
    
    .list4 a:not(.list_sub){pointer-events: none;}
    .sub_menu4{display: none;}
    
    
    
    
    /* ie9~핵사용 */
    
    :root .menu li a	{	color: #ffffff\9;
    background-color: #7c7c7c\9;

    } 
    
   
    
    
    :root .list1 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu1{display: block\9;}
    
    :root .list2 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu2{display: block\9;}
    
    :root .list4 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu4{display: block\9;}
    
    
    :root .list1 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list1 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9; color: #7e7e7e\9;} 
    
    
    :root .list2 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list2 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9; color: #7e7e7e\9;}
        
    
    :root .list4 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list4 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9;color: #7e7e7e\9;}
    

    


    /* 0702 시작 */
    
    
    
    .list1 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list1 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e; border-top: 1px solid #dddddd;} 
    
    
    .list2 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list2 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
        
    
    .list4 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list4 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    
    

    
    
    
    .main_article{height: 100vw;overflow-y: scroll;}
    
    
    
    
    .title {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #555;
}
.tab_type {
	margin-top: 35px;
	overflow: hidden;
	font-size: 0.75em;
	background: url("img/bg_tab_type_off.gif") repeat-x 0 bottom;
}
.tab_type li {
	float: left;
	margin-right: -1px;
	padding-bottom: 9px;
	height: 30px;
	min-width: 132px;
	overflow: hidden;
}
.tab_type li a {
	display: block;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #c7c7c7;
	border-bottom: none;
}
.tab_type li.on {
	position: relative;
	background: #fff no-repeat 50% bottom;
}
.tab_type li.on a {
	color: #f87511;
	border: 2px solid #f87511;
	border-bottom: none;
}
    
    
    

    /* 공지글 영역*/

.data_tbl table{width: 100%;height: auto;}

.data_tbl thead tr th{
    text-align: center;
    background: #f5f8f9;
    border-top: 3px solid #77a7b0;  
    border-bottom: 1px solid #77a7b0;
    line-height: 200%;    
    font-size: 14px;
    color: #000;
    font-weight: normal;
}
    
    .data_tbl thead tr th:nth-child(1){
        width: 80%;
}

.data_tbl thead tr th:nth-child(2){  
        width: 20%;
        font-size: 12px;
}




.data_tbl table tbody tr td{text-align: left; padding-left: 8%;font-size: 12px;line-height: 150%;}

.data_tbl table tbody tr td img{width: 60%;text-align: left; padding-left: 12%;}


.data_tbl table tfoot{
        width: 100%;
	    text-align: left;
	    background-color: #f5f8f9;
	    border-bottom: 1px solid #dbdbdb;
        line-height: 200%;    
        color: #fff; 
        font-family: "Nanum Gothic";
        font-weight: normal;
        text-indent: 10px;
}

.data_tbl table tfoot tr td{ 
    border-top: 1px solid #77a7b0;
}

.data_tbl table {border-bottom: 3px solid #77a7b0;}

.data_tbl table tfoot a{text-decoration: none; color: #000;font-size: 12px;}


.list_button {
	float: right;
	margin: 5%;
	width: 38px;
height: 15px;
}



    
    
    
    
    
}














/* ########### 599px 이하 ########### */
@media (max-width: 599px) {
    

    
.main_article{height: 160vw;overflow-y: scroll;}

    
    
    
.story_pic {
       height: 50vw !important;}
    


/* 내비게이션 */
.menu li a	{padding: 10px 7px;
	font-size: 11px}

/* 개요 문장 */
.catch	{padding: 5px 10px;
	font-size: 12px}

/* 기사 */
.story h1	{font-size: 26px}

.story h2	{font-size: 20px}

/*0624추가*/
.sub_menu {display: none}
    
    
    
    
    
/* 내비게이션 메뉴(세로 정렬) */
    
.header_menu{padding-bottom: 0;}
    
.menu	{display: none;}

.menu ul{margin: 0;
	padding: 0;
	list-style: none}

    

    

    .menu li a	{
    display: block;
    text-align:center;
    font-weight: bold;
	padding-top: 14px;
    padding-bottom: 14px;
	color: #848484;
    background-color: #f6f6f6;
    width: 100%;
    height: auto;
	font-size: 18px;
	text-decoration: none;
    border: solid 1px #ffffff;
    }        

    
    
    
    .list1 a:not(.list_sub){pointer-events: none;}
    .sub_menu1{display: none;}
    
    .list2 a:not(.list_sub){pointer-events: none;}
    .sub_menu2{display: none;}
    
    .list4 a:not(.list_sub){pointer-events: none;}
    .sub_menu4{display: none;}
    
    
    
    
    /* ie9~핵사용 */
    
    :root .menu li a	{	color: #ffffff\9;
    background-color: #7c7c7c\9;

    } 
    
   
    
    
    :root .list1 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu1{display: block\9;}
    
    :root .list2 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu2{display: block\9;}
    
    :root .list4 a:not(.list_sub){pointer-events: visible\9;}
    :root .sub_menu4{display: block\9;}
    
    
    :root .list1 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list1 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9; color: #7e7e7e\9;} 
    
    
    :root .list2 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list2 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9; color: #7e7e7e\9;}
        
    
    :root .list4 li:nth-child(even) a{display: block\9; background-color: #ebebeb\9; color: #7e7e7e\9;}
    :root .list4 li:nth-child(odd) a{display: block\9; background-color: #f6f6f6\9;color: #7e7e7e\9;}
    

    


    /* 0702 시작 */
    
    
    
    .list1 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list1 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e; border-top: 1px solid #dddddd;} 
    
    
    .list2 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list2 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
        
    
    .list4 li:nth-child(even) a{display: block; background-color: #ffffff ; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    .list4 li:nth-child(odd) a{display: block; background-color: #ffffff; font-weight: normal; font-size: 14px;color: #7e7e7e;border-top: 1px solid #dddddd;}
    
    
    
    
    
    
    /* 공지글 영역*/



.data_tbl thead tr th{
    text-align: center;
    background: #f5f8f9;
    border-top: 3px solid #77a7b0;  
    border-bottom: 1px solid #77a7b0;
    line-height: 200%;    
    font-size: 10px;
    color: #000;
    font-weight: normal;
}
    


.data_tbl thead tr th:nth-child(2){  

        font-size: 8px;
}




.data_tbl table tbody tr td{text-align: left; padding-left: 0%;font-size: 8px;line-height: 150%;}

.data_tbl table tbody tr td img{width: 60%;text-align: left; padding-left: 15%;}


.data_tbl table tfoot{
        width: 100%;
	    text-align: left;
	    background-color: #f5f8f9;
	    border-bottom: 1px solid #dbdbdb;
        line-height: 200%;    
        color: #fff; 
        font-family: "Nanum Gothic";
        font-weight: normal;
        text-indent: 3px;
}

.data_tbl table tfoot tr td{ 
    border-top: 1px solid #77a7b0;
}

.data_tbl table {border-bottom: 3px solid #77a7b0;}

.data_tbl table tfoot a{text-decoration: none; color: #000;font-size: 8px;}






    
    
    
    
    
    
}



/* ########### 300px 이하 ########### */
@media (max-width: 300px) {

/* 사이트 이름 */
.site img	{width: 225px;
	height: auto}

.main_article{height: 260vw;overflow-y: scroll;}


}