@charset "utf-8";


/* Reset */
 * {outline:0;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size:18px; color:#666; line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {font-size: 18px; font-weight: normal;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.pc_hidden {display:none}

/* 레이아웃 */
#utoro_wrap * {-moz-box-sizing:content-box; box-sizing:content-box;}
#utoro_wrap .container {
	box-sizing: border-box;
	max-width: 1355px;
	margin: 0 auto;
	padding: 0 20px;
}
.utoro #footer{position:relative}

/* 공통_남간사 프로젝트 바로가기 */
#utoro_wrap .link_nam {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 143px;
	background: url('../img/utoro/btn_link_page.png') no-repeat 0 0;
}

#utoro_wrap .pagination { margin: 0; }

.txtpart_v8.reply { padding-top: 0 !important; }

.utoro_blog_image { width: 100%; padding-top: 100%; background-size: cover; background-position: 50% 50%; }

.sec_utoro_reply { background: #fff; border: 1px solid #6f4835; padding: 30px; font-size: 22px; text-align: center; color: #333; font-weight: 600; }
.sec_utoro_reply a { display: inline-block; padding: 8px 20px 10px 20px; background: #6f4835; border-radius: 100px; margin-left: 15px; color: #fff; font-size: 80%; }
.sec_utoro_reply a:hover { background: #ffa200; color: #fff; }
.sec_utoro_reply img { width: 30px; margin-top: -7px; margin-right: 5px; }


/* 공통_youtube */
.lazyframe{position:relative; background-color:currentColor;background-repeat:no-repeat;background-size:cover}
.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}
.lazyframe__title:after{z-index:-1}
.lazyframe:hover{cursor:pointer}
.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}
.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}
.lazyframe[data-ratio="4:3"]:before{padding-top:75%}
.lazyframe[data-ratio="1:1"]:before{padding-top:100%}
.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}
.lazyframe[data-vendor="youtube"],
.lazyframe[data-vendor="youtube_nocookie"]{
	background-color:#000;font-family:Roboto, Arial, Helvetica, sans-serif
}
.lazyframe[data-vendor="youtube"] .lazyframe__title,
.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title {
	color:#eee;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0px 0px 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)
}
.lazyframe[data-vendor="youtube"] .lazyframe__title:hover,
.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover{color:#fff}
.lazyframe[data-vendor="youtube"] .lazyframe__title:before,
.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before{
	content:'';display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent
}
.lazyframe[data-vendor="youtube"]:before,
.lazyframe[data-vendor="youtube_nocookie"]:before{padding-top:56.25%}
.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before{padding-top:56.25%}
.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before{padding-top:75%}
.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before{padding-top:100%}
.lazyframe[data-vendor="youtube"]:after,
.lazyframe[data-vendor="youtube_nocookie"]:after{
	content:'';position:absolute;left:50%;top:50%;width:68px;height:49px;margin-left:-34px;margin-top:-24px;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");
	background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4
}
.lazyframe[data-vendor="youtube"]:hover:after,
.lazyframe[data-vendor="youtube_nocookie"]:hover:after{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg=="); opacity:1
}

/* sec_top */
#utoro_wrap .sec_top {
	position: relative;
	height: 100vh;
	background: url('../img/utoro/bg_intro.jpg') no-repeat center bottom;
	background-size: cover;
}
#utoro_wrap .sec_top > .intro_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background-color: #fff;
}
#utoro_wrap .sec_top .ani_txt {
	position: absolute;
	top: 20%; left: 50%;
	width: 800px;
	margin-left: -400px;
	text-align: center;
	font-family: 'Noto Serif KR';
	font-weight: 400;
	color: #333;
	/*opacity: 0;*/
	word-break: keep-all;
}

/* S:graph */
.holder {position:relative;background-color:#c1b7b3;width:100%;max-width:577px;margin:0 auto 64px}
.bar {
  background: #6f4835;
  width: 0;
  height:45px;
  margin: .25em 0;
  color: #fff;
  position: relative;
  transition: width 2s, background .2s;
  -webkit-transform: translate3d(0, 0, 0);
  clear: both;
}
.bar:nth-of-type(2n) {
  background: #ed7669;
}
.holder .label {
  font-size: 18px;
  display: inline-block;
  /*position: relative;*/
	position:absolute;
	left:50%;
	margin-left:-145px;
  z-index: 2;
	color:#fff;
}
holder .label.light {
  background: #575757;
}

.count {
	/*
  position: absolute;
  right: .25em;
  top: .75em;
  padding: .15em;
	*/
  font-size: 24px;
}
/* E:graph */

#utoro_wrap .sec_top .ani_txt > span {display: block;	font-size: 23px; line-height: 1.8;}
#utoro_wrap .sec_top .ani_txt > h1 {padding: 58px 0 48px;	line-height: 1; font-family: 'Noto Serif KR';}
#utoro_wrap .sec_top .ani_txt > h1 > strong {display: block; padding-bottom: 25px; font-size: 32px;}
#utoro_wrap .sec_top .ani_txt > h1 > em {font-size: 44px;	font-weight: 700;	color: #6f4835;}
#utoro_wrap .sec_top .ani_txt > h1 > em > .pt {color:#de3216;font-size:57px}
#utoro_wrap .sec_top #btn_main {
	position: absolute;
	left: 50%; bottom: -67px;
	width: 53px;
	height: 54px;
	margin-left: -20px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent:-9999px;
	background: url('../img/utoro/btn_move_arrow.png') no-repeat 0 0;
}
#utoro_wrap .sec_top .link_nam {
	top: 92px; bottom: auto;
	opacity: 0;
	background: url('../img/utoro/btn_link_page_top.png') no-repeat 0 0;
}

