@media all and (min-width:1px) and (max-width:1023px) {
	.mobile_br {display:none;}
	.hide {opacity:1;}

	.loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:1000;}
	.loading .img {position:absolute; top:0; bottom:0; left:0; right:0; width:64px; height:160px; margin:auto; text-align:center;}

	.trans {
		-moz-transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
	}

	body {
		background:#ececec;
	}

	.bg {left:0px; width:100%; margin:0px; }

	.wrap {position:relative; width:100%; margin:0 auto;}

	/* 헤더 */
	.layout-header {width:100%;}
	.align-layout {width:100%;box-sizing:border-box;}
	.header-align-layout {padding:20px}
	.header-inner {width: 100%;}
	.logo img {width:48px;margin-top: 23px;}

	.header {display:none; position:fixed; top:0; left:0; width:100%; padding:20px; box-sizing:border-box; z-index:201}
	.header .inner {position:relative; width:100%; margin:0 auto;}
	.header .inner .btn_menu {float:right; display:block; width:50px; height:50px; background:url("/newsletter/images/btn_menu_off.png") no-repeat; background-size:50px;}
	.header .inner .btn_menu.active {background:url("/newsletter/images/btn_menu_on.png") no-repeat; background-size:50px;}
	.header .inner .btn_menu:focus {outline:0;}

	/* 스크롤 메뉴 */
	.scroll_menu_wrap {display:none;}

	/* 풀메뉴 */
	.full_menu_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url("/newsletter/images/bg_full_menu.png") repeat; text-align:center; z-index:200;}
	.full_menu {display:table-cell; vertical-align:middle; }
	.full_menu .menu {}
	.full_menu .menu li {}
	.full_menu .menu li a {display:block; padding:10px 0;}
	.full_menu .menu li * {
		-moz-transition: all 0.2s ease-in;
		-webkit-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
	}
	.full_menu .menu li strong {font-size:28px; color:#fff;}
	.full_menu .menu li p {font-size:13px; font-family:'Malgun Gothic';}
	.full_menu .menu li:hover {background:#fff;}
	.full_menu .menu li:hover strong {color:#a5978a;}
	.full_menu .menu li:hover p {opacity:1;}
	.layout-body {overflow:hidden;}

	/* 섹션별 스타일 */
	#section01{padding-top: 0px;background-color:#eee;}
	.prologue p {max-width:250px;margin:0 auto;line-height:28px;}
	.spirit {height:100%; margin:0px;background-image:none;}
	.spirit dl {padding-top:70px; padding-bottom:70px;}
	.spirit dl dd {float:inherit; width:100%;padding-right:0px;}
	.spirit dl dd ul li {float:inherit; max-width:250px;width:100%;  text-align:center; margin:0 auto;}
	.spirit dl dd ul li .thumb {margin:0 auto;}
	.spirit dl dt {float:inherit; padding-left: 0px;max-width:250px;margin:0 auto 30px;}
	.spirit dl dd ul li .desc span {text-align: left;}
	.section02 {padding:75px 20px 20px 20px; background:#fff;}
	.identity dl {width:100%;}
	.identity dl dt {text-align:center;}
	.identity dl dd ul {background-image:none;}
	.identity dl dd ul li {float:inherit;width:100%}
	.identity dl dd ul li .col-name {text-align:center;}
	.section03 {padding:75px 20px 20px 20px; background:#eee;}
	.big-cate-title {margin-top:0px;}
	.big-cate-title .big-cate-title-row {width:100%;}
	.big-cate-title .big-cate-title-row span:first-child {text-align:center}
	.big-cate-title .big-cate-title-row p {padding-left:0px; text-align:center;}
	.big-cate-title .big-cate-title-row span {margin-bottom:10px; text-align:center}
	.history {margin-top:0px;}
	.history dl {width: 100%;}
	.history dl dt { margin-bottom: 55px; margin-top: 40px; text-align: center;}
	.history dl dd ul li {width:50%;height:100%; margin-bottom:50px;}
	.history dl dd ul li:first-child:before, .history dl dd ul li:nth-child(5):before, .history dl dd ul li:nth-child(9):before, .history dl dd ul li:nth-child(13):before {background-image:none}
	.history dl dd ul li .thumb .thumb-in {height:100%}
	.history dl dd ul li .title {position:relative;top:0px;:left:0px;display:inline-block;height:45px;margin-bottom:0px;}
	.cmapus {margin-top:0px;}
	.cmapus dl {width:100%;}
	.cmapus dl dt {margin-bottom:60px; text-align:center;}
	.cmapus dl dd ul li:first-child:before, .cmapus dl dd ul li:nth-child(5):before, .cmapus dl dd ul li:nth-child(9):before, .cmapus dl dd ul li:nth-child(13):before {background-image:none}
	.cmapus dl dd ul li {width:50%;margin-bottom: 60px;}
	.section04 {padding:45px 20px 20px 20px; background:#fff ; overflow:hidden;}
	.output {width:100%; margin-top:0px;}
	.left-dl {width:100%;margin-right:0px;}
	.output .right-vert-cont {width: 100%;}
	.output .left-dl {width:100%;}
	.output .right-vert-cont .vert-cont .vert-row .vert-title a:before {content:""}
	.output .right-vert-cont .vert-cont .vert-row .vert-title {padding-left:0px;}
	.output .right-vert-cont .vert-cont .vert-row .vert-cont-box {padding: 24px 0px 24px 0px}
	.section05 {padding:75px 20px 50px 20px; background:#2C3849;}
	.achievement {width:100%;}
	.achievement .left-tab {width:100%; margin:0px;}
	.achievement .graph-box {width:100%; margin-top:50px;}
	.achievement .graph-box .graph-wrap {width:100%; height:300px;}
	.cmapus dl dd ul li .thumb .thumb-in {height:100%};
	.cmapus dl dd ul li .title {top:-25px;}
	.section04 .txt_wrap .txt_box .tit02 {display:block; margin-bottom:15px; color:#a69078; font-size:24px; font-family: 'Nanum Myeongjo';}
	.section04 .txt_wrap .txt_box .txt {margin-bottom:60px; font-size:15px; color:#ccc; font-family: 'Nanum Myeongjo'; line-height:25px;}

	.epillogue {width: 100%;}
	.epillogue .title {padding-top:0px}
	.epillogue p {width:250px;text-align:left;}
	.survey {position:relative;}
	.survey p {position:absolute; top:-30px; left:0; margin-left:0; letter-spacing:-0.03em; line-height:20px !important; font-size:15px !important; color:#ccc !important;}
	.survey p a {position:relative;	display:inline-block; margin:10px 10px 10px 0; padding-right:10px; color:#ffe500; font-size:15px; font-weight:bold; letter-spacing:-0.05em; font-family: 'Malgun Gothic';}
	.survey p a:after {display:block; content:'▶'; position:absolute; right:-10px; top:-2px;}
	.survey img {margin-top:60px;}

			
	/* 100주년 타이틀 */
	.title_100th {position:relative; width:230px; margin:0 auto 250px auto; padding:100px 0 0 0;}
	.title_100th .the_cau {display:none; position:absolute; top:110px; left:50%; width:310px; margin:0 0 0 -155px; text-align:center; font-size:85px; letter-spacing:-8px; color:#fff; font-weight:normal; text-shadow: 20px 14px 25px rgba(0, 0, 0, 0.3); z-index:2; white-space:nowrap;}
	.title_100th .number {display:none; position:relative; margin:5px 0 0 -175px; font-size:150px; letter-spacing:-10px; color:#a69078; font-weight:normal; text-shadow: 20px 14px 25px rgba(0, 0, 0, 0.3); z-index:2;}
	.title_100th .number * { vertical-align:top;}
	.title_100th .number em {margin:0 10px 0 0; line-height:150px;}
	.title_100th .number span {font-size:30px; letter-spacing:-1px;}
	.title_100th .txt {
		position:absolute; top:60px; right:-35px; margin:-50px 0 0 0; font-size:30px; color:#262626; letter-spacing:-2px; line-height:1; text-align:left; z-index:2; opacity:0;
		-moz-transition: all 0.8s ease-in;
		-webkit-transition: all 0.8s ease-in;
		transition: all 0.8s ease-in;
		-ms-transition: all 0.8s ease-in;
	}
	.title_100th .box {position:absolute; top:0; left:50%; width:0; height:0; margin:0 0 0 -104px; border:1px solid #f3f0ec; z-index:1;}
	.title_100th .box .ico_down {display:none; position:absolute; bottom:-15px; left:50%; margin:0 0 0 -15px;}
	.tit_type02 {clear:both; padding-top:15px; display:block; margin:15px 0; font-size:16px; font-family:'Nanum Myeongjo'; color:#958778;}

	/* news_letter */
	.news_letter {display:none; }
	.news_letter dt {margin:0 0 23px 0; font-size:30px; color:#fff; letter-spacing:-2px;}
	.news_letter dt:after {content:''; display:block; width:80%; height:31px; margin:21px auto 0 auto; background:url("/newsletter/images/ico_down02.png") no-repeat center;}
	.news_letter dd {font-size:15px; color:#fff; line-height:26px; font-family: 'Nanum Myeongjo';}

	/* 텍스트박스 */
	.txt_box {width:auto !important; margin:0 0 25px 0;}
	.txt_box.arrow {}
	.txt_box.arrow:before {content:''; display:block; width:80px; margin:0 0 18px 0; border-top:1px solid #c6c6c6;}
	.txt_box.small-font .tit {}
	.txt_box.small-font .tit span {display:block; padding:10px 0 0 0; font-size:18px; line-height:25px; font-family: 'Nanum Myeongjo';}

	.txt_box .tit:after {content:''; display:block; width:50px; padding:0 0 17px 0; border-bottom:5px solid #a69078;}
	.txt_box .tit {margin:0 0 15px 0; font-size:42px; line-height:36px; color:#2f2f2f; letter-spacing:-2px; font-weight:bold;}
	.txt_box .tit.gold {color:#a69078;}
	.txt_box .tit .symbol {float:left; margin:10px 10px 0 0;}
	.txt_box .stit {margin:0 0 15px 0; font-size:30px; color:#ccc;}
	.txt_box .stit.black {color:#2f2f2f}
	.txt_box .tit .symbol {float:left; margin:10px 10px 0 0;}
	.txt_box .stit .myeongjo {font-family: 'Nanum Myeongjo';}
	.txt_box p {font-size:15px; color:#2f2f2f; line-height:25px; font-family: 'Nanum Myeongjo';}
	.txt_box p.white {color:#fff;}
	.txt_box p.gray {color:#ccc;}
	.txt_box p .big {font-size:18px; display:block; margin:0 0 15px 0;}
	.txt_box .to_tip {padding:50px 0 15px 0;}
	.txt_box .to_tip .to_tip_tit {margin:0 0 5px 0; font-size:18px; color:#a69078; font-family: 'Nanum Myeongjo';}

	.txt_box_type02 {width:100%; margin:0 0 25px 0; overflow:hidden; box-sizing:border-box;}
	.txt_box_type02.tit_only {margin:0 0 5px 0;}
	.txt_box_type02 .label {float:left; margin:0 0 10px 0; padding:10px; background:#4e4f54; vertical-align:middle; text-align:center; color:#fff;}
	.txt_box_type02 .txt_box_cont {float:left;}
	.txt_box_type02 .tit {margin:0 0 5px 0; font-size:20px; color:#2f2f2f; font-weight:bold; font-family: 'Nanum Myeongjo';}
	.txt_box_type02 p {line-height:25px; font-size:15px; color:#2f2f2f; font-family: 'Nanum Myeongjo'; margin-top:50px !important}
	.txt_box_type02 li {position:relative; padding:0 0 0 13px; line-height:25px; font-size:15px; color:#2f2f2f; font-family: 'Nanum Myeongjo'; overflow:hidden;}
	.txt_box_type02 li:before {content:'-'; position:absolute; top:0; left:0;}


	/* 포토박스 */
	.section02 .photo_box {border:1px solid #4f4f50 !important;}
	.photo_box {position:relative; margin-top:0 !important; margin-bottom:25px; text-align:center; float:none !important}
	.photo_box img{width:100%;}
	.photo_box.big {padding:20px; border:1px solid #ccc;}
	.photo_box.medium {padding:20px; border:1px solid #ccc;}
	.photo_box.small {float:none; margin:0 10px 10px 0;}
	.photo_box .mark {display:table; width:100%; padding:10px 0; z-index:101; background:#4e4f54;}
	.photo_box .mark.top.left {position:absolute; top:-18px; left:-18px;}
	.photo_box .mark.top.right {position:absolute; top:-18px; right:-18px;}
	.photo_box .mark.gold {background:#a69078;}
	.photo_box .mark.gold .txt {border-left:1px solid #baa894;}
	.photo_box .mark .txt {display:table-cell; padding:0 15px; border-left:1px solid #868686; vertical-align:middle; text-align:center; color:#fff; text-align:left; font-family: 'Nanum Myeongjo';}
	.photo_box .mark .number {display:table-cell; width:40px; vertical-align:middle; text-align:center; color:#fff;}

	.section03_layout .sl_image_box {margin:0 0 25px 0; text-align:center;}

	/* section 01 */
.title_100th .txt .hundred:after{content:"th"; font-size: 24px; position: inherit;}

	/* section04 타이틀 */
	.section04_tit {margin:0 0 25px 0; font-family: 'Nanum Myeongjo'; text-align:center;}
	.section04_tit:after {content:''; display:block; width:80%; height:31px; margin:21px auto 0 auto; background:url("/newsletter/images/ico_down02.png") no-repeat center;}
	.section04_tit .stit {margin:0 0 5px 0; font-size:20px; letter-spacing:-2px; color:#999;}
	.section04_tit .tit {font-size:32px; letter-spacing:-2px; color:#a69078;}
	.photo_box.bg_sq{background:url("/newsletter/images/04/bg_photobox1.png") no-repeat -10px 10px; background-size:100%;}
	.photo_box.bg_sq1{background:url("/newsletter/images/08/bg_photobox2_mb.png") no-repeat -10px 10px; background-size:100%;}
	.photo_box.bg_sq2{background:url("/newsletter/images/04/bg_photobox2.png") no-repeat -10px 10px; background-size:100%;}

	/* 100주년 리포트 */
	.report {width:100%; margin:0 auto 50px auto;}
	.report .tit {margin:0 0 35px 0; font-size:26px; letter-spacing:-1px; color:#2f2f2f; text-align:center;}
	.report .tit span {font-size:15px; vertical-align:top;}
	.report .list .first a {border-top:2px solid #cbcbcb;}
	.report .list li {}
	.report .list li a {display:block; padding:15px 0; font-family: 'Malgun Gothic'; letter-spacing:-1px; border-bottom:1px solid #cbcbcb;}
	.report .list li .date {display:block; padding:5px 0 0 0;}
	
	.btn_area {padding:50px 0; text-align:center;}
	.btn_area img {display:inline-block; margin:0 0 10px 0;}
	.btn_area  a {display:inline-block; width:300px; margin:0 auto; padding:15px 0; border:1px solid #a69078; font-size:14px; text-align:center; font-family:'Malgun Gothic';}

	.copyright {margin:0 0 25px 0;text-align:center; color:#717171;}

	.donations {width:100%;}
	.donations li {margin:0 0 10px 0; padding:10px; overflow:hidden; border:1px solid #4f5051;}
	.donations li .photo_box {margin:0 0 10px 0;}
	.donations li dl {margin:15px 0 0 0; overflow:hidden; color: #ccc; font-family: 'Nanum Myeongjo';}
	.donations li dl dt {margin:0 0 10px 0; text-align:justify;}
	.donations li dl dt:after { content:""; display:inline-block; width:100%; }
	.donations li dl dd {float:left;}
	.donations p {color:#c0c0c0 !important; font-size:13px; letter-spacing:-1px; line-height:1.4;}

	/* 7호관련 */
	.sub_tit {margin-bottom:20px; text-align:center; font-size:20px; font-family: 'Nanum Myeongjo'; color:#a69078;}
	.box_txt .tit {padding:10px 0 !important; font-style:italic; color:#a69078 !important;}
	.box_txt p {color:#ccc !important; padding:10px; text-align:left;}
	.box_txt01 {width:100%; box-sizing:border-box; display:inline-block; float:none; margin-bottom:0; vertical-align:middle; color:#a69078; font-style:italic; font-family:'Nanum Myeongjo'; border:0 !important; line-height:24px; padding:0 0 30px 0 !important; font-size:14px; text-align:left !important;}
	.res_mrg_0 {margin:0 0 30px 0 !important;}
	.mb_photo {float:none !important; margin-right:0 !important;}

}