@charset "utf-8";
@font-face {
 font-family: 'sang';
 font-style: normal;
 src: url('/resources/_inc/fonts/SangSangBodyWebM.eot');
 src: url('/resources/_inc/fonts/SangSangBodyWebM.eot?#iefix') format('embedded-opentype'),
 url('/resources/_inc/fonts/SangSangBodyWebM.woff') format('woff')
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700; 
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
/* reset */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;-webkit-overflow-scrolling: touch;}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}a{text-decoration:none;}
body {font-size:12px; font-family:"Nanum Gothic",  dotum, sans-serif; text-size-adjust:none;-webkit-text-size-adjust:none;text-shadow: 0 0 1px rgba(0,0,0,0.004);line-height:120%;-webkit-overflow-scrolling:touch;}
::-moz-selection{background:#009bc7;color:#fff;text-shadow:none}
::selection{background:#009bc7;color:#fff;text-shadow:none}
/* common class */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { zoom:1; } /*for IE 5.5-7*/
     
.ir {text-indent:-100%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
.ib {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
#accessibility a{display:block;position:absolute;top:0; left:-9999px;width:100%;height:0;background-color:#000;color:#fff; font-family:'Nanum Gothic',monospace.'돋움';font-weight:800;line-height:30px;text-align:center;opacity:0.7;}
#accessibility a:hover{z-index:999999;left:0;text-decoration:underline;}
#accessibility a:focus{z-index:999999;left:0;}
#accessibility a:active{z-index:999999;left:0;}
/* BookBlock */
	.bb-bookblock {width: 100%;height: 100%;margin: 0 auto;position: relative;z-index: 100;-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
	.bb-page {position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;}
	.bb-vertical .bb-page {width: 50%;height: 100%;left: 50%;-webkit-transform-origin: left center;-moz-transform-origin: left center;transform-origin: left center;}
	.bb-horizontal .bb-page {width: 100%;height: 50%;top: 50%;-webkit-transform-origin: center top;-moz-transform-origin: center top;transform-origin: center top;}
	.bb-page > div, .bb-outer, .bb-content, .bb-inner {position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: #fff;}
	.bb-outer {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
	.bb-vertical .bb-content {width: 200%;}
	.bb-horizontal .bb-content {height: 200%;}
	.bb-page > div {width: 100%;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
	.bb-page > div:not(:only-child) {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
	.bb-vertical .bb-back {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
	.bb-horizontal .bb-back {-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);transform: rotateX(-180deg);}
	.bb-outer {width: 100%;overflow: hidden;z-index: 999;}
	.bb-overlay, .bb-flipoverlay {background-color: rgba(0, 0, 0, 0.7);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;}
	.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.2);}
	.bb-bookblock.bb-vertical > div.bb-page:first-child, .bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
	.bb-bookblock.bb-horizontal > div.bb-page:first-child, .bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);transform: rotateX(180deg);}
	.bb-vertical .bb-front .bb-content {left: -100%;}
	.bb-horizontal .bb-front .bb-content {top: -100%;}
	.bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
	.bb-vertical .bb-flip-prev {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}
	.bb-horizontal .bb-flip-next, .bb-horizontal .bb-flip-initial {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);transform: rotateX(180deg);}
	.bb-horizontal .bb-flip-prev {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);}
	.bb-vertical .bb-flip-next-end {-webkit-transform: rotateY(-15deg);-moz-transform: rotateY(-15deg);transform: rotateY(-15deg);}
	.bb-vertical .bb-flip-prev-end {-webkit-transform: rotateY(-165deg);-moz-transform: rotateY(-165deg);transform: rotateY(-165deg);}
	.bb-horizontal .bb-flip-next-end {-webkit-transform: rotateX(15deg);-moz-transform: rotateX(15deg);transform: rotateX(15deg);}
	.bb-horizontal .bb-flip-prev-end {-webkit-transform: rotateX(165deg);-moz-transform: rotateX(165deg);transform: rotateX(165deg);}
	.bb-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;}
	.no-js .bb-bookblock, .no-js ul.bb-custom-grid li {width: auto;height: auto;}
	.no-js .bb-item {display: block;position: relative;}

/* layout */
body {width:100%;/*max-width:1920px;*/}
body.loading {overflow:hidden;}
.preLoader {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff;z-index:2;background:url("/resources/_img/main/main_loading.gif") 50% 50% no-repeat;}
.preLoader .buffer {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999px;left:-9999px;}
.bodWrap { position:relative;width:100%;overflow:hidden;z-index:1;}
.bodWrap #wrap { width:100%;  position:relative;z-index:2;background-color:#ffffff;overflow:hidden;}

#container {width:100%;}
.area {width:100%;height:100%;position:relative;}
.area_bg {width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;position:absolute;top:0;left:0;z-index:1;}
.cont {width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}
.area .noise {width:100%;height:100%;background:url("/resources/_img/main/bg_pattern.png") 0px 0px repeat;}


#header {width:100%;height:45px;background:#ffffff;position:fixed;top:0;left:0;z-index:4;-webkit-box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.3);display:none;}
#header.shown {display:block;}
.bodWrap a.menuBtn {  display:inline-block; position:fixed; top:7px; left:7px;  width:30px; height:30px;  background:url('/resources/_img/layout/ul.png') 50% 50% no-repeat; background-size:20px; text-indent:-100%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;  z-index:5;}
.bodWrap h1.logo { position:fixed; top:5px; left:42px;z-index:5;}
.bodWrap h1.logo img { width:60px;}

.bodWrap .topUtil {position:fixed; top:14px; right:10px;z-index:101}
.bodWrap .topUtil li {float:left;background:url('/resources/_img/layout/ui_gnb.png') 0px -56px no-repeat;background-size:80px; font-size:14px;font-weight:600;line-height:110%;color:#000;padding:0px 8px}
.bodWrap .topUtil li:first-child {background:none}
.bodWrap .topUtil li a {color:#000;line-height:18px;letter-spacing:-0.05em}
.bodWrap .topUtil li .icoSearch {display:block;width:18px;height:18px;background:url('/resources/_img/layout/ui_gnb.png') 0px 0px no-repeat;background-size:70px;;font-size:0;text-indent:-9999px}
.bodWrap .topUtil li .icoSearch span {font-size:0;text-indent:-9999px}
.bodWrap .topUtil li.langSel {padding-right:0px}
.bodWrap .topUtil li.langSel .lang {display:block;position:relative;padding-right:15px}
.bodWrap .topUtil li.langSel .lang:after {content:'';display:block;width:10px;height:18px;position:absolute;top:0px;right:0px;background:url('/resources/_img/layout/ui_gnb.png') 0px -23px no-repeat; background-size:70px;}
.bodWrap .topUtil li.langSel span {display:none}
.bodWrap .topUtil li.langSel.on span {display:block;margin-top:2px}
.bodWrap .topUtil li.langSel.on .lang:after {background:url('/resources/_img/layout/ui_gnb.png') -18px -23px no-repeat; background-size:70px;}
.bodWrap .searchArea {display:none;position:fixed;top: 0; left: 0;width:100%;height:45px;text-align:center;background:#000;z-index:102}/* 2021 20th로고변경 및 ui 수정 */
.bodWrap .searchArea .srchForm {padding-top:10px}
.bodWrap .searchArea .srchForm input {border:none;background:#000;color:#585858;width:160px;height:25px;padding:0px 5px;line-height:25px;text-align:center;margin:0px 5px}
.bodWrap .searchArea .srchBtn {display:inline-block;width:18px;height:18px;background:url('/resources/_img/layout/ui_gnb.png') -20px 0px no-repeat;background-size:70px;vertical-align:middle;font-size:0;text-indent:-9999px}
.bodWrap .searchArea .close {position:fixed;top:14px;right:10px;display:block;width:18px;height:18px;background:url('/resources/_img/layout/ui_gnb.png') -44px 0px no-repeat;background-size:70px;font-size:0;text-indent:-9999px}
/*
.bodWrap a.lang {display:block;  font-size:14px;font-weight:bold;line-height:110%;color:#000;}
.bodWrap a.lang:hover, .bodWrap a.lang:visited {color:#000;}
*/

/* 2021 20th로고변경 및 ui 수정 s */
#header_new{position: fixed; top: 0; left: 0; z-index: 10; width: 100%; }
#header_new .fix_area{position: absolute; top: 30px; left: 0; width: 100%; height: 41px; background-color: #fff;}
#header_new .logo{position: absolute; top: 50%; left: 40px; transform:translateY(-50%); }
#header_new .logo img{width:26px;}
#header_new .logo a{display: block;}
#header_new .menuBtn {display:block; overflow:hidden; position: absolute; top: 50%; left: 15px; z-index:5; width:16px; height: 14px;  background:url('/resources/_img/layout/menu_btn.png') no-repeat; background-size: contain;font-size:0;line-height:0; transform:translateY(-50%)}
#header_new .util{display: flex; align-items:center; justify-content:center; position: absolute; top: 0; right: 0; width: 100%; height: 30px; box-sizing:border-box; background: rgba(0,0,0,0.5);}
#header_new .util ul li{float: left;}
#header_new .util ul li:not(:first-child){position: relative; margin-left: 8px; padding-left: 8px;}
#header_new .util ul li:not(:first-child):before{content:''; display: block; position: absolute; top:4px; left: 0; width: 1px; height: 8px; background-color: #fff; opacity:0.3;}
#header_new .util ul li a{font-size: 10px; color: #fff;}
#header_new .util ul li a.icoSearch{display: block; overflow: hidden; width: 15px; height: 15px; background: url(/resources/_img/layout/icon_sarch_m.png) no-repeat center; background-size: 10px 10px; font-size: 0; color:transparent;}
#header_new .util ul li.lang{position: relative;}
#header_new .util ul li.lang button{margin:0; padding: 0; border: 0; background: none; font-size: 10px; color: #fff;}
#header_new .util ul li.lang button span{display: inline-block; padding-right: 12px;}
#header_new .util ul li.lang button span:after{content:''; display: block; position: absolute; top: 50%; right: 0; width: 6px; height: 5px; border-top:6px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; box-sizing:border-box; transform:translateY(-50%);}
#header_new .util ul li.lang .expand_area{display: none; position: absolute; top: 100%; left: 0; width: 100%; padding:10px 0 0 8px; box-sizing:border-box;}
#header_new .util ul li.lang.on .expand_area{display: block;}
#header_new .util ul li.lang .expand_area a{color: #000;}
#header_new.shown .util{display: none;}
#header_new.shown .fix_area{top: 0;}
/* //2021 20th로고변경 및 ui 수정 e */

#ktngMenu { position:absolute; top:0; left:-320px; background:url('/resources/_img/layout/ktngMenuBg.gif') 100% 100%  no-repeat;  width:270px; z-index:200; }
	#ktngMenu ul.hn { display:block;  width:100%; height:100%:}
	#ktngMenu ul.hn li { width:100%;display:block;}
	#ktngMenu ul.hn > li >a { display:block;margin-left:6px;width:184px}
	#ktngMenu ul.hn li.eng {line-height:0;}
	#ktngMenu ul.hn li.eng a { padding:0;}
	#ktngMenu ul.hn li a.enL { float:left; width:135px}
	#ktngMenu ul.hn li a.enR { float:right;  width:134px;border-left:solid 1px #484848}
	#ktngMenu ul.hn li.eng { height:67px; background:#282828}
	#ktngMenu ul.hn li.eng a { padding:0; height:67px;line-height:67px;text-align:center;display:inline-block;  vertical-align:top; color:#FFF; font-size:20px;margin-left:0px }
	#ktngMenu ul.hn li a.hn span { background:url('/resources/_img/layout/knON.png') 160px center no-repeat; }
	#ktngMenu ul.hn li.on a.hn span { background:url('/resources/_img/layout/knOFF.png') 160px center no-repeat; }
	
	#ktngMenu ul.hn li.hn1 {background:#0262b5}
	#ktngMenu ul.hn li.hn2 {background:#62b20d}
	#ktngMenu ul.hn li.hn3 {background:#e08200}
	#ktngMenu ul.hn li.hn4 {background:#dd4a0b}
	#ktngMenu ul.hn li.hn5 {background:#8d8d8d}
	#ktngMenu ul.hn li.hn1 a.hn { background:url('/resources/_img/layout/kn1Bg.gif') #039fda 18px center  no-repeat;}
	#ktngMenu ul.hn li.hn2 a.hn { background:url('/resources/_img/layout/kn2Bg.gif') #8dc63c 18px center no-repeat;} 
	#ktngMenu ul.hn li.hn3 a.hn { background:url('/resources/_img/layout/kn3Bg.gif') #f1931b 18px center no-repeat;} 
	#ktngMenu ul.hn li.hn4 a.hn { background:url('/resources/_img/layout/kn4Bg.gif') #ef581c 18px center no-repeat;} 
	#ktngMenu ul.hn li.hn5 a.hn { background:url('/resources/_img/layout/kn5Bg.gif') #a8a8aa 18px center no-repeat;} 
	#ktngMenu ul.hn li a.hn { padding:0px 0 0px 80px;line-height:67px}
	#ktngMenu ul.hn li a.hn span {cursor:pointer; display:block; color:#fff; font-size:21px; }
	#ktngMenu ul.sn { width:100%; overflow:hidden; display:none;}
	#ktngMenu ul.hn li.on ul.sn { display:block;background:#FFF}
	#ktngMenu ul.sn li { display:inline-block; border-bottom:1px solid #e6e6e6;}
	#ktngMenu ul.sn li >a { color:#000; font-size:15px; display:block; height:45px; line-height:45px;padding:0px 0px 0px 30px; }
	#ktngMenu ul.sn li.on a {color:#333; font-weight:800;} 
	#ktngMenu ul.sn li >a.sn {background:url("/resources/_img/layout/bult_arrow.png") 93% -30px no-repeat;}
	#ktngMenu ul.sn li.isY.on >a.sn {background:url("/resources/_img/layout/bult_arrow.png") 93% 19px no-repeat;}
	#ktngMenu ul.sn li .cn {display:none}
	#ktngMenu ul.sn li.on .cn {display:block;margin:0px 0px 10px 0px}
	#ktngMenu ul.sn li .cn dd >a { display:block; color:#333; font-size:14px; font-weight:400; height:25px; line-height:25px;padding:0px 0px 0px 40px; }

	#ktngMenu .menuBtnClose {position:absolute;display:block;width:50px;height:67px;background:url("/resources/_img/common/menuClose.gif") 0px -7px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;left:270px;top:0;}
.bodWrap.menuOpen {overflow:hidden;}
.bodyDimmed {position:absolute;z-index:6;top:0;left:0;bottom:0;right:0;background:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE 5-7 */filter: alpha(opacity=70);/* Netscape */-moz-opacity: 0.7;/* Safari 1.x */-khtml-opacity: 0.7;/* Good browsers */opacity: 0.7;display:none;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
.bodWrap.menuOpen .bodyDimmed {display:block;}

.area_h .area_bg {background-color:#ffffff;}
.area_1 .area_bg {background-color:#a8a8aa;}
.area_2 .area_bg {background-color:#78af33;}
.area_3 .area_bg {background-color:#a8a8aa;}
.area_4 .area_bg {background-color:#fbaa32;}
.area_5 .area_bg {background-color:#a8a8aa;}
.area_f .area_bg {background-color:#ffffff;}

.cont .inner {margin-top:56px;width:294px;margin-left:auto;margin-right:auto;position:relative;z-index:2;}
.area_h .cont .inner {margin-top:160px;width:230px;}/* 2021 20th로고변경 및 ui 수정 */
*+html .area_h .cont .inner {top:160px;}/* 2021 20th로고변경 및 ui 수정 */
.area_f .cont .inner {margin-top:50px;width:280px;} /* 20141204 WP 수정 */
#dice {display:none;}
#mainNavi {display:none;}
/* box */
	.box {-webkit-box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);position:absolute;}
	.bn {background-color:#ffffff;}
	.bn a {width:100%;height:100%;position:relative;z-index:1;display:block;overflow:hidden;background:url("/resources/_img/common/blank.gif") 0px 0px repeat;}
	.s1_1x1 {width:90px;height:90px;}
	.s1_2x2 {width:192px;height:192px;}
	.s1_3x1 {width:294px;height:90px;}
	.s1_3x2 {width:294px;height:192px;}
	.s1_15x1 {width:294px;height:90px;}
	.s1_30x1 {width:192px;height:90px;}/* 2020-08-20 추가 */	
	.s1_1x2 {width:90px;height:192px;}
	.s1_2x1 {width:192px;height:90px;}



	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:120px;top:0px;}
	.box_0_2 {left:0px;top:103px;}
	.box_0_3 {left:120px;top:103px;}
	.box_0_4 {left:0px;top:206px;}
	.box_0_5 {left:120px;top:206px;}
	.box_0_6 {left:0px;top:309px;}
	.box_0_7 {left:120px;top:309px;}

	.box_1_0 {left:0px;top:0px;}
	.box_1_1 {left:0px;top:102px;}
	.box_1_2 {left:102px;top:0px;}
	.box_1_3 {left:0px;top:204px;}
	.box_1_4 {left:0px;top:306px;}
	.box_1_5 {left:153px;top:306px;}
	.box_1_6 {left:0px;top:408px;}
	.box_1_7 {left:102px;top:408px;}
	.box_1_8 {left:102px;top:510px;}
	.box_1_9 {left:204px;top:510px;}
 
	.box_2_0 {left:0px;top:0px;}
	.box_2_1 {left:0px;top:102px;}
	.box_2_2 {left:102px;top:0px;}
	.box_2_3 {left:0px;top:204px;}
	.box_2_4 {left:0px;top:306px;}
	.box_2_5 {left:0px;top:408px;}
	.box_2_6 {left:0px;top:510px;}
	.box_2_7 {left:102px;top:408px;}
	.box_2_8 {left:204px;top:408px;}
	.box_2_9 {left:204px;top:510px;}
 
	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:102px;top:0px;}
	.box_3_2 {left:204px;top:0px;}
	.box_3_3 {left:0px;top:102px;}
	.box_3_4 {left:0px;top:306px;}
	.box_3_5 {left:102px;top:306px;}
	.box_3_6 {left:0px;top:510px;}
	.box_3_7 {left:204px;top:510px;}
	.box_3_8 {left:0;top:408px;} /* 20141204 WP 수정 */

 	.box_4_0 {left:0px;top:0px;}
	/* 2020-08-20 수정 */
	.box_4_1 {left:0px;top:510px;}
	.box_4_2 {left:102px;top:204px;}
	.box_4_3 {left:0px;top:306px;}
	.box_4_4 {left:204px;top:306px;}
	.box_4_5 {left:102px;top:306px;}
	.box_4_6 {left:102px;top:0px;}
	.box_4_7 {left:0px;top:102px;}
	/* // 2020-08-20 수정 */
	.box_4_8 {left:0px;top:510px;}
	.box_4_9 {left:102px;top:510px;}/* 2020-07-31 수정 */
	.box_4_10 {left:204px;top:510px;}/* 2020-07-31 추가 */

	.box_5_0 {left:0px;top:0px;}
	.box_5_1 {left:0px;top:102px;}
	.box_5_2 {left:102px;top:0px;}
	.box_5_3 {left:102px;top:204px;}
	.box_5_4 {left:0px;top:306px;}
	.box_5_5 {left:0px;top:408px;}
	.box_5_6 {left:102px;top:306px;}
	.box_5_7 {left:0px;top:510px;}
	.box_5_8 {left:102px;top:510px;}


 /* main */
	.area_h .box {width:110px;height:93px;}
	.bn span.icon {width:90px;height:90px;display:block;overflow:hidden;position:absolute;top:50%;left:50%;z-index:-1;margin-top:-45px;margin-left:-45px;}
	.s1_15x1 span.icon {left:auto;right:0;margin-left:0;}
	.s1_2x1 span.icon {left:auto;right:0;margin-left:0;}
	.s1_3x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_5 {background:#8dc63c;}
	.box_1_3 span.icon {top:30px;right:15px;width:120px;height:120px}
	.box_1_4 span.icon {right:0;width:118px;height:90px}
	.box_1_9 span.icon {left:80%;top:70%;}
	.box_2_8 span.icon {left:60%;top:85%;}
	.box_2_9 span.icon {left:60%;top:90%;}
	.box_3_5 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	.box_5_6 span.icon {left:0;top:0px;width:100%;height:100%;margin-left:0;margin-top:0;}
	
	.bn span.icon img {width:100%;height:100%;display:block;z-index:-1;position:absolute;}
	.box_3_5 span.icon img {width:384px;height:384px;position:absolute;top:50%;left:50%;margin-top:-192px;margin-left:-192px;}
	.box_5_6 span.icon img {width:400px;height:316px;position:absolute;top:auto;bottom:-50px;left:50%;margin-top:0;margin-left:-200px;}
	

	.bn span.tit {position:absolute;top:38px;left:15px;z-index:2;color:#000000;font-size:14px;line-height:14px;}
	.bn span.txt {display:none;position:absolute;bottom:15px;left:0px;padding: 0 5%; width:90%;z-index:2;color:#444444;font-size:8px;line-height:10px;text-align:center; word-break:keep-all}/* 2020-08-20 수정 */

	.s1_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s1_2x2 span.tit {top:30px;left:0;text-align:center;width:100%;}
	.s1_1x2 span.tit {top:30px;left:0;text-align:center;width:100%;}
	.box_1_5 span.tit {color:#ffffff;}
	.box_1_2 span.tit {top:30px;}
	.box_1_2 span.txt {display:block;}
	.box_1_6 span.txt {display:block;letter-spacing:-1px;}
	.box_2_2 span.tit {top:30px;}
	.box_2_2 span.txt {display:block;}
	.box_2_3 span.tit {top:30px;}
	.box_2_3 span.txt {display:block;width:auto;left:15px;bottom:25px;}
	.box_2_4 span.tit {top:30px;}
	.box_2_4 span.txt {display:block;width:auto;left:15px;bottom:25px;}
	.box_2_7 span.txt {display:block;}
	.box_3_4 span.txt {display:none;letter-spacing:-1px;}
	.box_3_6 span.tit {top:30px;}
	.box_3_6 span.txt {display:block;}
	.box_4_1 span.tit {top:30px;}
	.box_4_1 span.txt {display:block;}
	.box_4_4 span.tit {top:30px;}
	.box_4_4 span.txt {display:block;}
	/* 2020-08-20 추가 */
	.box_4_3 span.txt {display:block;}
	.box_4_7 span.txt {display:block;}
	/* // 2020-08-20 추가 */	
	.img_19 {width:12px;vertical-align:middle;}
	/*.box_4_2 {-webkit-transform: translateZ(0);}*/
	.box_5_1 span.tit {top:30px;}
	.box_5_1 span.txt {display:block;letter-spacing:-1px;}
	.box_5_2 span.tit {top:30px;}
	.box_5_2 span.txt {display:block;}
	.box_5_6 span.tit {top:20px;}
	.box_5_6 span.txt {display:block;width:182px;padding:0 5px;bottom:auto;top:45px;line-height:130%}
	.box_3_3 .a_tit {position:absolute;left:15px;top:22px;font-size:12px;color:#000000;width:198px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.box_3_3 .a_date {position:absolute;right:15px;top:23px;font-size:8px;color:#000000;letter-spacing:-1px;}
	.box_3_3 .a_hr {position:absolute;top:50px;left:15px;display:block;height:1px;width:264px;background:#f2f2f2;}
	.box_3_3 .a_img {position:absolute;top:66px;left:15px;display:block;width:104px;height:88px;overflow:hidden;}
	.box_3_3 .a_img img {width:100%;}
	.box_3_3 .a_desc {position:absolute;top:64px;left:133px;width:146px;height:105px;line-height:15px;overflow:hidden;color:#444444;font-size:10px;}
	.box_5_3 .btn {display:none;}

	.title a {display:block;width:100%;height:100%;position:relative;}
	.title a img {width:100%;height:100%;position:absolute;z-index:1;}
	.title a span {position:absolute;z-index:2;left:0;top:64px;width:100%;text-align:center;color:#ffffff;font-size:12px;font-family:'sang';text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);line-height:14px;}
	.box_0_5.title a span{top:12px; left:12px; color:#333; line-height:16px; text-align:left;}/* 2021-02-02 추가 */
	.flipboard {width:100%;height:100%;-webkit-transform: translateZ(0);}
	.flipboard .bb-item {width:100%;height:100%;}
	.flipboard .bb-item a {width:100%;height:100%;position:relative;display:block;background:url("/resources/_img/main/bg_news.gif") 0px 0px repeat;}
	.contribute .bb-item a {background:none;}
	.flipboard span.txt {display:block;padding:0 8px;width:100px;height:30px;font-size:11px;line-height:15px;color:#333333;position:absolute;z-index:2;left:0px;top:35px;overflow:hidden;font-weight:700;text-align:center;}
	.flipboard span.img {width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
	.flipboard span.date {display:block;width:100%;padding:0;height:12px;font-size:7px;line-height:12px;color:#333333;position:absolute;z-index:2;right:8px;bottom:8px;;overflow:hidden;font-weight:700;text-align:right;}
	.contribute span.img {width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;}
	.contribute .dim {width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 5-7 */filter: alpha(opacity=50);/* Netscape */-moz-opacity: 0.5;/* Safari 1.x */-khtml-opacity: 0.5;/* Good browsers */opacity: 0.5;}
	.contribute span.tit {display:block;width:74px;height:12px;font-size:10px;line-height:12px;color:#ffffff;position:absolute;z-index:3;left:8px;top:auto;bottom:8px;overflow:hidden;}
	.flipboard .bookBlockNav {display:block;width:13px;height:13px;position:absolute;top:7px;z-index:99999;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;background:url("/resources/_img/main/controll.png") -100px 0px no-repeat;}
	.flipboard .bookBlockNav.bb-current {background-position:-150px 0;}
	.contribute .bookBlockNav.bb-current {background-position:-200px 0;}
	.flipboard .n1 {right:59px;}
	.flipboard .n2 {right:46px;}
	.flipboard .n3 {right:33px;}
	.flipboard .n4 {right:20px;}
	.flipboard .n5 {right:7px;}
	.contribute .n1 {right:33px} 
	.contribute .n2 {right:20px} 
	.contribute .n3 {right:7px} 
	
	.box_0_7 .ctrBtn{position:absolute;top:12px;right:10px;z-index:6;}
	.box_0_7 .ctrBtn a{display:block;width:17px;height:15px;;background:url("/resources/_img/main/controll.png") -350px 0px no-repeat;vertical-align:middle;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
	.box_0_7 .ctrBtn .play {display:none;background-position:-400px 0;}
	.box_0_7 .ctrBtn .pause {background-position:-350px 0;}
	.box_0_7 .ctrBtn.stopped .play {display:block}
	.box_0_7 .ctrBtn.stopped .pause {display:none}
	.slick-dots {position:absolute;top:9px;right:35px;z-index:6;}
	.slick-dots li {float:left;line-height:100%;}
	.slick-dots li button {width:13px;height:13px;background:url("/resources/_img/main/controll.png") -100px 0px no-repeat;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;;padding:0;border: 0; outline: none; cursor: pointer;}
	.slick-dots li.slick-active button{background-position:-150px 0;} 	
	#rollNews {position:relative;top:0;left:0;line-height:40px;text-align:center;z-index:1;}
	#rollNews .visual {width:100%;height:93px}
	#rollNews .visual.on {z-index:3;}
	#rollNews .visual a {width:100%;height:100%;position:relative;display:block;background:url("/resources/_img/main/bg_news.gif") 0px 0px repeat;}

	.movie {position:relative;display:block;width:100%;height:100%;overflow:hidden;}
	.movie .hidden {display:none}
	.movie .img {width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;overflow:hidden;}
	.movie .img img {position:absolute;top:0;left:.;width: 100%;height:100%;}
	.movie .img .sm{display:block}
	.movie .img .lg{display:none}
	.movie .dim {width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 5-7 */filter: alpha(opacity=50);/* Netscape */-moz-opacity: 0.5;/* Safari 1.x */-khtml-opacity: 0.5;/* Good browsers */opacity: 0.5;}
	.movie .txt {position:absolute;z-index:3;left:0;top:0;display:block;width:100%;margin:39px 0px 0 0px;font-size:13px;line-height:1.3;color:#ffffff;font-family:'sang';text-align:center;}
	.movie .txt strong {display:block;font-size:15px;margin-top:5px}
	.movie .txt2 { display:none;} 
	.auto-bookblock { position:relative;}
	.auto-bookblock a {display:block;width:100%;height:100%;}
	.auto-bookblock a img {width:100%;height:100%;}
	.movie .moviebg {width:100%;height:100%;position:Absolute;z-index:2;top:0;left:0;}
	.movie .movieFrame {position:Absolute;top:50%;left:50%;margin-left:-236px;margin-top:-90px;}
	.moviebg .playBtn {display:block;width:100%;height:100%;background:url('/resources/_img/main/video_play_btn.png') center center no-repeat;background-size:60px}
	
	#prMovie {display:none;position:fixed;top:50%;left:50%;width:320px;height:300px;margin-left:-160px;margin-top:-150px;padding-top:35px;background:transparent;text-align:center;z-index:999;overflow:hidden}
	#prMovie .btn_popclose  {width:31px;height:31px;display:block;position:Absolute;top:0px;right:0px;text-indent:-100%; overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;background:url("/resources/_img/main/footer.png") -500px 0px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;z-index:999}
	#prMovie .inner{position:relative; width:100%; height:180px;overflow:hidden; background:#000;}/* 2020-05-11 수정 */
	#prMovie .inner .bgCover {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('/resources/_img/main/prMov_end.jpg') no-repeat;background-size:cover}
	#prMovie #introMovie{width:100%;height:185px;}/* 2020-05-11 수정 */
	#prMovie iframe {position: absolute;z-index: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);  backface-visibility: hidden;}
	/* 2020-04-24 추가 */
	#prMovie #introVideo{width:100%; height:auto;}
	#prMovie .infoTxt{position:absolute; bottom:0; left:0; width:100%; height:auto; border:0; padding:8px 15px; font-size:12px; color:#fff; line-height:17px; text-align:center; box-shadow:none; background:url("/resources/_img/main/pop_infoTxt_bg.png") 0 0 repeat; box-sizing:border-box; word-break:keep-all;}
	/* // 2020-04-24 추가 */
	/* 2020-05-11 추가 */
	#prMovie .movieImg{display:none; width:100%; height:auto;}
	#prMovie .movieImg img{width:100%}
	/* // 2020-05-11 추가 */
	.playing-mode .ytp-chrome-top, .ytp-chrome-bottom{display:none !important}
	.paused-mode .ytp-chrome-top, .ytp-chrome-bottom{display:none  !important}
	.paused-mode .ytp-pause-overlay-controls-hidden .ytp-pause-overlay {bottom:-300px}
	#prMovie .viewMore {position:absolute;top:50%;left:50%;display:block;width:300px;margin-left:-150px;margin-top:70px;background:#e74e0f;color:#FFF;text-align:center;font-size:12px;line-height:1;font-family:'sang';border-radius:15px;padding:10px 0px 8px;}
	.movDimmed {display:none;width:100%;height:100%;position:absolute;z-index:998;left:0;top:0;background:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* IE 5-7 */filter: alpha(opacity=90);/* Netscape */-moz-opacity: 0.9;/* Safari 1.x */-khtml-opacity: 0.9;/* Good browsers */opacity: 0.9;}

	.mainVisual {position:absolute;width:100%;height:100%;top:0;left:0;line-height:40px;text-align:center;z-index:1;}
	.mainVisual .visPager {position:absolute;bottom:20px;width:100%;text-align:center;}
	.mainVisual a.controll {width:17px;height:15px;background:url("/resources/_img/main/controll.png") -350px 0px no-repeat;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;z-index:6;position:relative;}
	.mainVisual a.controll.stopped {background-position:-400px 0;}
	.mainVisual a.paging {width:13px;height:13px;background:url("/resources/_img/main/controll.png") -100px 0px no-repeat;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;vertical-align:middle;z-index:6;position:relative;}
	.mainVisual a.paging.on {background-position:-150px 0;}
	/* 2020-04-24 수정 */
	.mainVisual .visual {position:absolute;width:100%;height:100%;top:0;left:0%;z-index:1;overflow:hidden; /*background:url("/resources/_img/main/m_vis.jpg") center top no-repeat;background-size:cover;*/}
	/* // 2020-04-24 수정 */
	/* 2020-04-24 추가 */
	.mainVisual .visual video#player{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}/* 2020-05-11 수정 */
	.mainVisual .visual.mobile{display:block; width:100%;height:100%; background:url("/resources/_img/main/m_vis.jpg") center top no-repeat;background-size:cover;}
	.mainVisual .visual.ie8-bg{background:url("/resources/_img/main/ie8_main_visual.jpg") center no-repeat; background-size:cover;}
	/* // 2020-04-24 추가 */
	.mainVisual .visual.ie8-bg #player{display:none !important;}/* 2020-05-11 추가 */
	.mainVisual .visual.on {z-index:3;}
	.mainVisual .visual .bg {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;background-color:#ffffff;background-size:cover}
	/* 2021-12-24 텍스트 색상 수정 */
	.mainVisual .visual .major {display:block;width:100%;top:95px;left:0;position:absolute;z-index:2;font-family:"Nanum Gothic";font-size:22px;font-weight:400;text-align:center;color:#000;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0001);letter-spacing:-0.05em;color:#fff;}/* 2021 20th로고변경 및 ui 수정 */
	.mainVisual .visual .minor {display:block;width:100%;top:122px;left:0;position:absolute;z-index:2;font-family:"Nanum Gothic";font-size:8px;text-align:center;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0001);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";/* IE 5-7 */filter: alpha(opacity=60);/* Netscape */-moz-opacity: 0.6;/* Safari 1.x */-khtml-opacity: 0.6;/* Good browsers */opacity: 0.6;}/* 2021 20th로고변경 및 ui 수정 */
	/* // 2021-12-24 텍스트 색상 수정 */
	.mainVisual .noise {position:absolute;width:100%;height:100%;top:0;left:0;z-index:4;background:url("/resources/_img/main/bg_pattern.png") 0px 0px repeat;display:none;}
		/*.mainVisual .visual #player {display:none} 2020-04-24 주석 */

/* footer */
	.area_f .copy1 {text-align:center;font-size:20px;line-height:27px;color:#000000;margin-bottom:25px;}
	.area_f .copy1 span {display:inline;}
	.area_f .copy2 {text-align:center;font-size:12px;line-height:17px;color:#444444;margin-bottom:35px;}
	.area_f .f_util .f_btn {display:block;height:30px;line-height:30px;width:263px;padding-left:15px;font-size:12px;color:#000000;border:#f2f2f2 1px solid;border-bottom:#b2b2b2 1px solid;margin-top:5px;background-color:#ffffff;position:relative;}
	.area_f .f_util .f_btn span {width:5px;height:7px;background-image:url("/resources/_img/main/footer.png");position:absolute;top:12px;right:15px;background-repeat:no-repeat;}
	.area_f .f_util .familysite {display:none;}
	.area_f .f_util .familysitePop {display:none;}
	.area_f .f_util .familysitePop.on {display:none;}
	.area_f .f_util .familysiteSel {background:#ffffff url("/resources/_img/main/footer_sel.png") 100% 50% no-repeat;margin-top:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;}
	.area_f .f_util .locator {}
	.area_f .f_util .locator span {background-position:-100px -100px;}
	.area_f .f_util .support {background:#0380b4; border:1px solid #0372a0; border-bottom:1px solid #006388;color:#ffffff;}
	.area_f .f_util .support span {background-position:0px -100px;}
	.area_f .f_util .contact {margin:35px 0;text-align:center;}
	.area_f .f_util .contact span {font-size:12px;display:block;margin-bottom:10px;}
	.area_f .f_util .contact span em {display:none;}
	.area_f .f_util .contact span.num {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;height:27px;line-height:27px;font-size:25px;font-weight:700;padding-bottom:2px;border-bottom:#000000 2px solid;color:#000000;}
	.area_f .f_util .sns {text-align:center;margin-bottom:35px;}
	.area_f .f_util .sns a {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:50px;height:29px;line-height:29px;}
	.area_f .f_util .sns a span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;vertical-align:middle;}
	.area_f .f_util .sns .ss { width:103px; }
	.area_f .f_util .sns .yt { width:75px;}
	.area_f .f_util .sns .fb span {width:15px;height:29px;background:url("/resources/_img/main/footer.png") 0px 1px no-repeat;}
	.area_f .f_util .sns .ss span {width:103px;height:27px;background:url("/resources/_img/main/footer.png") -92px 0px no-repeat;}
	.area_f .f_util .sns .yt span {width:60px;height:29px;background:url("/resources/_img/main/footer.png") -200px 0px no-repeat;}
	.area_f .f_adr {font-size:9px;line-height:14px;letter-spacing:-1px;text-align:center;margin:25px auto;}
	.area_f .f_adr span {display:block;}
	.area_f .f_adr .copyright {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#333333;margin-bottom:15px}
	.area_f .f_adr .f_email ,
	.area_f .f_adr .f_browser {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;width:14px;height:14px;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;margin-left:6px;}
	.area_f .f_adr .f_email {background:url("/resources/_img/main/footer.png") -300px 0px no-repeat;display:none;}
	.area_f .f_adr .f_browser {background:url("/resources/_img/main/footer.png") -400px 0px no-repeat;display:none;}
	.area_f .f_rule {display:block;margin:25px auto;text-align:center}
	.area_f .privacy { background:url("/resources/_img/main/footer_privacy.png") 0px 0 no-repeat;background-size:17px; font-size:11px; display:inline-block; color:#f39231;padding:4px 0px 0px 20px;font-weight:700;margin-right:5px} 
	.area_f .cctv {display:inline-block; padding-top:4px; background:url("/resources/_img/main/footer_privacy.png") 0px -62px no-repeat; font-size:11px; color:#333;   font-weight:700;padding:4px 0px 0px 20px;}
	.area_f .f_social {display:none;}
	/* 20141204 WP 웹어워드 추가 S */ 
	.area_f .f_webaward {width:45%;margin:0 auto 15px;background:url("/resources/_img/main/footer_webaward.png") no-repeat right top;padding:25px 23% 25px 0;font-weight:bold;text-align:right;}
	/* 20141204 WP 웹어워드 추가 E */ 
	.layerPop {display:none;}
	.fpop_wrap {display:none;}
	.foo_pop {display:none;}
	.popbody {position:absolute;display:none;}
	.mpopbody {display:none}
	.mpopbody.on {display:block;}	
	 
	#mPop {z-index:2;}	
	#mPop .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:1000}
	#mPop .popCont {position:absolute;top:100px;left:50%;margin-left:-150px;width:300px;height:328px;z-index:10001}
	#mPop .popCont .bannerWrap {position:relative;width:300px;margin:0px auto;background:#fff}
	#mPop .popCont .bannerSlide li {float:left;width:300px;height:328px;}
		#mPop .bannerSlide li img {width:100%;height:100%}
	#mPop .popBottom {position:relative;height:32px;line-height:32px;background:#343a41;color:#FFF}
		#mPop .popBottom input {vertical-align:middle;margin-left:10px}
		#mPop .popBottom .btn_popclose {position:absolute;top:0px;right:0px;background:#494e54;width:80px;height:32px;line-height:32px;text-align:center;color:#FFF;}
		
	#mPop .bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1;}
	#mPop .bx-wrapper img {max-width: 100%; display: block;}
	#mPop .bx-wrapper .bx-pager {position:absolute;left:50%;bottom:5px}
	#mPop .bx-wrapper .bx-pager .bx-pager-item {float:left;}
		#mPop .bx-wrapper .bx-pager a {display:inline-block;background: url('/resources/_img/main/btn_slide_paging.png') no-repeat ;background-size:20px 8px;width:8px;height:8px;background-position:-12px 0px;margin:0px 3px;font-size:0}
		#mPop .bx-wrapper .bx-pager a.active {background-position:0px 0px}
	#mPop .bx-wrapper .bx-controls-direction a {display:none;position: absolute; top:250px;outline: 0; width: 20px; height: 100px; text-indent: -9999px; z-index: 9999;}
	#mPop .bx-wrapper .bx-controls-direction a.disabled {display: none;}

	#mPop2 {z-index:2;}	
	#mPop2 .popCont {position:fixed;bottom:0px;left:0px;width:100%;background:#343a41;z-index:10001}
	#mPop2 .popCont .bannerWrap {position:relative;width:100%;margin:0px auto}
	#mPop2 .popCont .bannerSlide li {float:left;width:100%;height:80px;}
		#mPop2 .bannerSlide li img {width:100%;height:100%}
	#mPop2 .popBottom {position:relative;height:32px;line-height:32px;background:#343a41;color:#FFF}
		#mPop2 .popBottom input {vertical-align:middle;margin-left:10px}
		#mPop2 .popBottom .btn_popclose {position:absolute;top:0px;right:0px;background:#494e54;width:80px;height:32px;line-height:32px;text-align:center;color:#FFF;}
		
	#mPop2 .bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1;}
	#mPop2 .bx-wrapper .bx-pager {position:absolute;right:15px;top:10px}
	#mPop2 .bx-wrapper .bx-pager .bx-pager-item {float:left;}
		#mPop2 .bx-wrapper .bx-pager a {display:inline-block;background: url('/resources/_img/main/btn_slide_paging.png') no-repeat ;background-size:20px 8px;width:8px;height:8px;background-position:-12px 0px;margin:0px 3px;font-size:0}
		#mPop2 .bx-wrapper .bx-pager a.active {background-position:0px 0px}
	#mPop2 .bx-wrapper .bx-controls-direction a {position: absolute; top:250px;outline: 0; width: 20px; height: 100px; text-indent: -9999px; z-index: 9999;}
	#mPop2 .bx-wrapper .bx-controls-direction a.disabled {display: none;}
 
	/* 지속가능 경영 */
	.box_slide { position:relative; width:100%; height:100%; overflow:hidden;}
	.box_slide p img {width:100%; height:100%;}
	/* 2020-08-20 수정 */
	.box_4_6 .ctrBtn{position:absolute;top:12px;right:10px;z-index:6;}
	.box_4_6 .ctrBtn a{display:block;width:17px;height:15px;;background:url("/resources/_img/main/controll.png") -350px 0px no-repeat;vertical-align:middle;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
	.box_4_6 .ctrBtn .play {display:none;background-position:-400px 0;}
	.box_4_6 .ctrBtn .pause {background-position:-350px 0;}
	.box_4_6 .ctrBtn.stopped .play {display:block}
	.box_4_6 .ctrBtn.stopped .pause {display:none}
	.box_4_6 .slick-dots {position:absolute;top:9px;right:35px;z-index:6;}
	/* 2020-08-20 수정 */
	/*
	.viewport li { position:absolute; top:0; left:0; display:block; width:100%;height:100% }
	.viewport li .vIMg {width:100%;height:100%;  position:absolute; top:0; left:0; z-index:999}
	.box_slide a {display:block;width:100%;height:100%;}
	ul.viewport li img.vIMg { display:block;  position:absolute; top:0; left:0;}
	ul.viewport li span  { display:block;  background:url(img/viewport.gif) 0 -16px no-repeat; width:16px; height:16px;}
	ul.viewport li span a { display:block;  width:16px; height:16px; font-size:0; line-height:0;  }
	ul.viewport li.on span { background:url(img/viewport.gif) 0 0 no-repeat;} 
	ul.viewport li span.n1  { position:absolute; bottom:0px; left:40px;  z-index:10; } 
	ul.viewport li span.n2  { position:absolute; bottom:0px; left:60px;  z-index:10;  }
	.box_slide ul li span a {display:block;width:13px;height:13px;position:absolute;top:7px;z-index:99999;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;background:url("/resources/_img/main/controll.png") -100px 0px no-repeat;}
	.box_slide ul li.on span a {background-position:-150px 0;}
	.box_slide ul li span a  {background-position:-200px 0;}
	.box_slide ul li span.n1 {right:59px;}
	.box_slide ul li span.n2 {right:46px;}
	*/
	.mTopBtn { display:none; position:fixed; right:15px;bottom:15px;width:30px;z-index:999 } 
	.mTopBtn img {width:100%;border:solid 1px #f3f3f3 }
	
@media all and (min-width:375px){
	.cont .inner {margin-top:56px;width:357px;margin-left:auto;margin-right:auto;position:relative;z-index:2;}
	.area_h .cont .inner {margin-top:160px;width:270px;}/* 2021 20th로고변경 및 ui 수정 */
	*+html .area_h .cont .inner {top:160px;} /* 2021 20th로고변경 및 ui 수정 */
	/* box */
	.box {-webkit-box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);box-shadow:0px 5px 6px -4px rgba(0, 0, 0, 0.5);position:absolute;}
	.bn {background-color:#ffffff;}
	.bn a {width:100%;height:100%;position:relative;z-index:1;display:block;overflow:hidden;background:url("/resources/_img/common/blank.gif") 0px 0px repeat;}
	.s1_1x1 {width:113px;height:109px;}
	.s1_2x2 {width:235px;height:228px;}
	.s1_3x1 {width:357px;height:100px;}
	.s1_3x2 {width:357px;height:186px;}
	.s1_15x1 {width:357px;height:100px;}
	.s1_30x1 {width:235px;height:99px;}/* 2020-08-20 추가 */	
	.s1_1x2 {width:113px;height:207px;}
	.s1_2x1 {width:235px;height:99px;}

	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:140px;top:0px;}
	.box_0_2 {left:0px;top:120px;}
	.box_0_3 {left:140px;top:120px;}
	.box_0_4 {left:0px;top:240px;}
	.box_0_5 {left:140px;top:240px;}
	.box_0_6 {left:0px;top:360px;}
	.box_0_7 {left:140px;top:360px;}

	.box_1_0 {left:0px;top:0px;}
	.box_1_1 {left:0px;top:119px;}
	.box_1_2 {left:122px;top:0px;}
	.box_1_3 {left:0px;top:237px;}
	.box_1_4 {left:0px;top:345px;}
	.box_1_5 {left:153px;top:306px;}
	.box_1_6 {left:0px;top:454px;}
	.box_1_7 {left:122px;top:454px;}
	.box_1_8 {left:122px;top:562px;}
	.box_1_9 {left:204px;top:510px;}
 
	.box_2_0 {left:0px;top:0px;}
	.box_2_1 {left:0px;top:120px;}
	.box_2_2 {left:122px;top:0px;}
	.box_2_3 {left:0px;top:237px;}
	.box_2_4 {left:0px;top:345px;}
	.box_2_5 {left:0px;top:454px;height:99px;}
	.box_2_6 {left:0px;top:562px;height:99px;}
	.box_2_7 {left:122px;top:454px;}
	.box_2_8 {left:244px;top:454px;height:99px;}
	.box_2_9 {left:244px;top:562px;height:99px;}
 
	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:122px;top:0px;}
	.box_3_2 {left:244px;top:0px;}
	.box_3_3 {left:0px;top:119px;}
	.box_3_4 {left:0px;top:315px;}
	.box_3_5 {left:122px;top:315px;}
	.box_3_6 {left:0px;top:553px;}
	.box_3_7 {left:244px;top:553px;height:99px}
	.box_3_8 {left:0;top:434px;} /* 20141204 WP 수정 */

 	.box_4_0 {left:0px;top:0px;}
	/* 2020-08-20 수정 */
	.box_4_1 {left:0px;top:562px;}
	.box_4_2 {left:122px;top:237px;}
	.box_4_3 {left:0px;top:345px;}
	.box_4_4 {left:244px;top:345px;}
	.box_4_5 {left:122px;top:345px;}
	.box_4_6 {left:122px;top:0px;}
	.box_4_7 {left:0px;top:119px; height:217px;}
	/* // 2020-08-20 수정 */
	.box_4_8 {left:0px;top:562px;height:99px}
	.box_4_9 {left:0px;top:562px;height:99px}/* 2020-08-20 수정 */
	.box_4_10 {left:244px;top:562px;height:99px}/* 2020-07-31 추가 */


	.box_5_0 {left:0px;top:0px;}
	.box_5_1 {left:0px;top:119px;}
	.box_5_2 {left:122px;top:0px;height:218px}
	.box_5_3 {left:122px;top:227px;}
	.box_5_4 {left:0px;top:335px;}
	.box_5_5 {left:0px;top:454px;height:99px}
	.box_5_6 {left:122px;top:335px;height:218px}
	.box_5_7 {left:0px;top:562px;height:99px}
	.box_5_8 {left:122px;top:562px;}


 /* main */
	.area_h .box {width:130px;height:110px;}
	.bn span.icon {width:101px;height:100px;display:block;overflow:hidden;position:absolute;top:50%;left:50%;z-index:-1;margin-top:-45px;margin-left:-45px;}
	.s1_15x1 span.icon {left:auto;right:0;margin-left:0;}
	.s1_2x1 span.icon {left:auto;right:-10px;margin-left:0;}
	.s1_3x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_5 {background:#8dc63c;}
	.box_1_2 span.icon {width:140px;height:140px;margin-top:-65px;margin-left:-70px;}
	.box_1_3 span.icon {top:30px;right: 25px;width:150px;height:150px;  }
	.box_1_4 span.icon {top:45px;right: 0px;width:144px;height:110px;  }
	.box_1_7 span.icon {top:30px;right:0;width:130px;height:130px;}
	.box_1_8 span.icon {top:30px;right:0;width:130px;height:130px;}
	.box_1_9 span.icon {left:80%;top:70%;}
	.box_2_8 span.icon {left:60%;top:85%;}
	.box_2_9 span.icon {left:60%;top:90%;}
	.box_3_5 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	/* 2020-08-20 추가 */
	.box_4_1 span.icon {margin-top:-65px;}
	.box_4_3 span.icon {margin-left:-52px;margin-top:-55px;}
	.box_4_4 span.icon {margin-left:-50px;margin-top:-65px;}
	.box_4_5 span.icon {margin-left:-50px;margin-top:-65px;}
	/* // 2020-08-20 추가 */	
	.box_5_6 span.icon {left:0;top:0px;width:100%;height:100%;margin-left:0;margin-top:0;}
	
	.bn span.icon img {width:100%;height:100%;display:block;z-index:-1;position:absolute;}
	.box_3_5 span.icon img {width:384px;height:384px;position:absolute;top:50%;left:50%;margin-top:-192px;margin-left:-192px;}
	.box_5_6 span.icon img {width:486px;height:384px;position:absolute;top:auto;bottom:-50px;left:50%;margin-top:0;margin-left:-243px;}
	

	.bn span.tit {position:absolute;top:43px;left:15px;z-index:2;color:#000000;font-size:16px;line-height:14px;}
	.bn span.txt {display:none;position:absolute;bottom:10px;left:0px;padding:0 5%;width:90%;z-index:2;color:#444444;font-size:12px;line-height:140%;text-align:center; word-break:keep-all;}/* 2020-08-20 수정 */
	.box_4_4 .bn span.txt {font-size:10px}

	.s1_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s1_2x2 span.tit {top:30px;left:0;text-align:center;width:100%;}
	.s1_1x2 span.tit {top:30px;left:0;text-align:center;width:100%;}
	.box_1_5 span.tit {color:#ffffff;}
	.box_1_2 span.tit {top:30px;}
	.box_1_2 span.txt {display:block;}
	.box_1_6 span.txt {display:block;letter-spacing:-1px;}
	.box_2_2 span.tit {top:30px;}
	.box_2_2 span.txt {display:block;}
	.box_2_3 span.tit {top:35px;}
	.box_2_3 span.txt {display:block;width:auto;left:15px;bottom:30px;}
	.box_2_4 span.tit {top:35px;}
	.box_2_4 span.txt {display:block;width:auto;left:15px;bottom:30px;}
	.box_2_7 span.txt {display:block;}
	.box_3_4 span.txt {display:none;letter-spacing:-1px;}
	.box_3_6 span.tit {top:35px;}
	.box_3_6 span.txt {display:block;text-align:left;left:17px;bottom:30px}
	.box_3_7 span.tit {top:45px;}
	.box_3_8 span.tit {top:45px;}
	.box_4_1 span.tit {top:45px;}/* 2020-08-20 수정 */
	.box_4_1 span.txt {display:block;}
	.box_4_4 span.tit {top:30px;}
	.box_4_4 span.txt {display:block;}
	/* 2020-08-20 추가 */
	.box_4_3 span.txt {display:block;}
	.box_4_7 span.txt {display:block;}
	/* // 2020-08-20 추가 */	
	.img_19 {width:12px;vertical-align:middle;}
	/*.box_4_2 {-webkit-transform: translateZ(0);}*/
	.box_5_1 span.tit {top:30px;}
	.box_5_1 span.txt {display:block;letter-spacing:-1px;}
	.box_5_2 span.tit {top:30px;}
	.box_5_2 span.txt {display:block;}
	.box_5_6 span.tit {top:20px;}
	.box_5_6 span.txt {display:block;bottom:auto;top:45px;left:0px;padding:0px}
	.box_3_3 .a_tit {position:absolute;left:15px;top:22px;font-size:14px;color:#000000;width:198px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.box_3_3 .a_date {position:absolute;right:15px;top:23px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_3 .a_hr {position:absolute;top:50px;left:15px;display:block;height:1px;width:264px;background:#f2f2f2;}
	.box_3_3 .a_img {position:absolute;top:66px;left:15px;display:block;width:122px;height:105px;overflow:hidden;}
	.box_3_3 .a_img img {width:100%;}
	.box_3_3 .a_desc {position:absolute;top:64px;left:155px;width:180px;height:105px;line-height:150%;overflow:hidden;color:#444444;font-size:12px;}
	.box_5_3 .btn {display:none;}
	
	.title a {display:block;width:100%;height:100%;position:relative;}
	.title a img {width:100%;height:100%;position:absolute;z-index:1;}
	.title a span {position:absolute;z-index:2;left:0;top:85px;width:100%;text-align:center;color:#ffffff;font-size:16px;font-family:'sang';text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);line-height:14px;}

	.mainVisual .visual .minor {top:122px}/* 2021 20th로고변경 및 ui 수정 */

	.flipboard span.txt {width:114px;top:45px}
	#rollNews .visual {width:100%;height:110px}	
	.slick-dots {right:35px}
}

 
@media all and (min-width:768px){
	#header {display:none;}
	.bodWrap a.menuBtn { background-size:28px 22px;  top:27px; left:30px;}
	.bodWrap h1.logo {position:fixed; top:10px; left:75px;}
	.bodWrap h1.logo img { width:auto;}
	.bodWrap .topUtil {top:30px;right:20px}
	.bodWrap .topUtil li {background:url('/resources/_img/layout/ui_gnb.png') 0px -69px no-repeat;background-size:auto; font-size:20px;padding:0px 15px}
	.bodWrap .topUtil li a {line-height:25px}
	.bodWrap .topUtil li .icoSearch {width:25px;height:25px; background-size:auto}
	.bodWrap .topUtil li.langSel .lang {padding-right:20px}
	.bodWrap .topUtil li.langSel .lang:after {content:'';display:block;width:14px;height:18px;background:url('/resources/_img/layout/ui_gnb.png') 0px -34px no-repeat; background-size:auto;}
	.bodWrap .topUtil li.langSel.on .lang:after {background:url('/resources/_img/layout/ui_gnb.png') -24px -34px no-repeat; background-size:auto;}
	
	.bodWrap .searchArea {height:83px;}
	.bodWrap .searchArea .srchForm {padding-top:20px}
	.bodWrap .searchArea .srchForm input {width:550px;height:40px;line-height:40px;font-size:20px;}
	.bodWrap .searchArea .srchBtn {width:27px;height:40px;background:url('/resources/_img/layout/ui_gnb.png') -30px 8px no-repeat;background-size:auto;}
	.bodWrap .searchArea .close {position:fixed;top:27px;right:20px;display:block;width:28px;height:28px;background:url('/resources/_img/layout/ui_gnb.png') -63px 0px no-repeat;background-size:auto}

	/* 2021 20th로고변경 및 ui 수정 s */
	#header_new .fix_area{position: static; background: none;}
	#header_new .logo{position: absolute; top: 53px; left: 82px; transform:translateY(0);}
	#header_new .logo img{width:auto;}
	#header_new .menuBtn {top: 67px; left: 30px; width:32px; height: 28px; transform:translateY(0);}
	#header_new .util{justify-content:flex-end; padding: 0 30px; height: 40px; box-sizing:border-box;}
	#header_new .util ul li:not(:first-child){margin-left: 10px; padding-left: 10px;}
	#header_new .util ul li:not(:first-child):before{top:0; height: 16px;}
	#header_new .util ul li a{font-size: 15px; line-height: 16px;}
	#header_new .util ul li a.icoSearch{width:16px; height:16px; background-size:16px auto;}
	#header_new .util ul li.lang button{font-size: 15px; line-height: 16px;}
	#header_new .util ul li.lang button span{ padding-right: 20px;}
	#header_new .util ul li.lang button span:after{width: 12px; height: 7px; border-width: 7px 6px 0 6px;}
	#header_new .util ul li.lang .expand_area{padding-left: 10px;}
	#header_new .util ul li.lang .expand_area a{color: #fff;}
	/* //2021 20th로고변경 및 ui 수정 e */

	.area_1 .area_bg {background-image:url("/resources/_img/main/bg768_shape_1.png");}
	.area_2 .area_bg {background-image:url("/resources/_img/main/bg768_shape_2.png");}
	.area_3 .area_bg {background-image:url("/resources/_img/main/bg768_shape_3.png");}
	.area_4 .area_bg {background-image:url("/resources/_img/main/bg768_shape_4.png");}
	.area_5 .area_bg {background-image:url("/resources/_img/main/bg768_shape_5.png");}

	.cont .inner {margin-top:115px;width:636px;}
	.area_h .cont .inner {margin-top:396px;width:472px;}/* 2021 20th로고변경 및 ui 수정 */
	*+html .area_h .cont .inner {top:396px;}/* 2021 20th로고변경 및 ui 수정 */
	.area_f .cont .inner {margin-top:240px;width:720px;}/* 2021 20th로고변경 및 ui 수정 */

	.area_h .box {width:144px;height:144px;}
	.area_h .html5movie {width:100%;}
	.area_h .news {width:100%;}
	.title a span {top:106px;font-size:20px;line-height:22px;}
	.box_0_5.title a span{top:20px; left:22px; line-height:24px;}/* 2021-02-02 추가 */

	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:164px;top:0px;}
	.box_0_2 {left:328px;top:0px;}
	.box_0_3 {left:0px;top:164px;}
	.box_0_4 {left:164px;top:164px;}
	.box_0_5 {left:328px;top:164px;}
	.box_0_6 {left:0px;top:328px;}
	.box_0_7 {left:0px;top:492px;}

	.s2_1x1 {width:144px;height:144px;}
	.s2_15x2 {width:226px;height:308px;}
	.s2_15x1 {width:226px;height:144px;}
	.s2_25x1 {width:390px;height:144px;}
	.s2_30x1 {width:472px;height:144px;}/* 2020-08-20 추가 */	
	.s2_35x1 {width:630px;height:144px;}
	.s2_2x2 {width:308px;height:308px;}
	.s2_2x1 {width:308px;height:144px;}
	.s2_3x3 {width:472px;height:472px;}
	.s2_3x1 {width:472px;height:144px;}
	.s2_1x2 {width:144px;height:308px;}
	.s2_25x2 {width:390px;height:308px;}
	
	.mainVisual {line-height:84px;}
	.mainVisual a.controll {margin-right:2px;}
	.mainVisual a.paging {margin-left:2px;margin-right:2px;}
	/* 2021-12-24 수정 */
	.mainVisual .visual .major {font-size:50px;top:200px;}
	.mainVisual .visual .minor {font-size:16px;top:300px;}
	/* // 2021-12-24 수정 */
	#prMovie {width:640px;height:530px;margin-left:-320px;margin-top:-265px;}/* 2020-04-24 수정 */
	#prMovie .inner{height:360px;}
	#prMovie #introMovie {width:100%;height:475px}
	#prMovie .viewMore{width:580px;font-size:20px;border-radius:30px;padding:20px 0px 16px;margin-left:-290px;margin-top:130px}/* 2020-04-24 수정 */
	.movie .img img {}
	.movie .txt {width:100%;margin:45px auto 0px ;font-size:18px;font-weight:400}
	.movie .txt strong {font-size:24px;}
	.movie .txt2 {width:100%;height:144px;line-height:144px;padding:0px;font-size:24px;  position:absolute;z-index:3;bottom:0;top:0;display:block;height:51px;padding:110px 15px 0 0;font-size:13px;line-height:17px;color:#ffffff;font-family:'sang';text-align:center;}
	.flipboard span.txt {display:block;width:448px;padding:0 12px;height:40px;font-size:15px;line-height:20px;top:50px;font-weight:400;}
	.flipboard span.date {height:14px;font-size:12px;line-height:14px;right:12px;bottom:12px;font-weight:400;}
	.flipboard .bookBlockNav {top:13px;}
	.flipboard .n1 {right:64px;}
	.flipboard .n2 {right:52px;}
	.flipboard .n3 {right:39px;}
	.flipboard .n4 {right:26px;}
	.flipboard .n5 {right:13px;}
	.contribute span.tit {width:120px;height:48px;font-size:16px;line-height:24px;left:12px;top:auto;bottom:12px;font-weight:400;}
	
	.bn span.icon {width:144px;height:144px;left:50%;top:50%;right:auto;margin-top:-72px;margin-left:-72px;}
	.s2_15x1 span.icon {left:auto;right:0;margin-left:0;}
	.s2_2x1 span.icon {left:auto;right:0;margin-left:0;}
	.s2_25x1 span.icon {left:auto;right:0;margin-left:0;}
	.s2_30x1 span.icon {left:auto;right:0;margin-left:0;}/* 2020-08-20 추가 */	
	.s2_35x1 span.icon {left:auto;right:20px;margin-left:0;}
	.s2_3x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:25px;}
	.box_1_4 span.icon {right:-10px;height:110px;margin-top:-38px}
	.box_3_5 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	.box_5_6 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}

	.bn span.tit {position:absolute;top:62px;left:28px;z-index:2;color:#000000;font-size:16px;line-height:18px;}
	.bn span.txt {display:block;position:absolute;bottom:20px;left:0px;width:90%;z-index:2;color:#444444;font-size:12px;line-height:20px;text-align:center;}/* 2020-08-20 수정 */
	.s2_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s2_1x1 span.txt {display:none;}
	.s2_1x2 span.tit {top:50px;left:0;text-align:center;width:100%;}
	.s2_15x1 span.tit {text-align:left;width:auto;}
	.s2_15x1 span.txt {display:none;}
	.s2_15x2 span.tit {top:50px;left:0;text-align:center;width:100%;}
	.s2_2x2 span.tit {top:50px;left:0;text-align:center;width:100%;}
	.s2_25x1 span.tit {text-align:left;width:auto;top:50px;}
	.s2_25x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	/* 2020-08-20 추가 */
	.s2_30x1 span.tit{text-align:left;left:28px;width:auto;top:50px;}
	.s2_30x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px; padding:0}
	/* // 2020-08-20 추가 */	
	.s2_35x1 span.tit {text-align:left;width:auto;top:50px;}
	.s2_35x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	.s2_3x1 span.tit {text-align:left;width:auto;top:50px;}
	.s2_3x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	.s2_2x1 span.tit {text-align:left;width:auto;top:50px;}
	.s2_2x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	.box_1_5 span.tit {color:#ffffff;}
	.box_1_5 span.txt {color:#ffffff;}
	.box_4_5 span.txt {bottom:30px;width:170px;}
	.box_5_6 span.tit {top:60px;left:0;}
	.box_5_6 span.txt {display:block;bottom:auto;top:92px;}
	.box_5_6 span.icon img {width:auto;height:100%;bottom:0;left:0;margin-top:0;margin-left:0px;}

	.box_3_3 .a_tit {position:absolute;left:30px;top:36px;font-size:20px;line-height:22px;color:#000000;width:316px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.box_3_3 .a_date {position:absolute;right:30px;top:40px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_3 .a_hr {position:absolute;top:76px;left:30px;display:block;height:2px;width:412px;background:#f2f2f2;}
	.box_3_3 .a_img {position:absolute;top:103px;left:30px;display:block;width:412px;height:136px;overflow:hidden;text-align:center;}
	.box_3_3 .a_img img {width:auto;height:100%;}
	.box_3_3 .a_desc {position:absolute;top:262px;left:30px;width:412px;height:180px;line-height:20px;overflow:hidden;color:#444444;font-size:12px;}
	.box_5_3 span.tit {top:30px;}
	.box_5_3 span.txt {bottom:70px;}
	.box_5_3 span.btn {padding:0 54px 0 18px;height:28px;line-height:28px;border:#f2f2f2 1px solid;border-bottom:#b2b2b2 1px solid;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;position:relative;color:#000000;background:url("/resources/_img/main/btn_arrow.gif") 140px 50% no-repeat;position:absolute;top:88px;left:30px;}

	.img_19 {width:16px;}
	
	.area_f .copy1 {font-size:35px;line-height:50px;margin-bottom:40px;position:relative;z-index:1;}
	.area_f .copy1 span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
	.area_f .copy2 {font-size:12px;line-height:20px;margin-bottom:45px;position:relative;z-index:1;}
	.area_f .copy2 span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
	.area_f .f_util {width:470px;margin:0 auto;position:relative;z-index:2;}
	.area_f .f_util .f_btn {height:32px;line-height:32px;width:448px;padding-left:22px;font-size:14px;}
	.area_f .f_util .familysite {display:block;}
	.area_f .f_util .familysite span {width:7px;height:5px;background-position:-300px -100px;}
	.area_f .f_util .familysite.on {background:#333333;color:#ffffff;}
	.area_f .f_util .familysite.on span {width:7px;height:5px;background-position:-200px -100px;}
	.area_f .f_util .familysitePop {display:none;width:695px;position:absolute;left:-111px;bottom:263px;padding-top:41px;}
	.area_f .f_util .familysitePop.on {display:block;}
	.area_f .f_util .familysitePop .col {border:#e5e5e5 1px solid;float:left;margin-left:5px;background:#ffffff;}
	.area_f .f_util .familysitePop .col:first-child {margin-left:0;}
	.area_f .f_util .familysitePop .col span {display:block;height:59px;line-height:59px;padding-left:20px;font-size:16px;}
	.area_f .f_util .familysitePop .col ul {}
	.area_f .f_util .familysitePop .col ul li {width:148px;padding-left:20px;height:44px;line-height:44px;border-top:#f2f2f2 1px solid;}
	.area_f .f_util .familysitePop .col ul li a {color:#000000;letter-spacing:-1px;}
	.area_f .f_util .familysitePop .fPopClose {width:31px;height:31px;display:block;position:Absolute;top:0;right:0;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;background:url("/resources/_img/main/footer.png") -500px 0px no-repeat;}
	.area_f .f_util .familysiteSel {display:none;}
	.area_f .f_util .f_link {text-align:center;margin:55px 0;}
	.area_f .f_util .contact {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0;}
	.area_f .f_util .contact span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;font-size:14px;}
	.area_f .f_util .contact span em {display:inline;}
	.area_f .f_util .contact span.num {font-size:15px;padding-bottom:0;border:none;}
	.area_f .f_util .sns {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;background:url("/resources/_img/main/bar_black.gif") 0px 40% no-repeat;padding-left:10px;margin:0 0 0 15px;;}
	.area_f .f_util .sns a {width:45px;}
	.area_f .f_social {display:none; padding-left:50px;} /* 20141204 WP 수정 */
	.area_f .f_adr {font-size:12px;line-height:14px;letter-spacing:-1px;text-align:center;}
	.area_f .f_adr span {display:block;margin-bottom:10px;vertical-align:middle;color:#000;}
	.area_f .f_adr .copyright {display:inline-block;margin-bottom:0;margin-right:10px;color:#333333;}
	.area_f .f_rule .privacy { background-size:auto; font-size:13px;margin-right:15px} 
	.area_f .f_rule .cctv {font-size:13px;}
	.area_f .f_webaward {width:120px;margin:0px auto 0;background:url("/resources/_img/main/footer_webaward.png") no-repeat right top;padding:25px 65px 25px 0;font-weight:bold;text-align:right;}

	#rollNews .visual {height:144px}
	
	/* .layerPop */.popbody {position:absolute;display:none;}
	/* .layerPop */.popbody.on {display:block;}
	/* .layerPop */.popbody .popCont {}
	/* .layerPop */.popbody .popCont img {display:block;}
	/* .layerPop */.popbody p {height:49px;line-height:49px;background:#f2f2f2;border-top:#d5d5d5 1px solid;color:#333333;text-align:center;-webkit-box-shadow:inset 0px 3px 3px 0px rgba(213, 213, 213, 0.5);-moz-box-shadow:inset 0px 3px 3px 0px rgba(213, 213, 213, 0.5);box-shadow:inset 0px 3px 3px 0px rgba(213, 213, 213, 0.5);}
	/* .layerPop */.popbody p input {vertical-align:middle;}
	/* .layerPop */.popbody .btn_popclose {width:31px;height:31px;display:block;position:Absolute;top:-40px;right:0px;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;background:url("/resources/_img/main/footer.png") -500px 0px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}

	.mpopbody {display:none}
	.mpopbody.on {display:none;}	

	.mTopBtn {right:68px;bottom:30px;width:40px;} 
	
	.movie .img .sm{display:none}
	.movie .img .lg{display:block}

}
@media all and (min-width:900px){
	/* .mainVisual .visual #player {display:block} 2020-04-24 삭제 */
	.mainVisual .visual iframe#player{display:block}/* 2020-05-11 추가 */
	.mainVisual .visual .major {color:#FFF}
	.mainVisual .visual .minor {color:#FFF}
}
@media all and (min-width:1024px){
	.mTopBtn {display:none !important}
	body {min-width:980px;}

	#dice {display:block;background-repeat:no-repeat;display:block;position:absolute;left:50%;z-index:3;}
	#mainNavi {display:block;position:fixed;top:50%;right:40px;width:32px;height:224px;margin-top:-112px;z-index:3;}
	#mainNavi a {width:32px;height:32px;display:block;background:url("/resources/_img/main/controll.png") -300px 0px no-repeat;text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
	#mainNavi a.on {background-position:-250px 0px;}
	
	.area_1 .area_bg {background-image:url("/resources/_img/main/bg1024_shape_1.png");}
	.area_2 .area_bg {background-image:url("/resources/_img/main/bg1024_shape_2.png");}
	.area_3 .area_bg {background-image:url("/resources/_img/main/bg1024_shape_3.png");}
	.area_4 .area_bg {background-image:url("/resources/_img/main/bg1024_shape_4.png");}
	.area_5 .area_bg {background-image:url("/resources/_img/main/bg1024_shape_5.png");}

	.cont .inner {margin-top:120px;width:964px;}
	.area_h .cont .inner {margin-top:240px;width:800px;}
	*+html .area_h .cont .inner {top:240px;}
	.area_f .cont .inner {margin-top:180px;width:960px;}
	.area_h .box {width:144px;height:144px;}
	.area_h .html5movie {width:308px;}
	.area_h .news {width:308px;}

	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:164px;top:0px;}
	.box_0_2 {left:328px;top:0px;}
	.box_0_3 {left:492px;top:0px;}
	.box_0_4 {left:656px;top:0px;}
	.box_0_5 {left:656px;top:164px;}
	.box_0_6 {left:0px;top:164px;}
	.box_0_7 {left:328px;top:164px;}
	
	.s3_1x1 {width:144px;height:144px;}
	.s3_15x1 {width:226px;height:144px;}
	.s3_15x2 {width:226px;height:308px;}
	.s3_25x1 {width:390px;height:144px;}
	.s3_25x2 {width:390px;height:308px;}
	.s3_1x2 {width:144px;height:308px;}
	.s3_30x1 {width:472px;height:144px;}/* 2020-08-20 추가 */	
	.s3_35x1 {width:554px;height:144px;}
	.s3_35x2 {width:554px;height:308px;}
	.s3_2x1 {width:308px;height:144px;}
	.s3_2x2 {width:308px;height:308px;}
	.mainVisual .visual .major {top:112px;color:#FFF;}
	.mainVisual .visual .minor {top:158px;color:#FFF}
	.mainVisual .visual .player_cover {position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.3;text-indent:-100%;font-size:0;line-height:0;}
	.movie .movieFrame {top:0;left:0;width:100%;height:144px;margin-left:0px;margin-top:0px}

	#prMovie {width:1000px;height:690px;margin-left:-498px;margin-top:-362px;text-align:center}/* 2020-04-24 수정 */
	/* 2020-04-24 추가 */
	#prMovie .infoTxt{position:absolute; bottom:0; left:0; width:100%; height:auto; border:0; padding:10px 30px; font-size:14px; color:#fff; line-height:24px; text-align:center; box-shadow:none; background:url("/resources/_img/main/pop_infoTxt_bg.png") 0 0 repeat;}
	/* // 2020-04-24 추가 */
	#prMovie .inner{height:555px;}
	#prMovie #introMovie{width:100%;height:562px}/* 2020-05-11 수정 */
	#prMovie .viewMore{margin-top:242px}/* 2020-04-24 수정 */
	#prMovie.infoType .viewMore{margin-top:242px}/* 2020-04-29 추가 */

	.flipboard span.txt {width:278px;padding:0 15px;}
	.flipboard span.date {right:15px;bottom:15px;}
	.bn span.icon {width:144px;height:144px;left:50%;right:auto;margin-top:-72px;margin-left:-72px;}
	.box_1_4  span.icon {width:144px;height:114px;left:50%;right:auto;margin-top:-42px;}

	.s3_15x1 span.icon {left:auto;right:0;margin-left:0;}
	.s3_2x1 span.icon {left:auto;right:0;margin-left:0;}
	.s3_25x1 span.icon {left:auto;right:0;margin-left:0;}
	.s3_30x1 span.icon {left:auto;right:0;margin-left:0;}/* 2020-08-20 추가 */	
	.s3_35x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:20px;}
	.box_3_5 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	.box_5_6 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	.bn span.txt {display:block;}
	.s3_15x1 span.tit {text-align:left;width:auto;top:50px;}
	.s3_15x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	.s3_2x1 span.tit {text-align:left;left:28px;width:auto;top:50px;}
	.s3_2x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	/* 2020-08-20 추가 */
	.s3_30x1 span.tit{text-align:left;left:28px;width:auto;top:50px;}
	.s3_30x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px; padding:0}
	/* // 2020-08-20 추가 */	
	.s3_35x1 span.tit {text-align:left;left:28px;width:auto;top:50px;}
	.s3_35x1 span.txt {text-align:left;left:28px;width:auto;bottom:50px;}
	.box_3_3 .a_tit {position:absolute;left:30px;top:36px;font-size:20px;color:#000000;width:400px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:22px;}
	.box_3_3 .a_date {position:absolute;right:30px;top:40px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_3 .a_hr {position:absolute;top:77px;left:30px;display:block;height:2px;width:494px;background:#f2f2f2;}
	.box_3_3 .a_img {position:absolute;top:101px;left:30px;display:block;width:207px;height:177px;overflow:hidden;}
	.box_3_3 .a_img img {width:100%;height:auto;}
	.box_3_3 .a_desc {position:absolute;top:99px;left:272px;width:252px;height:180px;line-height:20px;overflow:hidden;color:#444444;font-size:12px;}
	.box_4_5 span.txt {width:160px;bottom:30px;}
	.box_5_8 span.txt {width:130px;bottom:30px;}
	.area_f .copy1 {width:600px;margin-left:auto;margin-right:auto;}
	.area_f .f_util {width:964px;margin-bottom:60px; }
	.area_f .f_util .f_btn {width:120px;float:left;margin-right:5px;padding-left:10px}
	.area_f .f_util .f_btn span {right:10px}
	.area_f .f_util .f_link {float:right;margin:5px 0 0 0;}
	.area_f .f_util .familysitePop {left:0;bottom:42px;padding-top:0;padding-right:46px;}
	.area_f .f_util .familysitePop .fPopClose {right:0;top:0;}
	.area_f .f_social {display:none; padding-left:150px;} /* 20141204 WP 수정 */
	.area_f .f_adr .f_email {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
	.area_f .f_adr .f_browser {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
	.area_f .f_webaward {width:130px;margin:0 ;position:absolute;bottom:-25px;right:0px;z-index:-10;font-weight:bold;text-align:right;}
	
	#rollNews .visual {height:144px}

	.fpop_wrap { position: fixed; top: 0;  left: 0; width: 100%; height: 100%; z-index: 1000000; text-align: center; background:url('/resources/_img/common/loading-wrap.png') repeat;display:block; }
	.foo_pop {  position:fixed; z-index: 1000001;  background:#fff;display:block;} 
	.foo_pop.mail {width:663px; height:262px;  left:50%;   top:40%; margin-left:-331px; }
	.foo_pop.browser { width:743px; height:549px; left:50%;   top:25%; margin-left:-371px;} 
	.foo_pop .title {position:relative; background: url("/resources/_img/common/bg_pop2.gif") right top no-repeat #009dd9;}
	.foo_pop .title h3 {padding:19px 0 17px 25px; font-size:16px; font-weight:700; color:white;}
	.foo_pop .title a {position:absolute; right:30px; top:20px;width:auto;height:auto;}
	.foo_pop .title a img {width:auto;height:auto;}
	.foo_pop .con {background:white; padding:30px;}
	.foo_pop.browser con { padding:28px;}
	.foo_pop .con p.txt { font-size:30px; line-height:180%;  color:#666;}
	.foo_pop .con span.day { display:block; padding-top:10px;  color:#666;}
	.foo_pop.browser .con span.day { margin-bottom:35px; line-height:160%;}
	.foo_pop .con dl dt { font-size:17px; padding-bottom:20px;}
	.foo_pop .con dl dd { }
	.foo_pop .con dl dd ul  { width:100%; display:inline-block; }
	.foo_pop .con dl dd ul li { float:left; text-align:center;  margin:0 2px;}
	.foo_pop .con dl dd ul li.ie {background:#f6f6f6; }
	.foo_pop .con dl dd ul li a { display:block; width:164px; height:141px; padding-top:24px; border:1px solid #dddddd; border-bottom:1px solid #a0a0a0 }
	.foo_pop .con dl dd ul li  span { display:block; color:#333; font-size:16px; padding-top:28px; font-weight:800; }

	.pop_btn  { padding-top:25px;text-align:center; }
	.pop_btn a { display:inline-block;  text-align:left; padding:10px 15px 0 15px; height:24px;  border:1px solid #f2f2f2; border-bottom:1px solid #b2b2b2;  }
	.pop_btn a span { display:inline-block; cursor:pointer; background: url("/resources/_img/common/btnIcon2.gif") right center no-repeat; width:100%;  font-size:15px;   color:#000;}
	.pop_btn a{ padding:16px 20px 0 19px; height:26px; color:#fff; width:125px;}

	.movie .txt2 { padding:108px 20px 0 0;}

} 

@media all and (min-width:1280px){
	.bodWrap h1.logo {top:10px;left:75px}
	.bodWrap h1.logo img { width:auto;}

	.area_1 .area_bg {background-image:url("/resources/_img/main/bg1280_shape_1.png");}
	.area_2 .area_bg {background-image:url("/resources/_img/main/bg1280_shape_2.png");}
	.area_3 .area_bg {background-image:url("/resources/_img/main/bg1280_shape_3.png");}
	.area_4 .area_bg {background-image:url("/resources/_img/main/bg1280_shape_4.png");}
	.area_5 .area_bg {background-image:url("/resources/_img/main/bg1280_shape_5.png");}

	.cont .inner {margin-top:150px;width:1200px;}
	.area_h .cont .inner {margin-top:280px;width:996px;}
	*+html .area_h .cont .inner {top:280px;}
	.area_h .box {width:180px;height:180px;}
	.area_h .html5movie {width:384px;}
	.area_h .news {width:384px;}
	.title a span {top:136px;font-size:24px;line-height:26px;}
	.box_0_5.title a span{top:23px; left:25px; color:#333; line-height:28px; text-align:left;}/* 2021-02-02 추가 */

	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:204px;top:0px;}
	.box_0_2 {left:408px;top:0px;}
	.box_0_3 {left:612px;top:0px;}
	.box_0_4 {left:816px;top:0px;}
	.box_0_5 {left:816px;top:204px;}
	.box_0_6 {left:0px;top:204px;}
	.box_0_7 {left:408px;top:204px;}

	.s4_1x1 {width:180px;height:180px;}
	.s4_2x1 {width:384px;height:180px;}
	.s4_2x2 {width:384px;height:384px;}
	.s4_1x2 {width:180px;height:384px;}
	.s4_15x1 {width:282px;height:180px;}
	.s4_15x2 {width:282px;height:384px;}
	.s4_25x1 {width:486px;height:180px;}
	.s4_25x2 {width:486px;height:384px;}
	.s4_30x1 {width:588px;height:180px;}/* 2020-08-20 추가 */	
	.s4_35x1 {width:690px;height:180px;}
	.s4_35x2 {width:690px;height:384px;}

	.movie .movieFrame {height:180px;margin-left:0px}
	.movie .txt {margin:60px auto 0px}
	.movie .txt2 { height:51px;padding:145px 20px 0 0;font-size:14px;line-height:17px;}
	#rollNews .visual {height:180px}
	.flipboard span.txt {width:344px;padding:0 20px;font-size:19px;line-height:25px;height:50px;top:60px;}
	.flipboard span.date {right:20px;bottom:20px;}
	.contribute span.tit {width:140px;height:60px;font-size:19px;line-height:30px;left:20px;bottom:20px;}

	.bn span.icon {width:180px;height:180px;left:50%;right:auto;margin-top:-90px;margin-left:-90px;}
	.bn span { cursor:pointer;}
	.s4_15x1 span.icon {left:auto;right:0;margin-left:0;}
	.s4_2x1 span.icon {left:auto;right:0;margin-left:0;}
	.s4_25x1 span.icon {left:auto;right:0;margin-left:0;}
	.s4_30x1 span.icon {left:auto;right:0;margin-left:0;}/* 2020-08-20 추가 */	
	.s4_35x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:60px;}
	.box_3_5 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	.box_5_6 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}

	.bn span.tit {position:absolute;top:80px;left:38px;z-index:2;color:#000000;font-size:20px;line-height:25px;}
	.bn span.txt {display:block;position:absolute;bottom:26px;left:0px; padding:0;width:100%;z-index:2;color:#444444;font-size:12px;line-height:20px;text-align:center; word-break:keep-all;}/* 2020-08-20 수정 */
	.s4_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s4_15x1 span.tit {text-align:left;width:auto;top:64px;}
	.s4_15x1 span.txt {text-align:left;left:38px;width:auto;bottom:66px;}
	.s4_2x1 span.tit {text-align:left;width:auto;top:64px;}
	.s4_2x1 span.txt {text-align:left;left:38px;width:auto;bottom:66px;}
	.s4_25x1 span.tit {text-align:left;width:auto;top:64px;}
	.s4_25x1 span.txt {text-align:left;left:38px;width:auto;bottom:66px;}
	/* 2020-08-20 추가 */
	.s4_30x1 span.tit {text-align:left;width:auto;top:64px;}
	.s4_30x1 span.txt {text-align:left;left:38px;width:auto;bottom:66px;}
	/* // 2020-08-20 추가 */	
	.s4_35x1 span.tit {text-align:left;width:auto;top:64px;}
	.s4_35x1 span.txt {text-align:left;left:38px;width:auto;bottom:66px;}
	.s4_15x2 span.tit {top:64px;left:0;text-align:center;width:100%;}
	.s4_1x2 span.tit {top:64px;left:0;text-align:center;width:100%;}

	.box_1_5 span.tit {color:#ffffff;}
	.box_1_5 span.txt {color:#ffffff;}
	.box_4_5 span.txt {width:170px;bottom:46px;}
	.box_5_6 span.icon img {bottom:0;}
	.box_5_6 span.tit {top:80px;left:0;}
	.box_5_6 span.txt {display:block;width:230px;padding:0 128px;bottom:auto;top:120px;}
	.box_5_3 span.tit {top:36px;}
	.box_5_3 span.txt {bottom:88px}
	.box_5_3 span.btn {left:38px;top:106px;}
	.box_5_8 span.txt {width:130px;bottom:46px;}

	.box_3_3 .a_tit {position:absolute;left:40px;top:48px;font-size:22px;color:#000000;width:400px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:24px;}
	.box_3_3 .a_date {position:absolute;right:40px;top:52px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_3 .a_hr {position:absolute;top:100px;left:40px;display:block;height:2px;width:610px;background:#f2f2f2;}
	.box_3_3 .a_img {position:absolute;top:132px;left:40px;display:block;width:207px;height:177px;overflow:hidden;}
	.box_3_3 .a_img img {width:100%;height:auto;}
	.box_3_3 .a_desc {position:absolute;top:132px;left:282px;width:368px;height:205px;line-height:25px;overflow:hidden;color:#444444;font-size:14px;}
	.mainVisual .visual .major {top:144px;}
	.mainVisual .visual .minor {top:200px;} /* 2021-12-24 수정 */
	.area_f .cont .inner {width:1000px}
	.area_f .copy1 {font-size:40px;line-height:55px;margin-bottom:45px;position:relative;z-index:1;width:600px;margin-left:auto;margin-right:auto;}
	.area_f .privacy {font-size:13px}
	.area_f .cctv {font-size:13px}
	.area_f .f_util {width:1130px}
	.area_f .f_util .f_btn {width:146px;padding-left:20px}
	.area_f .f_util .f_btn span {right:15px}
	.area_f .f_util .contact span.num {font-size:17px}
}

/* 2020-04-24 추가 */
@media all and (min-width:1500px){
	#prMovie {width:1000px;height:780px;margin-left:-498px;margin-top:-408px;text-align:center}
	#prMovie .infoTxt{position:absolute; bottom:0; left:0; width:100%; height:auto; border:0; padding:10px 30px; font-size:14px; color:#fff; line-height:24px; text-align:center; box-shadow:none; background:url("/resources/_img/main/pop_infoTxt_bg.png") 0 0 repeat;}
	#prMovie .viewMore {margin-top:225px}
}

@media all and (min-width:1620px){
	.mainVisual .visual video#player{width:100%; height:auto;}/* 2020-05-11 수정 */
}
/* // 2020-04-24 추가 */
 
@media all and (min-width:1921px){
	.area_bg {background-attachment:scroll;}
	.mainVisual .visual .bg {background-attachment:scroll;}
}