/* header */
#utoro_wrap .header {
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 100%;
	max-width: 1315px;
	height: 60px;
	margin-left: -657px;
	font-size: 0;
	opacity: 0;
	box-shadow: 5px 5px 5px rgba(38,38,38,.25);
}
#utoro_wrap .header.active {position: fixed; top: 117px; z-index: 100; opacity: 1;}
.ex_header #utoro_wrap .header.active {top: 60px;}
#utoro_wrap .header a {
	display: inline-block;
	color: #fff;
	line-height: 60px;
	text-align: center;
	font-family: 'Noto Serif KR';
	font-size: 18px;
	font-weight: 600;
}
#utoro_wrap .header > .nav {
	float: left;
	/*width: 78.859315%;*/
	width: 100%;
	text-align: center;
	background-color: #6f4835;
}
#utoro_wrap .header > .nav a {position: relative;	width: 24.204435%;}
#utoro_wrap .header > .nav a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 21px;
	margin-top: -10px;
	background-color: #9c857a;
}
#utoro_wrap .header > .nav a:first-child:after {display: none;}
#utoro_wrap .header > .nav a:hover,
#utoro_wrap .header > .nav a:focus,
#utoro_wrap .header > .nav a.on {color: #fff7e0;}

#utoro_wrap .header > .btn_area {float: left; width: 21.140684%;}
#utoro_wrap .header > .btn_area a {width: 50%;}
#utoro_wrap .header > .btn_area .btn_once {background-color: #36231a;}
#utoro_wrap .header > .btn_area .btn_regular {background-color: #221711;}

/* sec_01 */
#utoro_wrap #sec_01 {
	display: none;
	padding-top: 257px;
	background-color: #faf1e2;
	text-align: left;
	font-family: 'Noto Serif KR';
}
#utoro_wrap #sec_01.active {display: block;}
#utoro_wrap #sec_01 .video_wrapper {float: left; width: 37.034220%;}
#utoro_wrap #sec_01 .txtpart_v1 {padding-top: 200px;background-color:#fff}
#utoro_wrap #sec_01 .txtpart_v1 p {
	float: left;
	box-sizing: border-box;
	width: 62.965779%;
	padding: 6.844106% 4% 22.813688% 5.323193%;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5;
	color: #6f4835;
	word-break: keep-all;
}

#utoro_wrap #sec_01 .txtpart_v2 {
	background: #fff7e0 url('../img/utoro/bg_sec01_1.jpg') no-repeat right bottom;
	background-size: cover;
}
#utoro_wrap #sec_01 .txtpart_v2 p {
	font-family: 'Noto Serif KR';
	font-size: 30px;
	color: #000;
	letter-spacing: -0.5px;
	word-break: keep-all;
}
#utoro_wrap #sec_01 .txtpart_v2 p em {font-family: 'Noto Serif KR';}
#utoro_wrap #sec_01 .txtpart_v2 .clear > img {
	width: 51.406844%;
	margin-top: -64px;
	box-shadow: 18px 18px 24px rgba(38, 38, 38, 0.17);
}
#utoro_wrap #sec_01 .txtpart_v2 .clear > p {
	float: right;
	box-sizing: border-box;
	width: 48.51711%;
	padding: 12.1673% 0 0 6.692%;
	line-height: 1.5;
}
#utoro_wrap #sec_01 .txtpart_v2 .clear + p {
	width: 49%;
	padding: 12.31939% 0 18.1749%;
	line-height: 1.5;
}
#utoro_wrap #sec_01 .txtpart_v2 .clear + p em {display: block;}

