/********** reset **********/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select			{margin:0; padding:0; word-break:break-all;}
html,body{ margin:0; padding:0; width:100%; height:100% }
body	{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic',NanumGothic,Helvetica,sans-serif,dotum; letter-spacing:-0.05em;}
img		{margin:0; border:0}
ul,li	{list-style:none}
a		{color:#000; text-decoration:none}


/*공통*/
section	{float:left; width:100%; padding:70px 0}
h2	{float:left; width:100%; text-align:center; font-size:40px; padding-bottom:70px}
.inner		{display:table; width:900px; margin:0 auto; font-size:16px; line-height:1.6; color:#333; text-align:justify}
.color_or	{color:#e47327}
.normal		{font-weight:normal}
strong		{font-weight:500}
.malgun		{font-family:'Malgun Gothic'!important}

/*top*/
.top	{float:left; width:100%; height:100vh; background:url(../img/top_bg.gif)repeat center top; display:table; padding:0}
.top .inner 	{width: 100%; height: 100vh; text-align: center; }
.top .title     {height:346px; background:url(../img/top_bg_title.gif)no-repeat center top; background-size:cover; margin:5% 0}
.top .title,.top .logo	{float:left; width:100%; text-indent:-999999px}
.top .logo	{background:url(../img/logo.png) no-repeat center; height:58px; position:absolute; bottom: 5%;}
.top .date_wrap	{position:absolute; bottom: 20%; width: 100%;}
.top .date	{font-size:30px;  margin-bottom:3%;}
.top .date span	{font-size:40px; font-weight: 600;}
.top .btn_area	{float:left; width:100%; text-align:center;}
.top .btn_area_m{display: none;}

/*제정의 뜻*/
.section2 .cont	{float:left; width:100%; height:615px; font-size:19px; position:relative}
.section2 .cont img	{ position:absolute; right:-110px; bottom:0; z-index:-1}
.section2 .cont2	{float:left; width:100%; background:#fbeee0; padding:40px 0; margin-top:40px;}
.section2 .cont2 p	{display:table; margin:0 auto; text-align:center}
.section2 .cont2 .tit	{font-size:26px; line-height:34px}
.section2 .cont2 .line{margin:20px auto; width:10%; height:2px; background:#e47327}


/*인사말씀*/
.section3	{background:#f4f4f4}
.section3 .cont 	{font-size:19px; text-align:justify; letter-spacing:-0.06em}
.section3 .cont img	{float:left; margin:0 50px 50px 0}
.section3 .cont .sign{float:right; text-align:right; font-size:17px; letter-spacing:0}
.section3 .cont .sign strong	{font-size:28px}

/*식순*/
.section4 .inner		{box-sizing:border-box; border:1px #ccc solid; padding:70px 0;}
.section4 .cont,.section4 .cont2	{display:table; margin:0 auto}
.section4 .cont li		{display:table; margin:10px 0; font-size:24px}
.section4 .cont li .tt	{background:#e47327; color:#fff; text-align:center; padding:0 30px; margin-right:20px; font-size:18px}
.section4 .cont li .point{font-size:34px; font-weight:500}
.section4 .cont2		{min-width:500px; padding-top:70px;}
.section4 .cont2 p	{width:100%; padding-bottom:10px; font-size:18px}
.section4 .cont2 ul		{display:table; width:100%; margin-bottom:10px; position:relative}
.section4 .cont2 ul:before	{content:""; position:absolute; left:0; top:14px; border:4px ​#edd7bf dotted; width:100%; height:2px; z-index:-1}
.section4 .cont2 li		{font-size:20px; padding-bottom:10px; background:#fff}
.section4 .cont2 .tt	{float:left; padding-right:25px; font-weight:700; position:relative; }
.section4 .cont2 .con	{float:right; padding-left:25px;}
.section4 .cont2 .size_s{font-size:16px}

/*심사위원*/
.section5 .cont	{display:table; margin:0 auto; margin-top:40px}
.section5 dl	{display:table; margin-bottom:80px}
.section5 dt	{float:left; width:130px; height:130px; margin:0 auto; background:#e47327;  border-radius:50%; color:#fff; text-align:center; display:table; position:relative}
.section5 dt p	{display:table-cell; vertical-align:middle; font-size:25px; line-height:1.3; word-break:keep-all;}
.section5 dt p strong	{font-weight:700; display:block}
.section5 dt p span		{display:block; position:absolute; bottom:-35px; left:30px; font-size:20px; color:#222;}
.section5 dd			{float:left; border-left:1px  #e47327 solid; padding-left:50px; margin-left:80px; font-size:16px; line-height:1.8; box-sizing:border-box}
.section5 dd p strong	{display:block; font-size:22px; margin-bottom:15px}
.section5 dd strong		{font-size:18px; margin-right:10px} 

/*선정경위*/
.section6		{background:#e47327; color:#fff}
.section6 .inner{color:#fff; font-size:19px;}


/*수상작소개*/
.section7 {padding: 70px 0 0;}
.section7 h2			{font-size:50px; padding:50px 0}
.section7 h2 .color_bl 	{font-size:40px}
.section7 .sec_tit			{display:table; margin:0 auto; padding-bottom:120px; text-align:center; font-size:30px; position:relative}
.section7 .sec_tit::after   {content: ""; border-left: 1px #000 solid; padding-bottom: 90px; position:absolute; left: 50%; top:70px ;}
.section7 .sec_tit strong	{font-size:34px}
.section7 .work_info_wrap{float:left; width:100%; position:relative}
.section7 .work_info_wrap dt.work_info_top	{float:left; width:100%; text-align: center; position: relative; margin-bottom: 50px;}
.section7 .work_info_wrap dt.work_info_top img{width:170px; box-shadow:5px 5px 11px #999}
.section7 .work_info_wrap dt .work_book_wrap        {position: relative; display: table; margin: 0 auto;}
.section7 .work_info_wrap dt .work_book_wrap:before	{content:""; width:35px; height:110px; background:url(../img/sang_bg_le.gif) no-repeat left bottom; z-index:-1; position:absolute; left:-75px; bottom:30px}
.section7 .work_info_wrap dt .work_book_wrap:after	{content:""; width:35px; height:110px; background:url(../img/sang_bg_ri.gif) no-repeat right bottom; z-index:-1; position:absolute; right:-75px; bottom:30px}
.section7 .work_info_wrap .work_info{float:left; width:100%; font-size:30px; font-weight: 600; padding-bottom:30px}	
.section7 .work_info_wrap .work_info .color_bl{font-size:20px; font-weight:500; display:block;}
.section7 .work_info_wrap .work_info .size_s	{font-size:18px}
.section7 .work_info_wrap dd	{float:left; width:100%; background: #e98b4a; box-sizing: border-box; padding: 4%;}
.section7 .work_info_wrap dd .writer			{float:left; width:100%;}
.section7 .work_info_wrap dd .writer dt			{float:left; width:20%; height:100%; overflow:hidden}
.section7 .work_info_wrap dd .writer dt img		{width:100%; box-shadow:none}
.section7 .work_info_wrap dd .writer dd			{float:right; width:75%; font-size:17px; word-break:keep-all; padding: 0; color: #fff;}
.section7 .work_info_wrap dd .writer li.name	{display:block; font-size:24px; margin-bottom:5px; text-indent: -10px;}
.section7 .work_info_wrap dd .writer li:before  {content: "-"; display:inline-block; text-indent: -10px;}
.section7 .work_info_wrap dd .writer li.name:before {display: none;}
.section7 .work_info_txt        {float: left; width: 100%; margin-top: 30px;}
.section7 .work_info_txt .s_title{border-bottom:1px #e47327 solid; padding-bottom: 5px; font-size:24px; line-height: 1.8;}
.section7 .cont_bg		{float:left; width:100%; margin:50px 0; padding-bottom:100px; background:#f4f4f4}
.section7 .cont_bg .tt	{font-size:25px; margin:70px 0 20px}
.section7 .cont_bg .tt:before	{content:"●"; float:left; font-size:10px; color: #e47327; padding:10px 10px 10px 0}
.section7 .cont_img		{display:table; width:1050px; margin:0 auto; padding-top:30px}
.section7 .cont_img img {width: 100%; height: auto;}
.section7 .cont_img	p	{width:100%;  margin:0 auto; padding-top:10px}


footer	{float:left; width:100%; padding-bottom:50px}
#footer	{display:table; margin:0 auto; text-align:center; font-size:13px; letter-spacing:0; color:#666; font-weight:400}
#footer span	{display:block}



@media (min-width: 320px) and (max-width:480px) {
section	{padding:40px 0}
h2		{font-size:28px; padding-bottom:40px}
.hide	{display:none}
.inner	{width:90%; font-size:16px!important}
.top            {}
.top .inner     {bottom: 50px;}
.top .title     {height: 30%; margin: 10% 0;}
.top .date      {font-size: 20px;}
.top .date span {font-size: 30px;}
.top .btn_area  {display: none;}
.top .btn_area_m{display: block; margin-bottom: 50px;}
.top .logo		{background-size:40%}
.section2		{padding:40px 0 0}
.section2 .cont	{font-size:15px; float:none; text-align:left; width:90%; height:570px; margin:0 auto}
.section2 .cont2		{width:100vw}
.section2 .cont2 .tit	{font-size:20px; line-height:28px;}
.section2 .cont2 .line	{margin:10px auto; width:20%}
.section2 .cont img	{width:100%; position:relative; right:0; display:block}
.section2 .cont2 .txt{width:90%; font-size:15px}
.section3 .cont	{font-size:16px}
.section3 .cont img	{display:none}
.section3 .cont .sign{font-size:14px}
.section3 .cont .sign strong	{font-size:22px}

.section4 .inner{border:none; padding:0;}
.section4 .cont li .tt	{padding:0 5px; font-size:15px; margin-right:5px}
.section4 .cont li		{font-size:18px; margin:0;}
.section4 .cont li .point{font-size:24px}
.section4 .cont2{width:90%; min-width:90%; padding-top:50px}
.section4 .cont2 ul	{margin-bottom:0}
.section4 .cont2 li	{font-size:14px; letter-spacing:-1px}
.section4 .cont2 .size_s	{font-size:12px}
.section4 .cont2 p	{font-size:15px}
.section5 dl	{margin-bottom:20px; width:100%}
.section5 dt	{width:100%; height:34px; border-radius:0}
.section5 dt p 	{font-size:20px}
.section5 dt p strong	{display:inline}
.section5 dd	{width:100%; padding:0; margin:10px 0; border:none; font-size:13px; line-height:1.6; letter-spacing:-1px}
.section5 dd strong	{font-size:14px; margin-right:2px}
.section5 dd p strong{font-size:18px; margin-bottom:5px}
.section5 dt p span		{bottom:8px; right:8px; left:auto; font-size:14px; color:#fff}
.section5 dl.two dd	{width:50%}
.section5 dl.two dd.two_line	{border-left: 1px #e47327 solid; padding-left:18px; height:158px}
.section7		{padding:40px 0 0}
.section7 h2	{font-size:34px; padding:0 0 50px}
.section7 h2 .color_bl	{font-size:28px}
.section7 .sec_tit		{font-size:24px; margin-top:0; margin-bottom:-55px}
.section7 .sec_tit:after	{padding-bottom:44px}
.section7 .work_info_wrap	{margin:20px 0}
.section7 .work_info_wrap dt img	{width:85px}
.section7 .work_info_wrap dd .work_info	{text-align:left; float:right; width:70%; position:absolute; top:0; right:0; font-size:26px; line-height:30px}
.section7 .work_info_wrap dd .work_info .color_bl	{font-size:16px; margin-bottom:10px}
.section7 .work_info_wrap dd .writer dt	{}
.section7 .work_info_wrap dd .writer dd	{text-align:left; font-size:15px; line-height:20px}
.section7 .work_info_wrap dd .writer dd strong	{font-size:16px}

.section7 .cont_bg .tt	{font-size:18px; margin:20px 0}
.section7 .cont_bg .tt:before	{font-size:5px; padding:5px 5px 5px 0}
.section7 .cont_img,.section7 .cont_img img	{width:100%}
.section7 .cont_img p	{width:90%; font-size:16px; padding-top:5px}

#footer	{width:90%; font-size:12px}

}

@media (min-width: 480px) and (max-width:600px) {
    .inner	{width:90%; font-size:16px!important}
    .section2 .cont img {width: 100%; right: -20px;}
    .section5 dd    {padding-left: 30px; margin-left: 30px;}
    .section7 .cont_img,.section7 .cont_img img	{width:100%}
}