@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:arial, 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;}
th, td {font-family:arial, sans-serif;}
::-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-weight:bold;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;}
	.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:41px;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:4px; left:42px;z-index:5;}
.bodWrap h1.logo img { width:65px;}

.bodWrap .topUtil {position:fixed; top:15px; right:10px;z-index:101}
/* 2020-10-27 수정 */
.bodWrap .topUtil li {float:left;background:url('/resources/_img/layout/ui_gnb.png') 0px -56px no-repeat;background-size:80px; font-size:11px;font-weight:400;line-height:110%;color:#000;padding:0px 8px}
/* // 2020-10-27 수정 */
.bodWrap .topUtil li:first-child {background:none}
/* 2020-10-27 추가 */
.bodWrap .topUtil li:nth-child(3){background:none;}
.bodWrap .topUtil li:nth-child(3) br{display:block;}
/* // 2020-10-27 추가 */
.bodWrap .topUtil li a {color:#000;line-height:18px;letter-spacing:-0.05em}
.bodWrap .topUtil li:nth-child(3) a {line-height:14px}/* 2020-10-27 추가 */
.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}

/* 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:194px}
	#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.enL { float:left; width:135px}
	#ktngMenu ul.hn li a.enR { float:right;  width:134px;border-left:solid 1px #484848}
	#ktngMenu ul.hn li a.hn span { background:url('/resources/_img/layout/knON.png') 170px center no-repeat; }
	#ktngMenu ul.hn li.on a.hn span { background:url('/resources/_img/layout/knOFF.png') 170px 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 70px;line-height:67px}
	#ktngMenu ul.hn li a.hn span {cursor:pointer; display:block; color:#fff; font-size:20px; }
	#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:600;letter-spacing:-0.03em} 
	#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 35px; }
	#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;}
.bodyDimmed {position:absolute;z-index:900;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 {overflow:hidden;}
.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:100px;width:252px;}
#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;display:block;overflow:hidden;cursor:pointer;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:141px;height:90px;}
	.s1_1x2 {width:90px;height:192px;}
	.s1_2x1 {width:192px;height:90px;}

	.box_0_0 {left:0px;top:0px;}
	.box_0_1 {left:102px;top:0px;}
	.box_0_2 {left:0px;top:102px;}
	.box_0_3 {left:102px;top:102px;}
	.box_0_4 {left:0px;top:204px;}
	/* 2021-02-04 수정 */
	.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;}
	/* // 2021-02-04 수정 */
 
	.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;}/* 2021-02-09 추가 */
 
	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:102px;top:0px;}
	.box_3_2 {left:0px;top:102px;}
	.box_3_3 {left:0px;top:306px;}
	.box_3_4 {left:102px;top:306px;}

 	.box_4_0 {left:0px;top:0px;}
	/* 2020-08-27 수정 */
	.box_4_1 {left:0;top:510px;width:294px;height:90px}
	.box_4_2 {left:102px;top:204px;}
	.box_4_3 {left:0;top:306px;}
	.box_4_4 {left:204px;top:306px;}
	.box_4_5 {left:102px;top:306px;}
	.box_4_6 {left:102px;top:0;}
	.box_4_7 {left:0px;top:102px; }
	/* // 2020-08-27 수정 */

	.box_4_8 {left:0px;top:510px;}
	.box_4_9 {left:102px;top:510px;}

 /* main */
	.area_h .box {width:90px;height:90px;}
	.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 {right:15px;}
	.box_1_4 span.icon {right:0px;}
	.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_4 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	/* 2020-08-27 추가 */
	.box_4_2 span.icon {left:auto; right:0}
	.box_4_7 span.icon {left:auto; right:0}
	/* // 2020-08-27 추가 */
	.box_4_3 span.icon{margin-top:-35px;}/* 2021-02-09 추가 */
	
	.bn span.icon img {width:100%;height:100%;}
	.box_3_4 span.icon img {width:384px;height:384px;position:absolute;top:50%;left:50%;margin-top:-192px;margin-left:-192px;}
	

	.bn span.tit {position:absolute;top:30px;left:15px;z-index:2;color:#000000;font-size:12px;line-height:14px;}
	.bn span.txt {color:#444444;display:none;}

	.s1_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s1_2x2 span.tit {left:0;text-align:center;width:100%;}
	.s1_1x2 span.tit {left:0;top:24px;text-align:center;width:100%;}
	.box_1_5 span.tit {color:#ffffff;}
	.box_1_5 span.txt {color:#ffffff;}
	/* 2020-08-27 추가 */
	.box_4_7 span.tit{top:20px;}
	.box_4_7 span.txt{position:absolute; display:inline-block; text-align:left; left:15px; bottom:20px; width:auto; font-size:10px;}
	.box_4_7 .mbr{display:block;}
	/* // 2020-08-27 추가 */

	.box_3_2 .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_2 .a_date {position:absolute;right:15px;top:23px;font-size:8px;color:#000000;letter-spacing:-1px;}
	.box_3_2 .a_hr {position:absolute;top:50px;left:15px;display:block;height:1px;width:264px;background:#f2f2f2;}
	.box_3_2 .a_img {position:absolute;top:66px;left:15px;display:block;width:104px;height:88px;overflow:hidden;}
	.box_3_2 .a_img img {width:100%;}
	.box_3_2 .a_desc {position:absolute;top:64px;left:133px;width:146px;height:105px;line-height:15px;overflow:hidden;color:#444444;font-size:10px;}

	.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:10px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}

	.auto-bookblock a {display:block;width:100%;height:100%;}
	.auto-bookblock a img {width:100%;height:100%;}

	.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;}
	.mainVisual .visual {position:absolute;width:100%;height:100%;top:0;left:0%;z-index:1;background:url("/resources/_img/main/m_vis.jpg") center top no-repeat;background-size:cover}
	.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}
	.mainVisual .visual .major {display:block;width:290px;top:95px;left:50%;height:75px;margin-left:-145px;position:absolute;z-index:2;font-family:"Nanum Gothic";font-size:22px;font-weight:400;letter-spacing:-0.05em;text-align:center;color:#000;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0001);word-break:break-all;color:#fff;}/* 2021 20th로고변경 및 ui 수정, 2021-12-24 텍스트 색상 수정 */
	.mainVisual .visual .major span {line-height:25px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
	.mainVisual .visual .minor {display:block;width:100%;top:122px;left:0;position:absolute;z-index:2;font-size:8px;text-align:center;color:#000;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}

/* footer */
	.area_f .copy1 {text-align:center;font-size:20px;line-height:27px;color:#000000;margin-bottom:25px;}
	.area_f .copy1 span {display:block;}
	.area_f .copy2 {text-align:center;font-size:10px;line-height:17px;color:#444444;margin-bottom:35px;}
	.area_f .f_util .f_btn {display:block;height:30px;line-height:30px;width:235px;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:11px;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:bold;padding-bottom:2px;border-bottom:#000000 2px solid;color:#000000;}
	.area_f .f_util .sns {text-align:center;margin:35px 0;}
	.area_f .f_util .sns a {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:70px;height:29px;line-height:29px;}
	.area_f .f_util .sns .ss { width:103px; }
	.area_f .f_util .sns .yt { width:75px;}
	.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 .fb span {width:15px;height:29px;background:url("/resources/_img/main/footer.png") 0px 1 px 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;}
	.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;}
	.area_f .f_adr a {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 .privacy {display:inline-block; overflow: visible; width: auto; margin-right:5px; padding:4px 0px 0px 20px; background:url("/resources/_img/main/footer_privacy.png") 0px 0 no-repeat;background-size:17px; font-size:11px;  color:#f39231;font-weight:700; text-indent: 0; line-height: 1.2;}
	.layerPop {display:none;}
	.fpop_wrap {display:none;}
	.foo_pop {display:none;}
	.f_social iframe {margin:0 auto;display:block;}
	/* 20141204 WP 웹어워드 추가 S */ 
	.area_f .f_webaward {width:64%;margin:15px 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}
	#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%;}
	.box_4_2 .ctrBtn{position:absolute;top:12px;right:10px;z-index:6;}
	.box_4_2 .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_2 .ctrBtn .play {display:none;background-position:-400px 0;}
	.box_4_2 .ctrBtn .pause {background-position:-350px 0;}
	.box_4_2 .ctrBtn.stopped .play {display:block}
	.box_4_2 .ctrBtn.stopped .pause {display:none}
	.box_4_2 .slick-dots {position:absolute;top:9px;right:35px;z-index:6;}
	.box_4_2 .slick-dots li {float:left;line-height:100%;}
	.box_4_2 .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;}
	.box_4_2 .slick-dots li.slick-active button{background-position:-150px 0;} 
	/* 2020-08-27 추가 */
	.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;}
	.box_4_6 .slick-dots li {float:left;line-height:100%;}
	.box_4_6 .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;}
	.box_4_6 .slick-dots li.slick-active button{background-position:-150px 0;} 	
	/* // 2020-08-27 추가 */
	
	.mTopBtn { display:none; position:fixed; right:15px;bottom:15px;width:30px;z-index:999 } 
	.mTopBtn img {width:100%;border:solid 1px #f3f3f3 }

/* iphone 6 */
@media all and (min-width:375px){
	.cont .inner {margin-top:50px;width:357px;margin-left:auto;margin-right:auto;position:relative;z-index:2;}/* 2020-08-27 수정 */
	.area_h .cont .inner {margin-top:160px;width:270px;}/* 2021 20th로고변경 및 ui 수정 */
	*+html .area_h .cont .inner {top:160px;} /* 2021 20th로고변경 및 ui 수정 */
	.area_f .cont .inner {margin-top:50px;width:252px;}
	#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;display:block;overflow:hidden;cursor:pointer;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:187px;}
	.s1_15x1 {width:357px;height:100px;}
	.s1_1x2 {width:113px;height:218px;}
	.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:130px;}
	.box_0_3 {left:140px;top:130px;}
	.box_0_4 {left:0px;top:260px;}

	.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;height:208px}
	.box_1_7 {left:122px;top:454px;}
	.box_1_8 {left:122px;top:562px;}
	
	.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;height:208px}
	.box_2_8 {left:244px;top:454px;height:99px;}
	.box_2_9 {left:244px;top:562px;height:99px;}/* 2021-02-09 추가 */
 
	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:122px;top:0px;height:109px;}
	.box_3_2 {left:0px;top:119px;}
	.box_3_3 {left:0px;top:316px;height:228px}
	.box_3_4 {left:122px;top:316px;}

 	.box_4_0 {left:0px;top:0px;}
	/* 2020-08-27 수정 */
	.box_4_1 {left:0;top:572px;}
	.box_4_2 {left:122px;top:237px;}
	.box_4_3 {left:0;top:345px;}
	.box_4_4 {left:244px;top:345px;}
	.box_4_5 {left:122px;top:345px;}
	.box_4_6 {left:122px;top:0;}
	.box_4_7 {left:0px;top:119px; }
	/* // 2020-08-27 수정 */
	.box_4_8 {left:0px;top:562px;height:99px}
	.box_4_9 {left:122px;top:562px;height:99px}

 /* main */
	.area_h .box {width:130px;height:120px;}
	.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:0;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:30px;right:0;width:130px;height:130px;}
	.box_1_7 span.icon {top:30px;right:0;width:130px;height:130px;}
	.box_2_8 span.icon {left:60%;top:85%;}
	.box_2_9 span.icon {left:60%;top:90%;}
	.box_3_4 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}
	/* 2020-08-27 추가 */
	.box_4_1 span.icon{margin-left:-50px;}
	.box_4_7 span.icon{margin-left:-50px; margin-top:-40px}
	/* // 2020-08-27 추가 */

	.bn span.icon img {width:100%;height:100%;display:block;z-index:-1;position:absolute;}
	.box_3_4 span.icon img {width:384px;height:384px;position:absolute;top:50%;left:50%;margin-top:-192px;margin-left:-192px;}
	

	.bn span.tit {position:absolute;top:40px;left:15px;z-index:2;color:#000000;font-size:14px;line-height:16px;}/* 2020-08-27 수정 */
	.bn span.txt {color:#444444;display:none;}

	.s1_1x1 span.tit {left:0;text-align:center;width:100%;}
	.s1_2x2 span.tit {left:0;text-align:center;width:100%;}
	.s1_1x2 span.tit {left:0;top:24px;text-align:center;width:100%;}
	.box_1_5 span.tit {color:#ffffff;}
	.box_1_5 span.txt {color:#ffffff;}
	/* 2020-08-27 추가 */
	.box_4_7 span.tit{top:30px;}
	.box_4_7 span.txt{position:absolute; display:inline-block; text-align:left; left:15px; bottom:20px; width:auto;}
	/* // 2020-08-27 추가 */
	.box_2_8 span.tit {top:30px;}/* 2021-02-09 추가 */

	.box_3_2 .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_2 .a_date {position:absolute;right:15px;top:23px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_2 .a_hr {position:absolute;top:50px;left:15px;display:block;height:1px;width:326px;background:#f2f2f2;}
	.box_3_2 .a_img {position:absolute;top:66px;left:15px;display:block;width:104px;height:88px;overflow:hidden;}
	.box_3_2 .a_img img {width:100%;}
	.box_3_2 .a_desc {position:absolute;top:64px;left:133px;width:146px;height:105px;line-height:15px;overflow:hidden;color:#444444;font-size:12px;}

	.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:13px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}

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

@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:22px;padding:0px 15px}
	.bodWrap .topUtil li a {line-height:25px}
	.bodWrap .topUtil li:nth-child(3) br{display:none;}/* 2020-10-27 추가 */
	.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;}
	*+html .area_h .cont .inner {top:396px;}
	.area_f .cont .inner {margin-top:240px;width:720px;}

	.area_h .box {width:144px;height:144px;}
	.area_h .html5movie {width:100%;}
	.area_h .news {width:100%;}
	.title a span {top:106px;font-size:16px;}

	.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;}

	.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_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;}
	.s2_30x1 {width:472px;height:144px;}/* 2020-08-27 추가 */
	.s2_35x1 {width:630px;height:144px;}/* 2021-02-04 추가 */
	
	.box_1_0 {left:0px;top:0px;}
	.box_1_1 {left:0px;top:164px;}
	.box_1_2 {left:164px;top:0px;}
	.box_1_3 {left:0px;top:328px;}
	.box_1_4 {left:410px;top:0px;}
	.box_1_5 {left:0px;top:492px;}
	.box_1_6 {left:410px;top:164px;}
	.box_1_7 {left:246px;top:492px;}
	.box_1_8 {left:0px;top:656px;}
 
	.box_2_0 {left:0px;top:0px;}
	.box_2_1 {left:0px;top:164px;}
	.box_2_2 {left:164px;top:0px;}
	.box_2_3 {left:0px;top:328px;}
	.box_2_4 {left:410px;top:0px;}
	.box_2_5 {left:410px;top:164px;}
	.box_2_6 {left:410px;top:328px;}
	.box_2_7 {left:0px;top:492px;}
	.box_2_8 {left:246px;top:492px;}
	.box_2_9 {left:246px;top:656px;}/* 2021-02-09 추가 */

	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:328px;top:492px;}
	.box_3_2 {left:164px;top:0px;}
	.box_3_3 {left:0px;top:164px;}
	.box_3_4 {left:0px;top:492px;}

 	.box_4_0 {left:0px;top:0px;}
	/* 2020-08-27 수정 */
	.box_4_1 {left:328px;top:492px;}
	.box_4_2 {left:164px;top:0px;}
	.box_4_3 {left:164px;top:328px;}
	.box_4_4 {left:328px;top:0px;}
	.box_4_5 {left:492px;top:0;}
	.box_4_6 {left:0;top:492px;}
	.box_4_7 {left:0px;top:164px;}
	/* // 2020-08-27 수정 */
	.box_4_8 {left:492px;top:328px;}
	.box_4_9 {left:0px;top:656px;}

	.mainVisual {line-height:84px;}
	.mainVisual a.controll {margin-right:2px;}
	.mainVisual a.paging {margin-left:2px;margin-right:2px;}
	.mainVisual .visual .major {font-size:50px;top:200px;width:670px;margin-left:-335px;word-break:normal;}
	.mainVisual .visual .major span {line-height:50px;}
	.mainVisual .visual .minor {font-size:16px;top:300px;}
	
	.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-27 추가 */
	.s2_35x1 span.icon {left:auto;right:20px;margin-left:0;}/* 2021-02-04 추가 */
	.s2_3x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:25px;}
	.box_1_4 span.icon {right:-25px;}
	.box_3_4 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}

	.bn span.tit {position:absolute;top:62px;left:30px;z-index:2;font-size:16px;line-height:18px;text-align:left;}
	.bn span.txt {display:block;position:absolute;bottom:20px;left:0px;width:100%;z-index:2;font-size:12px;line-height:20px;text-align:center;}
	
	.s2_1x1 span.tit {left:0;text-align:center;top:54px;}
	.s2_1x2 span.tit {left:0;text-align:center;top:54px;}
	.s2_2x1 span.tit {top:55px;}
	.s2_2x1 span.txt {text-align:left;left:30px;width:auto;bottom:47px;}
	.s2_15x2 span.tit {left:0;text-align:center;top:54px;}
	.box_1_3 span.tit,
	.box_1_4 span.tit,
	.box_1_5 span.tit,
	.box_1_8 span.tit,
	.box_2_3 span.tit
	{top:40px;}
	.box_1_3 span.txt,
	.box_1_4 span.txt,
	.box_1_5 span.txt,
	.box_1_8 span.txt,
	.box_2_3 span.txt
	{left:30px;text-align:left;bottom:auto;top:68px;}
	/* 2020-08-27 추가 */
	.box_4_2 span.tit{width:100%;}
	.box_4_7 span.tit{top:45px;}
	.box_4_7 span.txt{text-align:left; left:30px; bottom:40px; width:auto;}
	.box_4_7 .mbr{display:none;}
	/* // 2020-08-27 추가 */
	.box_2_8 span.tit {top:52px;}/* 2021-02-09 추가 */


	.box_3_2 .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_2 .a_date {position:absolute;right:30px;top:40px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_2 .a_hr {position:absolute;top:76px;left:30px;display:block;height:2px;width:412px;background:#f2f2f2;}
	.box_3_2 .a_img {position:absolute;top:103px;left:30px;display:block;width:412px;height:136px;overflow:hidden;text-align:center;}
	.box_3_2 .a_img img {width:auto;height:100%;}
	.box_3_2 .a_desc {position:absolute;top:262px;left:30px;width:412px;height:180px;line-height:15px;overflow:hidden;color:#444444;font-size:10px;}

	.area_f .copy1 {font-size:35px;line-height:50px;margin-bottom:40px;position:relative;z-index:1;width:600px;margin-left:auto;margin-right:auto;}
	.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:17px;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 20px;;}
	.area_f .f_util .sns a {width:50px;}
	.area_f .f_adr {font-size:12px;line-height:14px;letter-spacing:-1px;text-align:center;}
	.area_f .f_adr span {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
	.area_f .f_adr .copyright {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:middle;background:url("/resources/_img/main/bar_black.gif") 0px 40% no-repeat;padding-left:10px;margin-left:10px;}
	/* 20141204 WP 웹어워드 추가 S */ 
	.area_f .f_adr {max-width:calc(100% - 250px); text-align:left;}
	.area_f .f_webaward {width:180px;margin:15px auto 15px;background:url("/resources/_img/main/footer_webaward.png") no-repeat right top;padding:25px 60px 25px 0;font-weight:bold;text-align:right;}
	/* 20141204 WP 웹어워드 추가 E */ 

	.layerPop {width:100%;height:100%;position:absolute;left:0;top:0;z-index:8;display:block;}
	.layerPop .popDimmed {width:100%;height:100%;position:absolute;left:0;top:0;background:url("/resources/_img/main/bg_dimmed.png") 0px 0px repeat;}
	.popbody {position:absolute;display:none;}
	.popbody.on {display:block;}
	.popbody .popCont {}
	.popbody .popCont img {display:block;}
	.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);}
	.popbody p input {vertical-align:middle;}
	.popbody .btn_popclose {width:31px;height:31px;display:block;position:Absolute;top:20px;right:20px;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;} 
}
@media all and (min-width:800px){
	.mainVisual .visual #player {display:block}
	.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:160px;width:964px;}
	.area_h .cont .inner {margin-top:324px;width:800px;}
	*+html .area_h .cont .inner {top:324px;}
	.area_f .cont .inner {margin-top:240px;width:940px;}
	.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-27 추가 */
	.s3_35x1 {width:554px;height:144px;}
	.s3_35x2 {width:554px;height:308px;}
	.s3_2x1 {width:308px;height:144px;}
	.s3_2x2 {width:308px;height:308px;}

	.box_1_0 {left:0px;top:0px;}
	.box_1_1 {left:0px;top:164px;}
	.box_1_2 {left:164px;top:0px;}
	.box_1_3 {left:0px;top:328px;}
	.box_1_4 {left:410px;top:0px;width:554px}
	.box_1_5 {left:738px;top:0px;}
	.box_1_6 {left:410px;top:164px;}
	.box_1_7 {left:574px;top:164px;}
	.box_1_8 {left:574px;top:328px;}
 
	.box_2_0 {left:0px;top:0px;}
	.box_2_1 {left:0px;top:164px;}
	.box_2_2 {left:164px;top:0px;}
	.box_2_3 {left:0px;top:328px;}
	.box_2_4 {left:410px;top:0px;}
	.box_2_5 {left:410px;top:164px;}
	.box_2_6 {left:410px;top:328px;}
	.box_2_7 {left:574px;top:164px;}
	.box_2_8 {left:738px;top:164px;} /* 2021-02-09 수정 */
	.box_2_9 {left:738px;top:328px;} /* 2021-02-09 추가 */

	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:164px;top:328px;}
	.box_3_2 {left:164px;top:0px;}
	.box_3_3 {left:0px;top:164px;}
	.box_3_4 {left:738px;top:0px;}

 	.box_4_0 {left:0px;top:0px;}
	.box_4_1 {left:0px;top:164px;}
	.box_4_2 {left:164px;top:0px;}
	.box_4_3 {left:164px;top:328px;}
	/* 2020-08-27 수정 */
	.box_4_4 {left:328px;top:0px;}
	.box_4_5 {left:492px;top:0px;}
	.box_4_6 {left:656px;top:0;}
	.box_4_7 {left:656px;top:328px;}
	/* // 2020-08-27 수정 */
	.box_4_8 {left:492px;top:328px;}
	.box_4_9 {left:656px;top:328px;}

	.mainVisual .visual .major {top:152px;width:720px;margin-left:-360px;color:#FFF}
	.mainVisual .visual .minor {top:230px;color:#FFF}


	.bn span.icon {width:144px;height:144px;left:50%;right:auto;margin-top:-72px;margin-left:-72px;}
	.s3_2x1 span.txt {bottom:50px;}
	.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-27 추가 */
	.s3_35x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:20px;}
	.box_3_4 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}

	.bn span.txt {display:block;}
	.box_2_7  span.tit {top:62px;left:30px;text-align:left;}
	.box_3_2 .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_2 .a_date {position:absolute;right:30px;top:40px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_2 .a_hr {position:absolute;top:77px;left:30px;display:block;height:2px;width:494px;background:#f2f2f2;}
	.box_3_2 .a_img {position:absolute;top:101px;left:30px;display:block;width:207px;height:177px;overflow:hidden;}
	.box_3_2 .a_img img {width:100%;height:auto;}
	.box_3_2 .a_desc {position:absolute;top:99px;left:272px;width:252px;height:180px;line-height:20px;overflow:hidden;color:#444444;font-size:12px;}
	.box_4_1 span.tit{left:0; width:100%; text-align:center;}/* 2020-08-31 추가 */
	/* 2020-08-27 추가 */
	.box_4_7 span.tit{top:45px; left:30px; text-align:left; width:auto;}
	.box_4_7 span.txt{text-align:left; left:30px; bottom:40px; width:auto;}
	/* // 2020-08-27 추가 */
	
	.area_f .copy1 {width:800px;margin-left:auto;margin-right:auto;}
	.area_f .f_util {width:964px;margin-bottom:60px; }
	.area_f .f_util .f_btn {width:146px;float:left;margin-right:5px;}
	.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_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;}
	/* 20141204 WP 웹어워드 추가 S */ 
	.area_f .f_adr {text-align:left;}
	.area_f .f_webaward {position:absolute;right:0;bottom:-40px;width:180px;margin:15px auto 15px;background:url("/resources/_img/main/footer_webaward.png") no-repeat right top;padding:25px 60px 25px 0;font-weight:bold;text-align:right;}
	/* 20141204 WP 웹어워드 추가 E */ 


	.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:bold; 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:14px; line-height:170%;  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:bold; }

	.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;}


}

@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:372px;width:996px;}
	*+html .area_h .cont .inner {top:372px;}
	.area_h .box {width:180px;height:180px;}
	.area_h .html5movie {width:384px;}
	.area_h .news {width:384px;}
	.title a span {top:136px;font-size:20px;}

	.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-27 추가 */
	.s4_35x1 {width:690px;height:180px;}
	.s4_35x2 {width:690px;height:384px;}

	.box_1_0 {left:0px;top:0px;}
	.box_1_1 {left:0px;top:204px;}
	.box_1_2 {left:204px;top:0px;}
	.box_1_3 {left:0px;top:408px;}
	.box_1_4 {left:510px;top:0px;}/* 2021-02-04 수정 */
	.box_1_5 {left:918px;top:0px;}
	.box_1_6 {left:510px;top:204px;}
	.box_1_7 {left:714px;top:204px;}
	.box_1_8 {left:714px;top:408px;}
 
	.box_2_0 {left:0px;top:0px;}
	.box_2_1 {left:0px;top:204px;}
	.box_2_2 {left:204px;top:0px;}
	.box_2_3 {left:0px;top:408px;}
	.box_2_4 {left:510px;top:0px;}
	.box_2_5 {left:510px;top:204px;}
	.box_2_6 {left:510px;top:408px;}
	.box_2_7 {left:714px;top:204px;}
	.box_2_8 {left:918px;top:204px;}/* 2021-02-09 수정 */
	.box_2_9 {left:918px;top:408px;}/* 2021-02-09 추가 */


	.box_3_0 {left:0px;top:0px;}
	.box_3_1 {left:204px;top:408px;}
	.box_3_2 {left:204px;top:0px;}
	.box_3_3 {left:0px;top:204px;}
	.box_3_4 {left:918px;top:0px;}

 	.box_4_0 {left:0px;top:0px;}
	.box_4_1 {left:0px;top:204px;}
	.box_4_2 {left:204px;top:0px;}
	.box_4_3 {left:204px;top:408px;}
	/* 2020-08-27 수정 */
	.box_4_4 {left:408px;top:0px;}
	.box_4_5 {left:612px;top:0px;}
	.box_4_6 {left:816px;top:0;}
	.box_4_7 {left:816px;top:408px;}
	/* // 2020-08-27 수정 */
	.box_4_8 {left:612px;top:408px;}
	.box_4_9 {left:816px;top:408px;}

	.mainVisual .visual .major {top:170px;}
	.mainVisual .visual .minor {top:260px;font-size:16px;}

	.movie .txt {height:180px;line-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;}
	.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-27 추가 */
	.s4_35x1 span.icon {left:auto;right:0;margin-left:0;}
	.box_1_3 span.icon {right:60px;}
	.box_3_4 span.icon {left:0;top:0;width:100%;height:100%;margin-left:0;margin-top:0;}

	.bn span.tit {position:absolute;top:78px;left:40px;z-index:2;font-size:20px;line-height:22px;text-align:left;}
	.bn span.txt {display:block;position:absolute;bottom:20px;left:0px;width:100%;z-index:2;font-size:13px;line-height:20px;text-align:center;}
	.s2_2x1 span.tit {top:68px}
	.s1_2x1  span.txt {text-align:left;left:40px;bottom:63px;}
	.s2_1x1 span.tit {left:0;text-align:center;top:68px;}
	.s2_1x2 span.tit {left:0;text-align:center;top:68px;}
	.s2_15x2 span.tit {left:0;text-align:center;top:68px;}
	.box_2_7 span.tit {top:68px;left:40px;text-align:left;bottom:auto;}/* 2021-02-09 수정 */
	/* 2021-02-09 추가 */
	.box_2_8 span.tit {top:68px;}
	.box_2_5 span.tit, .bn.box_2_6 span.tit{left:30px;}
	/* // 2021-02-09 추가 */

	.box_1_3 span.tit,
	.box_1_4 span.tit,
	.box_1_5 span.tit,
	.box_1_8 span.tit,
	.box_2_3 span.tit
	{top:58px;}
	.box_1_3 span.txt,
	.box_1_4 span.txt,
	.box_1_5 span.txt,
	.box_1_8 span.txt,
	.box_2_3 span.txt
	{left:40px;text-align:left;bottom:auto;top:88px;}

	
	.box_3_2 .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_2 .a_date {position:absolute;right:40px;top:52px;font-size:12px;color:#000000;letter-spacing:-1px;}
	.box_3_2 .a_hr {position:absolute;top:100px;left:40px;display:block;height:2px;width:610px;background:#f2f2f2;}
	.box_3_2 .a_img {position:absolute;top:132px;left:40px;display:block;width:207px;height:177px;overflow:hidden;}
	.box_3_2 .a_img img {width:100%;height:auto;}
	.box_3_2 .a_desc {position:absolute;top:128px;left:282px;width:368px;height:205px;line-height:25px;overflow:hidden;color:#444444;font-size:14px;}
	.box_4_1 span.tit{left:0; width:100%; text-align:center;}/* 2020-08-31 추가 */
	/* 2020-08-27 추가 */
	.box_4_2 span.tit{width:100%;}
	.box_4_7 span.tit{top:55px; left:40px; text-align:left; width:auto;}
	.box_4_7 span.txt{text-align:left; left:40px; bottom:55px; width:auto;}
	/* // 2020-08-27 추가 */
	
	.area_f .copy1 {font-size:35px;line-height:55px;margin-bottom:45px;position:relative;z-index:1;}
	.area_f .f_adr .privacy {font-size:13px}


}

@media all and (min-width:1921px){
	.area_bg {background-attachment:scroll;}
	.mainVisual .visual .bg {background-attachment:scroll;}
}