#utoro_wrap #sec_01 .txtpart_v3 {
	position: relative;
	background: #161616 url('../img/utoro/bg_sec01_2.jpg') no-repeat center center;
}
#utoro_wrap #sec_01 .txtpart_v3 p {
	float: right;
	box-sizing: border-box;
	width: 50%;
	padding: 15.74% 0 14.61% 10.34%;
	color: #fff;
	font-family: 'Noto Serif KR';
}
#utoro_wrap #sec_01 .txtpart_v3 p > strong {
	display: block;
	padding-bottom: 30px;
	font-size: 34px;
	font-family: 'Noto Serif KR';
	line-height: 1.5;
	letter-spacing: -1px;
}
#utoro_wrap #sec_01 .txtpart_v3 p > span {
	display: block;
	font-size: 24px;
	line-height: 1.5;
	word-break: keep-all;
}

#utoro_wrap #sec_01 .txtpart_v4 {
	padding-top: 8.3%;
	padding-bottom: 29.2%;
	text-align: center;
	word-break: keep-all;
	background: url('../img/utoro/bg_sec01_3.jpg') no-repeat center bottom;
	background-size: cover;
}
#utoro_wrap #sec_01 .txtpart_v4 strong {
	display: block;
	padding-bottom: 47px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
#utoro_wrap #sec_01 .txtpart_v4 p + p {
	font-family: 'Noto Serif KR';
	font-size: 24px;
	color: #4f4f4f;
	line-height: 1.5;
}

#utoro_wrap #sec_01 .txtpart_v5 {
	padding: 6% 0;
	text-align: center;
	color: #000;
	word-break: keep-all;
	background: #faf1e2 url('../img/utoro/bg_sec01_4.jpg') no-repeat center center;
}
#utoro_wrap #sec_01 .txtpart_v5 p {
	margin-bottom: 20px;
	font-family: 'Noto Serif KR';
	font-size: 22px;
	line-height: 1.6;
}
#utoro_wrap #sec_01 .txtpart_v5 .pt {color:#6f4835}
#utoro_wrap #sec_01 .txtpart_v5 strong {font-family: 'Noto Serif KR'; font-size: 28px;}
#utoro_wrap #sec_01 .txtpart_v5 .btn_area {padding: 17px; text-align: center;}
#utoro_wrap #sec_01 .txtpart_v5 .btn_area > a {
	display: inline-block;
	width: 280px;
	height: 54px;
	line-height: 54px;
	font-family: 'Noto Serif KR';
	font-size: 22px;
	color: #fff;
	box-shadow: 5px 5px 5px rgba(38, 38, 38, .33);
}
#utoro_wrap #sec_01 .txtpart_v5 .btn_regular {background-color: #221711;}
#utoro_wrap #sec_01 .txtpart_v5 .btn_once {background-color: #36231a;}
#utoro_wrap #sec_01 .txtpart_v5 .btn_area + p {font-size: 13px; font-family: 'Noto Sans KR';}

#utoro_wrap #sec_01 .txtpart_v6 {
	padding: 8.229% 0 8.854%;
	text-align: center;
	color: #000;
	word-break: keep-all;
	background-color: #fff9e8;
	font-family: 'Noto Serif KR';
	line-height: 1.5;
}
#utoro_wrap #sec_01 .txtpart_v6 p:first-child {padding-bottom: 35px; font-family: 'Noto Serif KR'; font-size: 30px;}
#utoro_wrap #sec_01 .txtpart_v6 p:first-child em {display: block; font-size: 30px; font-weight: 700;}
#utoro_wrap #sec_01 .txtpart_v6 p + p {
	font-size: 20px;
	font-family: 'Noto Sans KR';
	color: #666;
	text-align: center;
}
#utoro_wrap #sec_01 .txtpart_v6 p + p em {
	display: block;
	padding-bottom: 96px;
	color: #000;
	font-weight: 700;
}
#utoro_wrap #sec_01 .txtpart_v6 ul {margin-bottom: 9px}
#utoro_wrap #sec_01 .txtpart_v6 li {float: left; height: 153px;}
#utoro_wrap #sec_01 .txtpart_v6 li:first-child {
	width: 45%;
	background: url('../img/utoro/img_sec01_badge1.png') no-repeat right 0;
}
#utoro_wrap #sec_01 .txtpart_v6 li + li {
	width: 55%;
	background: url('../img/utoro/img_sec01_badge2.png') no-repeat 15px 0;
}
#utoro_wrap #sec_01 .txtpart_v6 ul + span {
	font-family: 'Noto Sans KR';
	font-size: 13px;
	font-weight: 700;
	color: #5e5a50;
}

#utoro_wrap #sec_01 .txtpart_v7 {
	position: relative;
	padding: 8.854% 0;
	text-align: center;
	word-break: keep-all;
	line-height: 1.5;
}


