@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: 100%;
	height: auto;}

/* 본문 */
.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 #3f3f3f;
    font-family: 'NanumSquare';
    margin: 0;
    text-indent: 18%;
    color: #3f3f3f;
	padding: 20px 0 20px 0;
	font-size: 23px;
	font-weight:bold;
}

.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(3) a {
    display: block;
    background-color: #e5f4fd;
	color: #005a9e;
}


.sidemenu li:nth-child(3) a {font-weight: bold;font-size: 17px;}
.sidemenu li:nth-child(1):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(2):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(4):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(5):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(6):hover a {background-color: #fbfbfb;color: #3f3f3f;}
.sidemenu li:nth-child(7):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%;}


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

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



}

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

   .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}

    
/*0627수정
.story .lead	{font-size: 16px}*/

/*0624추가*/
.sub_menu {display: none}
    
}



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

   .story_pic {
        padding-top:70%;
       width:100%;
       height: 50vw;
       margin-bottom: 5%;
        background: url(img/header-data-mobile.jpg) no-repeat center;
       background-size: 100% 100%
    }
    .story-img {
        display: none; /* PC용 블라인드 */
    }
    
    .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;}
    
    

    
    
    
    
    
}





/* ########### 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%;
    margin-right: 2%;
	-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}

/* 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;}
    
    
    article{margin-bottom: 150px;}

	.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;}

    
    
    
    
    
    
    
    
    
        

    
    
    
    
    
    
    
    

}