@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }

/********** 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:'NotoSerifKR', 'Noto Sans KR','맑은 고딕','Malgun Gothic',NanumGothic,Helvetica,sans-serif,dotum; letter-spacing:-0.05em; font-weight: 400;}
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	{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:#c75934}
.normal		{font-weight:normal}
strong		{font-weight:500}
.malgun		{font-family:'Malgun Gothic'!important}
.color-tit {color: #c75934;}
.line-title::after{content: ""; width: 10%; height: 2px; background: #c75934; display: block; margin: 30px auto 0;}

/*top*/
.top	{float:left; width:100%; height:100vh; background:url(../img/top_bg-2.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.png)no-repeat center top; background-size:cover; margin:8% 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 { background: #f9eae1;}
.section2 .cont	{width:100%; font-size:19px; position:relative; text-align: center;}
.section2 .cont img	{width: 200px; margin-top: 30px; margin-bottom: 30px;}
.section2 .cont2	{width:100%; background:#f9eae1; padding:40px 0; margin-top:20px; background: #fff; text-align: left;}
.section2 .cont2 p	{margin: 0 40px; text-align:left; }
.section2 .cont2 .tit	{font-size:26px; line-height:34px; font-weight: 700;}
.section2 .cont2 .line{margin:20px 0; width:50%; height:2px; background:#c75934; }
.section2 .cont2 strong {font-weight: 700;}

/*인사말씀*/
.section3	{background:#f4f4f4}
.section3 .cont 	{font-size:19px; text-align:justify; letter-spacing:-0.06em}
.section3 .cont p {line-height: 34px;}
.section3 .cont img	{float:left; margin:0 50px 50px 0; border-bottom: 8px solid #c75934;}
.section3 .cont .sign{float:right; text-align:right; font-size:17px; letter-spacing:0; padding-top: 40px;}
.section3 .cont .sign strong	{font-size:28px; font-weight: 700;}
.section3 .cont .sign::after {content: "";  width: 40px; height: 2px; position: absolute; margin-left: 226px; float: right; margin-top: -60px; background: #c75934; display: block;}

/*식순*/
.section4 .inner{box-sizing:border-box; border: 8px #f9eae1 solid; padding:70px 0;}
.section4 .cont,.section4 .cont2	{display:table; margin:0 auto}
.section4 .cont {text-align: center;}
.section4 .cont li		{margin: 0px 0 30px; font-size:24px;}
.section4 .cont li .title	{background:#c75934; color:#fff; text-align:center; padding: 2px 20px 4px; font-size:18px; line-height: 48px;}
.section4 .cont li .point{font-size:34px; font-weight:500}
.section4 .cont2		{min-width:80%; background: #f9eae1; padding:30px;}
.section4 .cont2 p	{width:100%; padding-bottom:10px; font-size:18px}
.section4 .cont2 ul		{display: flex; width: 100%; height: 60px;  position: relative; align-items: center; justify-content: center;}
.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; height: 60px;}
.section4 .cont2 li .title	{background:#c75934; color:#fff; text-align:center; padding: 2px 20px 4px; font-size:18px; line-height: 48px;}
.section4 .cont2 .tt	{display: flex; width: 50%; text-align: right; font-weight: 700; position: relative; justify-content: flex-end;}
.section4 .cont2 .tt::after {content: ""; display: block; width: 1px; background: #ff5722; margin-left: 40px; height: 100%;}
.section4 .cont2 .con	{width: 50%; text-align: left; padding-left: 25px; justify-content: flex-start;}
.section4 .cont2 .size_s{font-size:14px;line-height: 20px; display: block;}

/*심사위원*/
.section5 {background:#f9eae1;}
.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:#9d9fa2;  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 .two .line {background-image: url(../img/judge-line.png); width: 100%; background-repeat:no-repeat; background-position: 56px 24px;}
.section5 dt p strong	{font-weight:700; display:block}
.section5 dt p span		{display:block; position:absolute; bottom:-28px; left:42px; font-size:20px; color:#222;}
.section5 dd			{float:left; width: 254px; padding-left:20px; margin-left:20px; font-size:16px; line-height:1.8; box-sizing:border-box}
.section5 dd::before {content: ""; width: 60%; height: 1px; background: #d07550; }
.section5 dd p strong	{display:block; font-size:22px; margin-bottom:15px}
.section5 dd strong		{font-size:18px; margin-right:10px; font-weight: 700;}
.section5 .judge-box-4 {width: 270px;}
.section5 .judge-box-5 {width: auto; }

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


/*수상작소개*/
.section7 {padding: 70px 0 0; background: #f9eae1;}
.section7 .inner {padding-top:40px; font-family:'Noto Sans KR';}
.section7 .inner.judge {padding-top:0px;}
.section7 h2			{font-size:50px; padding:50px 0 20px; font-family:'NotoSerifKR';}
.section7 h2 .color_bl 	{font-size:40px}
.section7 .sec_tit			{display:table; margin:0 auto; padding-bottom:40px; text-align:center; font-size:30px; position:relative; width: 70px; font-family:'NotoSerifKR';}
.section7 .sec_tit::before {content: ""; background-image: url(../img/sang_bg_le.png); display: block; position: absolute; left: -76px; width: 110px; top: -22px; height: 200px;}
.section7 .sec_tit .color_or::after {content: ""; background-image: url(../img/sang_bg_ri.png); display: block; position: absolute; left: 30px; width: 110px; top: -14px; height: 180px;}
.section7 .sec_tit::after   {content: ""; width: 40px; background: #666; display: block; margin: 100px auto 0; height: 2px;}
.section7 .sec_tit strong	{font-size:34px}
.section7 .work_info_wrap{float:left; width:100%; position:relative; border-bottom: 8px solid #c75833;}
.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; border:1px solid #c75934;}
.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: #d48463; box-sizing: border-box; padding: 3%; }
.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;font-weight: 700;}
.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 #c75934 solid; padding-bottom: 5px; font-size:24px; line-height: 1.8; }
.section7 .work_info_txt .s_title strong {font-weight: 700;}
.section7 .work_info_txt p {margin-bottom: 20px;}
.section7 .france {font-size: 14px; position: absolute; text-align: center; left: 10px; top: 170px;}
.section7 .france-name {font-size: 16px;}

.section7 .cont_bg		{float:left; width:100%; margin:50px 0 0; padding-bottom:100px; background:#f4f4f4}
.section7 .cont_bg p {margin-bottom: 20px;}
.section7 .cont_bg .tt	{font-size:25px; margin:30px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #c75934; }
.section7 .cont_bg .tt strong {font-size: 22px; font-weight: 700; }
.section7 .cont_bg .s_title {padding: 0 0 20px; display: block; margin-bottom: 20px; font-weight: 700;}
.section7 .cont_bg .s_title:before	{content: ""; width: 6px; height: 6px; background-color: #c75934; position: absolute; border-radius: 25px; margin-left: 4px; margin-top: 70px;}
.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; font-size:14px; line-height: 18px; color: #707070;}

.section7 .winner .sec_tit {display:table; padding:20px 0; text-align:center; font-size:24px; position:relative; margin-bottom: 120px;}
.section7 .winner .history {margin-bottom: 20px;}
.section7 .winner .history .tit {padding: 6px 0; border-top: 1px solid #c75833; border-bottom: 1px solid #c75833; font-weight: 700;}
.section7 .winner .history .tit .year {color: #c75833;}
.section7 .winner .history table {width: 100%; font-size: 14px; border-spacing: 0;}
.section7 .winner .history table th {background: #f7d5bf; padding: 0 10px; font-weight: 400;}
.section7 .winner .history table td {padding: 2px 10px; border-bottom: 1px solid #f7d5bf;}
.section7 .winner .history-title {font-size: 30px; text-align: center; margin-bottom: 50px; font-weight: 700; font-family:'NotoSerifKR';}

.section8 {background:url(../img/top_bg.gif)repeat center top; background-size:cover; }
.section8 h2 {font-size:30px; color: #c75833; text-align: left; margin-bottom: 0px; padding-bottom: 20px;}
.section8 .top-info{display: block; color: #707070; font-size: 14px; font-weight: 700; margin-bottom: 30px; border-bottom: 1px solid #f6decf; padding: 10px 0;}
.writer-info {padding: 10px 0; border-top: 1px solid #e7c5ba; border-bottom: 1px solid #e7c5ba; width: fit-content; margin: 20px 0 40px;}
.section8 p {margin-bottom: 20px; }

footer	{float:left; width:100%; padding:30px 0; background: #525252;}
#footer	{display:table; margin:0 auto; text-align:center; font-size:12px; letter-spacing:0; color:#bdbdbd; font-weight:400}
#footer span	{display:block; font-size:12px; line-height: 18px;}



@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; line-height: 28px;}
.top            {}
.top .inner     {bottom: 50px;}
.top .title     {height: 30%; margin-top: 30%;}
.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%}
.line-title::after {width:20%; }
.section2		{padding:40px 0 0}
.section2 .cont	{font-size:15px; float:none; text-align:left; width:90%; margin:0 auto; left: 0; height: auto; text-align: center;}
.section2 .cont2		{padding: 20px;  width: auto; margin-bottom: 20px;}
.section2 .cont2 p{margin: 0;}
.section2 .cont2 .tit	{font-size:20px; line-height:34px;}
.section2 .cont2 .line	{margin:10px auto; width:100%}
.section2 .cont img	{width:50%; position:relative; margin-bottom: 0;}
.section2 .cont2 .txt{width:90%; font-size:15px}

.section3 .cont	{font-size:16px}
.section3 .cont p {line-height: 28px;}
.section3 .cont img	{float: none; width: 50%; display: block; text-align: center; margin: 0 auto 20px;}
.section3 .cont .sign{font-size:14px}
.section3 .cont .sign strong	{font-size:22px}
.section3 .cont .sign::after {margin-top: -47px; margin-left: 174px;}

.section4 .inner{border:none; padding: 10px; border: 2px solid #f9eae1;}
.section4 .inner h2 {padding: 20px 0;}
.section4 .cont li .tt	{padding:0 5px; font-size:15px; margin-right:5px}
.section4 .cont li .title	{padding: 2px 10px ; font-size: 16px; font-weight: 700;}
.section4 .cont li		{font-size:18px; margin:0;}
.section4 .cont li .point{font-size:24px}
.section4 .cont2{margin-top: 20px; padding: 20px;}
.section4 .cont2 .con {padding-left: 20px; width: 44%; line-height: 22px;}
.section4 .cont2 ul	{margin-bottom:0}
.section4 .cont2 li	{font-size:14px; letter-spacing:-1px; line-height: 22px;}
.section4 .cont2 .size_s	{font-size:12px; line-height: 14px; }
.section4 .cont2 p	{font-size:15px}

.section5 {background:#f9eae1;}
.section5 h2 {padding-bottom: 20px;}
.section5 .cont	{ margin:0 auto; margin-top:20px}
.section5 dl	{margin-bottom:40px; display: block;}
.section5 dt	{float:none; width:100px; height:100px; margin:0 auto; background:#9d9fa2;  border-radius:50%; color:#fff; text-align:center; display:table; position:relative; margin: 0 auto;}
.section5 dt p	{vertical-align:middle; font-size:22px; line-height:1.3; word-break:keep-all;}
.section5 .two .line {background-image: url(../img/judge-line.png); width: 100%; background-repeat:no-repeat; background-position: 56px 24px;}
.section5 dt p strong	{font-weight:700; display:block}
.section5 dt p span		{display:block; position:absolute; bottom:-28px; left:26px; font-size:20px; color:#222;}
.section5 dd			{float:none; margin:0 auto 20px; width: 254px; padding-left:0px; font-size:14px; line-height:1.8; box-sizing:border-box}
.section5 dd::before {content: ""; width: 60%; height: 1px; background: #d07550; }
.section5 dd p strong	{display:block; font-size:22px; margin-bottom:15px}
.section5 dd strong		{font-size:16px; margin-right:10px; font-weight: 700;}
.section5 .judge-box-4 {width: auto; margin-top: 20px;}
.section5 .judge-box-5 {width: auto; margin-top: 40px;}


.section7		{padding:40px 0 0; font-family:'Noto Sans KR';}
.section7 h2	{font-size:34px; padding:0 0; font-family:'NotoSerifKR';}
.section7 h2 .color_bl	{font-size:28px}
.section7 .sec_tit		{font-size:24px; margin-top:0; margin-bottom:-55px; padding-top: 8px; line-height: 40px; font-family:'NotoSerifKR';}
.section7 .sec_tit .color_or::after {background-repeat: no-repeat; background-size: 83px; left: 32px; top: 5px;}
.section7 .sec_tit::before {background-repeat: no-repeat; background-size: 80px; left: -48px; top: -2px;}
.section7 .sec_tit:after	{margin-top: 70px;}
.section7 .work_info_wrap	{margin:20px 0; font-family:'Noto Sans KR';}
.section7 .work_info_wrap .work_info {padding-top: 10px; font-family:'NotoSerifKR';}
.section7 .work_info_wrap dt {width: 40%; margin: 0 auto; }
.section7 .work_info_wrap dt img	{width:100%;}
.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 {float: none; width: 100%; margin: 0 auto;  overflow: hidden; display: block; }
.section7 .work_info_wrap dd .writer dt {width: 40%; margin: 0 auto; float: none;}
.section7 .work_info_wrap dd .writer dd	{text-align: left; font-size: 15px; display: block; line-height: 20px; width: 100%; font-size: 17px; word-break: keep-all; padding: 20px; color: #fff;}
.section7 .work_info_wrap dd .writer dd strong	{font-size:16px; font-weight: 700;}
.section7 .work_info_wrap dd .writer li.name {margin-bottom: 16px; font-weight: 700;}
.section7 .work_info_wrap dd .writer li {margin-bottom: 6px; line-height: 22px; font-size: 14px;}
.section7 .work_info_txt {margin-top: 10px;}
.section7 .france {font-size: 14px; position: absolute; text-align: center; left: 10px; top: 172px;}
.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:14px; line-height: 18px; padding-top:5px}
.section7 .winner .history-title {line-height: 40px; font-family:'NotoSerifKR';}
.section7 .work_info_wrap .work_info.france-book {padding-top: 40px;}
.section7 .winner .sec_tit {margin-bottom: 55px;}

.section8 p {font-size: 14px;}
.writer-info {font-size: 14px;line-height: 24px;}

#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%}
}