#utoro_wrap #sec_01 .txtpart_v7 p:first-child {font-size: 36px; color: #000;}
#utoro_wrap #sec_01 .txtpart_v7 p:first-child strong {font-weight: 700; letter-spacing: -1px;}
#utoro_wrap #sec_01 .txtpart_v7 p + p {
	width: 54%;
	margin: 0 auto;
	padding: 64px 0;
	font-family: 'Noto Sans KR';
	word-break: keep-all;
}
#utoro_wrap #sec_01 .txtpart_v7 p + p em {
	display: block;
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
#utoro_wrap #sec_01 .txtpart_v7 li {
	float: left;
	width: 14.2857%;
	padding-top: 19.7718%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_1 {background-image: url('../img/utoro/img_campaigner_1.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_2 {background-image: url('../img/utoro/img_campaigner_2.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_3 {background-image: url('../img/utoro/img_campaigner_3.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_4 {background-image: url('../img/utoro/img_campaigner_4.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_5 {background-image: url('../img/utoro/img_campaigner_5.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_6 {background-image: url('../img/utoro/img_campaigner_6.jpg');}
#utoro_wrap #sec_01 .txtpart_v7 .campaigner_7 {background-image: url('../img/utoro/img_campaigner_7.jpg');}

#utoro_wrap #sec_01 .txtpart_v8 {
	position: relative;
	padding: 8.854% 0;
	background-color: #fff3df;
}

/* sec_02 */
#utoro_wrap #sec_02 {
	position: relative;
	display: none;
	padding: 257px 0 142px;
	text-align: left;
}
#utoro_wrap #sec_02.active {display: block;}

#utoro_wrap #sec_02 > div > h2 {
	padding-bottom: 70px;
	color: #000;
	font-size: 36px;
	font-weight: 700;
	font-family: 'Noto Serif KR';
	text-align: center;
}
#utoro_wrap #sec_02 .history_box1 {padding-bottom: 20px;}
#utoro_wrap #sec_02 .history_list1 {padding-bottom: 60px;}
#utoro_wrap #sec_02 .history_list1 img {
	float: left;
	box-sizing: border-box;
	width: 50%;
	vertical-align: top;
}
#utoro_wrap #sec_02 .history_list1 .desc {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 4.41% 0 0 3.95437%;
	font-family:'NanumSquare';
	color: #666;
}
#utoro_wrap #sec_02 .history_list1 .desc em {
	display: block;
	padding-bottom: 22px;
	font-family: 'Noto Serif KR';
	font-size: 77px;
	line-height: 1;
	color: #dcdcdc;
}
#utoro_wrap #sec_02 .history_list1 .desc strong {font-size: 24px;	font-weight: 800;	color: #000;}
#utoro_wrap #sec_02 .history_list1 .desc p {padding-top: 14px;}
#utoro_wrap #sec_02 .history_list1:nth-child(2n) img {float: right;}
#utoro_wrap #sec_02 .history_list1:nth-child(2n) .desc {padding: 4.41% 3.95437% 0 0;}
#utoro_wrap #sec_02 .history_list1 img.style_etc + .desc {padding-top: 0;}

#utoro_wrap #sec_02 .video_box {padding-bottom: 80px;}
#utoro_wrap #sec_02 .video_wrapper {float: left; width: 31.711%;}
#utoro_wrap #sec_02 .video_wrapper + .video_wrapper {margin-left: 2.3574%;}

#utoro_wrap #sec_02 .history_box2 {
	box-sizing: border-box;
	padding: 36px 40px;
	color: #404545;
	border: 5px solid #dadada;
}
#utoro_wrap #sec_02 .history_box2 h2 {padding-bottom: 20px;	font-size: 24px; font-weight: 600;}
#utoro_wrap #sec_02 .history_box2 > ol {width: 48%; font-size: 16px;}
#utoro_wrap #sec_02 .history_box2 > ol {float: left;}
#utoro_wrap #sec_02 .history_box2 > ol + ol {float: right;}
#utoro_wrap #sec_02 .history_list2 {
	padding-bottom: 17px;
	overflow: hidden;
	font-family: 'Noto Sans KR';
}
#utoro_wrap #sec_02 .history_list2 > em {float: left; width: 53px; font-weight: bold;}
#utoro_wrap #sec_02 .history_list2 > ol {float: left; width: calc(100% - 53px);}
#utoro_wrap #sec_02 .history_list2 li {
	padding-left: 10px;
	word-break: keep-all;
	background: url('../img/utoro/bul_dot.gif') no-repeat 0 11px;
}
#utoro_wrap #sec_02 .history_box2 .style_etc {background: none;}

/* sec_03 & bbs */
#utoro_wrap #sec_03 {
	position: relative;
	display: none;
	padding: 257px 0 155px;
	background-color: #fff3df;
}

#utoro_wrap #sec_03.active {display: block;}

#utoro_wrap #sec_03 .bbs {padding-bottom: 169px; text-align: center;}
#utoro_wrap #sec_01 .txtpart_v8 .bbs,
#utoro_wrap #sec_01 .txtpart_v8 h2,
#utoro_wrap #sec_03 .bbs > h2 {
	padding-bottom: 47px;
	font-family: 'Noto Serif KR';
	font-weight: 700;
	font-size: 36px;
	color: #000;
	text-align: center
}
#utoro_wrap #sec_03 .bbs > h2 i {font-style: normal;}
#utoro_wrap #sec_01 .txtpart_v8 .bbs ul,
#utoro_wrap #sec_03 .bbs > ul {text-align: left;}
#utoro_wrap #sec_01 .txtpart_v8 .bbs li,
#utoro_wrap #sec_03 .bbs li {
	float: left;
	width: 23.346%;
	margin-right: 2.205323%;
	padding-bottom: 65px;
	display: flex;
	flex-direction: column;
}
#utoro_wrap #sec_03 .bbs li a { order: 1; }
#utoro_wrap #sec_01 .txtpart_v8 .bbs li:nth-child(5n) { clear: both; }
#utoro_wrap #sec_01 .txtpart_v8 .bbs li:nth-child(4n),
#utoro_wrap #sec_03 .bbs li:nth-child(4n) {margin-right: 0;}
#utoro_wrap #sec_01 .txtpart_v8 .bbs li img,
#utoro_wrap #sec_03 .bbs li img {width: 100%; vertical-align: top;}
#utoro_wrap #sec_03 .bbs li span {display: block; padding-top: 12px; font-size: 18px;}
#utoro_wrap #sec_03 .bbs li > a,
#utoro_wrap #sec_01 .txtpart_v8 .bbs li span {display:block;font-family: "맑은 고딕", "Noto Sans KR", NanumBarunGothic, 돋움, dotum, "Apple SD Gothic Neo", AppleGothic, sans-serif;padding-top:12px;font-size:15px;line-height: 1.6;font-weight:bold}
#utoro_wrap #sec_03 .bbs .btn_more {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 201px;
	font-size: 18px;
	line-height: 56px;
	text-align: center;
	box-shadow: 5px 5px 5px rgba(38,38,38,.17);
	background: #fff;
	border: 1px solid #d7cbb6;
}
#utoro_wrap #sec_03 .bbs .btn_more:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 18px;
	vertical-align: middle;
	background: url('../img/utoro/btn_more_arrow.png') no-repeat right 2px;
}

#utoro_wrap #sec_01 .txtpart_v8 .bbs li em {
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	background-color: #ffbd1e;
	color: #000;
}
#utoro_wrap #sec_01 .txtpart_v8 .bbs li em.type2 {background-color: #ff981e}
#utoro_wrap #sec_01 .txtpart_v8 .bbs li em.type3 {background-color: #b4e53d}
#utoro_wrap #sec_01 .txtpart_v8 .bbs li em.type4 {background-color: #52e7bb}
#utoro_wrap #sec_01 .txtpart_v8 .bbs .pagination a {background-color:#fff}
#utoro_wrap #sec_01 .txtpart_v8 .bbs .pagination a:hover {color:#444}

/* sec_04 */
#utoro_wrap #sec_04 {
	position: relative;
	padding: 8.854% 0 16.406%;
	background-color: #fff9ee;
}
#utoro_wrap #sec_04 h2 {
	padding-bottom: 47px;
	font-family: 'Noto Serif KR';
	font-weight: 700;
	font-size: 36px;
	color: #000;
	text-align:center;
}

@media screen and (max-width : 1320px) {
	#utoro_wrap .header {left: 0; width: 100%;	margin-left: 0;}
}/* End - media (max-width: 1320px) */

@media screen and (max-height : 700px) {
	#utoro_wrap .sec_top .ani_txt {top: 20%}
}/* End - media (max-height : 700px) */

@media screen and (max-width : 999px) {
	.utoro .btn-pageup {display:none}
	.pc_hidden {display:block}
    .m_hidden{display:none}
	
	/* 레이아웃 */
	#utoro_wrap {min-width: 320px;}
	#utoro_wrap .container {box-sizing: border-box; width: 100%; padding: 0 20px;}

	/* 공통_남간사 프로젝트 바로가기 */
	#utoro_wrap .link_nam {
		width: 107px;
		height: 102px;
		background: url('../img/utoro/mobile/btn_link_page.png') no-repeat 0 0;
		background-size: contain;
		bottom:40px;
	}

	/* sec_top */
	#utoro_wrap .sec_top {background-position: 0 bottom;}
	#utoro_wrap .sec_top .ani_txt {
		left: 0;
		width: 100%;
		margin-left: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#utoro_wrap .sec_top .ani_txt > span {font-size: 15px; line-height: 1.76;}
	#utoro_wrap .sec_top .ani_txt > h1 {padding: 45px 0 20px;line-height:1.5}
	#utoro_wrap .sec_top .ani_txt > h1 > strong {padding-bottom: 3px; font-size: 18px;line-height:1.5}
	#utoro_wrap .sec_top .ani_txt > h1 > em {font-size: 22px;}
	#utoro_wrap .sec_top .ani_txt > h1 > strong > .pt {font-size:30px}
	#utoro_wrap .sec_top .ani_txt > h1 > em > .pt {font-size:27.5px}
	#utoro_wrap .sec_top #btn_main {
		left: 50%; bottom: -50px;
		width: 44px;
		height: 44px;
		margin-left: -22px;
		background: url('../img/utoro/mobile/btn_move_arrow.png') no-repeat 0 0;
		background-size: contain;
	}
	#utoro_wrap .sec_top .link_nam {
		top: auto; bottom: 40px;
		background: url('../img/utoro/mobile/btn_link_page.png') no-repeat 0 0;
		background-size: contain;
	}
	/* graph */
	.holder {margin-bottom:30px;max-width:300px}
	.holder .label {font-size:15px;margin-left:-122px}
	.count {font-size:20px}

	/* header */
	#utoro_wrap .header {left: 0; bottom: 0; width: 100%;	height: 40px;	margin-left: 0;}
	#utoro_wrap .header a {line-height: 40px;	font-size: 14px;}
	#utoro_wrap .header > .nav {width: 100%;}
	#utoro_wrap .header > .nav a {width: 33.3%;}
	#utoro_wrap .header > .nav a:after {height: 11px; margin-top: -5px;}

	#utoro_wrap .header > .btn_area {
		float: none;
		display: none;
		box-sizing: border-box;
		width: 100%;
	}
	#utoro_wrap .header > .btn_area.active {display: block;	position: fixed; bottom: 0;}
	#utoro_wrap .header > .btn_area a {width: 49.5%;}
	#utoro_wrap .header > .btn_area .btn_once {float: right; background-color: #50372b;}
	#utoro_wrap .header > .btn_area .btn_regular {background-color: #a1361e;}
	#utoro_wrap .header.active {top: 53px;}

	/* sec_01 */
	#utoro_wrap #sec_01,
	#utoro_wrap #sec_01.active {padding-top: 142px;}

	#utoro_wrap #sec_01 .video_wrapper {float: none; width: 100%; margin-bottom: 20px;}
	#utoro_wrap #sec_01 .txtpart_v1 p {
		float: none;
		width: 100%;
		padding: 0 0 107px 0;
		font-size: 19px;
	}

	#utoro_wrap #sec_01 .txtpart_v2 {
		background: #fff7e0 url('../img/utoro/mobile/bg_sec01_1.jpg') no-repeat center -30%;
		background-size: cover;
	}
	#utoro_wrap #sec_01 .txtpart_v2 .clear > img {width: 100%; margin-top: -22px;}
	#utoro_wrap #sec_01 .txtpart_v2 p {font-size: 18px;}
	#utoro_wrap #sec_01 .txtpart_v2 .clear > p {float: none; width: 100%;	padding: 20px 0 32px;}
	#utoro_wrap #sec_01 .txtpart_v2 .clear + p {width: 100%; padding-top: 0; padding-bottom: 253px;}
	#utoro_wrap #sec_01 .txtpart_v2 .clear + p em {display: inline;}

	#utoro_wrap #sec_01 .txtpart_v3 {
		background: #161616 url('../img/utoro/mobile/bg_sec01_2.jpg') no-repeat center center;
		background-size: cover;
		word-break: keep-all;
	}
	#utoro_wrap #sec_01 .txtpart_v3 p {float: none;	width: 100%; padding: 87px 0 308px 0;}
	#utoro_wrap #sec_01 .txtpart_v3 p > strong {padding-bottom: 12px;	font-size: 18px;}
	#utoro_wrap #sec_01 .txtpart_v3 p > span {font-size: 15px;}

	#utoro_wrap #sec_01 .txtpart_v4 {padding: 92px 0 253px; word-break: keep-all;}
	#utoro_wrap #sec_01 .txtpart_v4 strong {padding-bottom: 10px;	font-size: 18px;}
	#utoro_wrap #sec_01 .txtpart_v4 p + p {font-size: 15px;}

	#utoro_wrap #sec_01 .txtpart_v5 {
		padding: 110px 0 60px;
		word-break: keep-all;
		background: #faf1e2 url('../img/utoro/mobile/bg_sec01_4.jpg') no-repeat center 50%;
		background-size: cover;
	}
	#utoro_wrap #sec_01 .txtpart_v5 p {margin-bottom: 27px;	font-size: 15px;}
	#utoro_wrap #sec_01 .txtpart_v5 strong {font-size: 18px;}
	#utoro_wrap #sec_01 .txtpart_v5 .br {display: block;}
	#utoro_wrap #sec_01 .txtpart_v5 .btn_area {padding: 38px 0 14px;}
	#utoro_wrap #sec_01 .txtpart_v5 .btn_area > a {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	#utoro_wrap #sec_01 .txtpart_v5 .btn_regular {float: left; background-color: #a1361e;}
	#utoro_wrap #sec_01 .txtpart_v5 .btn_once {float: right; background-color: #50372b;}
	#utoro_wrap #sec_01 .txtpart_v5 .btn_area + p,
	#utoro_wrap #sec_01 .txtpart_v5 .btn_area + p > span {font-size: 12px; line-height: 1.4}

	#utoro_wrap #sec_01 .txtpart_v6 {padding: 87px 0 90px; word-break: keep-all;}
	#utoro_wrap #sec_01 .txtpart_v6 p:first-child {padding-bottom: 24px; font-size: 20px;}
	#utoro_wrap #sec_01 .txtpart_v6 p:first-child em {font-size: 20px;}
	#utoro_wrap #sec_01 .txtpart_v6 p + p {font-size: 15px;}
	#utoro_wrap #sec_01 .txtpart_v6 p + p em {padding-bottom: 36px;}
	#utoro_wrap #sec_01 .txtpart_v6 ul {margin-bottom: 13px}
	#utoro_wrap #sec_01 .txtpart_v6 li {height: auto;}
	#utoro_wrap #sec_01 .txtpart_v6 li:first-child {
		height: 77px;
		background: url('../img/utoro/mobile/img_sec01_badge1.png') no-repeat right 0;
		background-size: contain;
	}
	#utoro_wrap #sec_01 .txtpart_v6 li + li {
		height: 109px;
		background: url('../img/utoro/mobile/img_sec01_badge2.png') no-repeat 9px 0;
		background-size: contain;
	}
	#utoro_wrap #sec_01 .txtpart_v6 ul + span {font-size: 12px;}

	#utoro_wrap #sec_01 .txtpart_v7 {padding: 92px 0 185px; word-break: keep-all;}
	#utoro_wrap #sec_01 .txtpart_v7 p:first-child {font-size: 21px;}
	#utoro_wrap #sec_01 .txtpart_v7 p + p {width: 100%;	padding: 30px 0 23px;	font-size: 15px;}
	#utoro_wrap #sec_01 .txtpart_v7 p + p em {font-size: 16px;}
	#utoro_wrap #sec_01 .txtpart_v7 li {
		float: none;
		width: 100%;
		padding-top: 79%;
		margin-bottom: 4px;
	}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_1 {background-image: url('../img/utoro/mobile/img_campaigner_1.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_2 {background-image: url('../img/utoro/mobile/img_campaigner_2.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_3 {background-image: url('../img/utoro/mobile/img_campaigner_3.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_4 {background-image: url('../img/utoro/mobile/img_campaigner_4.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_5 {background-image: url('../img/utoro/mobile/img_campaigner_5.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_6 {background-image: url('../img/utoro/mobile/img_campaigner_6.jpg')}
	#utoro_wrap #sec_01 .txtpart_v7 .campaigner_7 {background-image: url('../img/utoro/mobile/img_campaigner_7.jpg')}

	/* sec_02 */
	#utoro_wrap #sec_02 {padding: 142px 0 136px;}
	#utoro_wrap #sec_02 > div > h2 {padding-bottom: 32px;	font-size: 21px; letter-spacing: -1px;}
	#utoro_wrap #sec_02 .history_box1 {padding-bottom: 0;}
	#utoro_wrap #sec_02 .history_list1 {padding-bottom: 85px;}
	#utoro_wrap #sec_02 .history_list1 img {float: none; width: 100%;}
	#utoro_wrap #sec_02 .history_list1 img.style_etc {display: none;}
	#utoro_wrap #sec_02 .history_list1 .desc {
		float: none;
		width: 100%;
		padding: 13px 0 0 0;
		font-size: 14px;
		word-break: keep-all;
	}
	#utoro_wrap #sec_02 .history_list1 .desc em {display: none;}
	#utoro_wrap #sec_02 .history_list1 .desc strong {font-size: 16px;}
	#utoro_wrap #sec_02 .history_list1 .desc p {padding-top: 3px;}
	#utoro_wrap #sec_02 .history_list1:nth-child(2n) img {float: none;}
	#utoro_wrap #sec_02 .history_list1:nth-child(2n) .desc {padding: 13px 0 0 0;}
	#utoro_wrap #sec_02 .video_box {display: none}

	#utoro_wrap #sec_02 .history_box2 {padding: 14px 17px; border: 2px solid #dadada;}
	#utoro_wrap #sec_02 .history_box2 h2 {font-size: 16px; color: #000; word-break: keep-all;}
	#utoro_wrap #sec_02 .history_box2 > ol {width: 100%; font-size: 13px;}
	#utoro_wrap #sec_02 .history_box2 > ol {float: none;}
	#utoro_wrap #sec_02 .history_box2 > ol + ol {float: none;}
	#utoro_wrap #sec_02 .history_list2 > em {width: 40px; font-size: 14px;}
	#utoro_wrap #sec_02 .history_list2 > ol {width: calc(100% - 40px);}
	#utoro_wrap #sec_02 .history_list2 li {background-position: 0 9px;}

	/* sec_03 & bbs */
	#utoro_wrap #sec_03 {padding: 142px 0 43px;}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs,
	#utoro_wrap #sec_03 .bbs {padding-bottom: 90px;}
	#utoro_wrap #sec_01 .txtpart_v8 h2,
	#utoro_wrap #sec_03 .bbs > h2 {padding-bottom: 24px; font-size: 21px; letter-spacing: -1px;}
	#utoro_wrap #sec_03 .bbs > h2 i {display: block;}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs li,
	#utoro_wrap #sec_03 .bbs li {width: 49%; margin-right: 2%; padding-bottom: 30px;}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs li:nth-child(4n),
	#utoro_wrap #sec_03 .bbs li:nth-child(4n) {margin-right: 2%;}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs li:nth-child(2n),
	#utoro_wrap #sec_03 .bbs li:nth-child(2n) {margin-right: 0;}
	#utoro_wrap #sec_03 .bbs li span {padding-top: 6px; font-size: 12px; line-height: 1.3}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs li span,
	#utoro_wrap #sec_03 .bbs li > a {font-size:13px;line-height:1.5;}
	#utoro_wrap #sec_03 .bbs .btn_more {width: 122px;	font-size: 13px; line-height: 35px;}
	#utoro_wrap #sec_03 .bbs .btn_more:after {
		width: 18px;
		height: 13px;
		background: url('../img/utoro/mobile/btn_more_arrow.png') no-repeat right 2px;
	}
	#utoro_wrap #sec_01 .txtpart_v8 .bbs li em {line-height: 25px;	font-size: 13px;}
	
	/* sec_04 */
	#utoro_wrap #sec_04 {padding: 87px 0 90px; word-break: keep-all;}
	#utoro_wrap #sec_04 h2 {padding-bottom: 24px; font-size: 21px; letter-spacing: -1px;}
}/* End - media (max-width: 999px) */

@media screen and (max-width : 638px) {

	.sec_utoro_reply { font-size: 18px; margin-bottom: 50px; }
	.sec_utoro_reply a { display: block; width: 150px; margin: 0 auto; margin-top: 15px; }
	.sec_utoro_reply img { width: 20px; }
	.bar { height: 38px; }

}

@media screen and (max-width : 414px) {
	#utoro_wrap .sec_top {
		background: url('../img/utoro/mobile/bg_intro.jpg') no-repeat 0 0;
		background-size: cover;
	}
	#utoro_wrap .sec_top .ani_txt {top: 15%}

	#utoro_wrap #sec_01 .txtpart_v1 p {line-height: 1.7}
	#utoro_wrap #sec_01 .txtpart_v1 .br {display: block;}
	#utoro_wrap #sec_01 .txtpart_v2 {
		background: #fff7e0 url('../img/utoro/mobile/bg_sec01_1.jpg') no-repeat center bottom;
		background-size: contain;
	}
	#utoro_wrap #sec_01 .txtpart_v2 .br {display: block;}
	#utoro_wrap #sec_01 .txtpart_v4 {
		background: url('../img/utoro/mobile/bg_sec01_3.jpg') no-repeat center bottom;
		background-size: cover;
	}
	#utoro_wrap #sec_01 .txtpart_v5 {background-position: center bottom;}
	#utoro_wrap #sec_01 .txtpart_v6 p + p {line-height: 1.7}
	#utoro_wrap #sec_01 .txtpart_v6 .br {display: block;}
}/* End - media (max-width: 414px) */

@media screen and (max-width : 360px) {
	#utoro_wrap #sec_01 .txtpart_v3 p > strong {word-break: keep-all;}
}/* End - media (max-width: 360px) */

@media screen and (max-width : 320px) {
	#utoro_wrap .sec_top .ani_txt {top: 10%}
	#utoro_wrap #sec_01 .txtpart_v1 .br {display:inline;}
	#utoro_wrap #sec_01 .txtpart_v6 ul {margin-bottom: 0}
	#utoro_wrap #sec_01 .txtpart_v6 li:first-child,
	#utoro_wrap #sec_01 .txtpart_v6 li + li {background-size: 92%;}
}/* End - media (max-width: 320px) */