@charset "utf-8";
body{height:100%; background:#161616 url(images/bg_gra.jpg) 0 0 repeat-x;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:Mangal,arial,AppleGothic,sans-serif;font-size:12px;}
img,fieldset{border:0;vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}

@media all and (max-width:720px) {
}

@media all and (max-height:600px) {
.productbg1_1 .h_section01{height:155px !important;background:url(images/h_section01_s.png) center 0 no-repeat !important;overflow:hidden}
.productbg2_1 .h_section02{height:209px !important;background:url(images/h_section02_s.png) center 0 no-repeat !important;overflow:hidden}
.productbg3_1 .h_section03{height:167px !important;background:url(images/h_section03_s.png) center 0 no-repeat !important;overflow:hidden}
.productbg4_1 .h_section04{height:181px !important;background:url(images/h_section04_s.png) center 0 no-repeat !important;overflow:hidden}
.productbg5_1 .h_section05{height:170px !important;background:url(images/h_section05_s.png) center 0 no-repeat !important;overflow:hidden}
.btnView{padding:0 !important}
.navWrap{bottom:10px !important}
.navYoutube{bottom:200px !important}
}

@media all and (min-height:600px) and (max-height:760px) {
.productbg1_1 .h_section01{height:223px !important;background:url(images/h_section01_s.png) center 0 no-repeat !important}
.productbg2_1 .h_section02{height:270px !important;background:url(images/h_section02_s.png) center 0 no-repeat !important}
.productbg3_1 .h_section03{height:257px !important;background:url(images/h_section03_s.png) center 0 no-repeat !important}
.productbg4_1 .h_section04{height:234px !important;background:url(images/h_section04_s.png) center 0 no-repeat !important}
.productbg5_1 .h_section05{height:237px !important;background:url(images/h_section05_s.png) center 0 no-repeat !important}
.btnView{padding:5px 0 0 0 !important}
.navWrap{bottom:30px !important}
.navYoutube{bottom:210px !important}
}

@media all and (min-height:1000px) {
.btnView{padding:30px 0 0 0 !important}
.navWrap{bottom:100px !important}
.navYoutube{bottom:285px !important}
}

#wrap{position:relative;min-width:1000px}

#headerN{position:fixed;top:0;z-index:40;width:100%;min-width:1000px;height:48px;text-align:center;background:url(images/bg_header_n.png) 0 0 repeat-x}
#headerN .in{width:950px;height:51px;margin:0 auto;position:relative}
#headerN h1{position:absolute;top:10px;left:0}
#headerN .langArea{position:absolute;right:0;top:15px;color:#777;font-size:11px;font-family:arial}
#headerN .langArea a{color:#777777;font-family:Arial, sans-serif;font-size:11px;text-decoration:none}
#headerN .langArea a.lnk_guiud{margin-left:24px}
#headerN .langArea a.language{display:inline-block;padding-left:5px;color:#777}
#headerN .langArea a.language img{vertical-align:middle;padding:0 4px 2px 0}
#headerN .langArea .lang_list{display:block;position:absolute;top:16px;right:0;width:88px;text-align:right;/*opacity:0.4;filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)"*/}
#headerN .langArea .lang_list .bgT{background:url(images/bg_lang_top_n.png) 0 0 no-repeat;width:88px;height:3px}
#headerN .langArea .lang_list .bgB{background:url(images/bg_lang_bottom_n.png) 0 0 no-repeat;width:88px;height:8px}
#headerN .langArea .lang_list ul{background:url(images/bg_lang_middle_n.png) 0 0 repeat-y;width:88px;padding:0}
#headerN .langArea .lang_list li{color:#777;text-align:right}
#headerN .langArea .lang_list li a{display:inline-block;margin:0 5px 0 0;padding:0 9px 0 0;text-align:right;width:69px;color:#777;background:#3b3b3b;line-height:23px;letter-spacing:-1px}
#headerN .langArea .lang_list li.kor a{font-family:dotum}
#headerN .langArea .lang_list li.eng a{font-family:Arial;letter-spacing:0}
#headerN .langArea .lang_list li.jap a{font-family:'MS Gothic', sans-serif;letter-spacing:0}
#headerN .langArea .lang_list li.spa a{font-family:Arial;letter-spacing:0}
#headerN .langArea .lang_list li.chi a{font-family:Simhei,Simsun;letter-spacing:0}
#headerN .langArea .lang_list li.hin a{font-family:Mangal;letter-spacing:0;}
#headerN .langArea .lang_list li a:hover{color:#fff;background:#292929;font-weight:bold}
#headerN .langArea .lang_list .selected{padding-top:0}
#headerN .langArea .lang_list .selected a{color:#fff;background:#292929;font-weight:bold;margin:0 5px 0 0}
#headerN .langArea .lang_list .selected a:hover{color:#fff}

.footer{position:fixed;width:100%;height:52px;background:#161616;bottom:0;z-index:1000}
.footer .in{position:relative;width:950px;height:52px;margin:0 auto}
.footer .in .copy{position:absolute;top:12px;left:0;font-size:11px;color:#666;font-family:arial}
.footer .in .copy .imgCopy{padding:2px 0 0 0}
.footer .in .site{position:absolute;top:12px;right:0}
.footer .in .site img{padding:0 0 0 3px}

#container .con{position:relative;width:960px;min-width:960px;height:100%;margin:0 auto}
#container .con .txt{position:absolute}

#product{overflow:hidden;position:relative;width:100%;height:1000px}
.btn_left{position:absolute;left:0;top:50%;margin-top:-29px;z-index:10}
.btn_right{position:absolute;right:0;top:50%;margin-top:-29px;z-index:10}
.product_con{position:relative;width:100%;height:100%}

.navWrap{position:fixed;bottom:50px;z-index:100;width:100%;height:190px;min-width:950px;background:url(images/bg_nav.png) center 0 no-repeat}
.navWrap .in{width:950px;height:121px;margin:15px auto 0 auto;}
.navWrap .in li{float:left;width:190px}
.navWrap .in li.first{width:0;overflow:hidden}
.navWrap .in li.on img{}

.navYoutube{position:fixed;bottom:230px;z-index:1000;left:50%;margin:0 0 0 168px}

.pdtCon-wrap {position:absolute;top:50%;width:100%;height:310px;margin-top:-360px}

.productbg1_1{overflow:hidden;position:relative;width:100%;height:100%;z-index:2}
.productbg1_1 .pdt1_txt1{top:13%;left:50%;z-index:30;margin:0 0 0 -418px;width:837px;text-align:center} /* left:330px; top:50px; */
.productbg1_1 .h_section01{height:300px;background:url(images/h_section01.png) center 0 no-repeat}

.productbg2_1{overflow:hidden;position:absolute;left:100%;top:0;width:100%;height:100%;background-size:cover}
.productbg2_1 .pdt2_txt1{top:8%;left:50%;margin:0 0 0 -402px;width:803px;text-align:center} /* left:50px; top:100px; */
.productbg2_1 .h_section02{height:384px;background:url(images/h_section02.png) center 0 no-repeat}

.productbg3_1{overflow:hidden;position:absolute;left:200%;top:0;width:100%;height:100%;background-size:cover}
.productbg3_1 .pdt3_txt1{left:50%;margin:0 0 0 -449px;width:899px;text-align:center} /* left:480px; top:120px; */
.productbg3_1 .h_section03{height:343px;background:url(images/h_section03.png) center 0 no-repeat}

.productbg4_1{overflow:hidden;position:absolute;left:300%;top:0;width:100%;height:100%;background-size:cover}
.productbg4_1 .pdt4_txt1{top:10%;left:50%;margin:0 0 0 -319px;width:638px;text-align:center} /* left:480px; top:120px; */
.productbg4_1 .h_section04{height:312px;background:url(images/h_section04.png) center 0 no-repeat}

.productbg5_1{overflow:hidden;position:absolute;left:400%;top:0;width:100%;height:100%;background-size:cover}
.productbg5_1 .pdt5_txt1{top:7%;left:50%;margin:0 0 0 -460px;width:921px;text-align:center} /* left:480px; top:120px; */
.productbg5_1 .h_section05{height:319px;background:url(images/h_section05.png) center 0 no-repeat}

.btnView{padding:19px 0 0 0}

.mwChurch{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}
.mwChurch.open{display:block}
.mwChurch .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.50;filter:alpha(opacity=50)}

.mwChurch .A{position:absolute;width:720px;height:476px;top:50%;left:50%;padding:0;margin:-330px 0 0 -360px;font-size:12px;font-family:arial;line-height:normal;white-space:normal;color:#767676}
.mwChurch .A .close{position:absolute;top:0;right:0;border:0;padding:0;cursor:pointer}
.mwChurch .A .playerArea{position:absolute;top:35px;left:0;width:720px;height:439px;background:url(images/bg_video.png) 0 0 no-repeat}

.mwChurch .B{position:absolute;width:990px;height:476px;top:50%;left:50%;padding:0;margin:-330px 0 0 -495px;font-size:12px;font-family:arial;line-height:normal;white-space:normal;color:#767676}
.mwChurch .B .close{position:absolute;top:0;right:0;border:0;padding:0;cursor:pointer}
.mwChurch .B .playerArea{float:right;width:720px;height:439px;background:url(images/bg_video.png) 0 0 no-repeat}

.mwChurch .C{position:absolute;width:990px;height:476px;top:50%;left:50%;padding:0;margin:-330px 0 0 -495px;font-size:12px;font-family:arial;line-height:normal;white-space:normal;color:#767676}
.mwChurch .C .close{position:absolute;top:0;right:0;border:0;padding:0;cursor:pointer}
.mwChurch .C .playerArea{float:right;width:720px;height:439px;background:url(images/bg_video.png) 0 0 no-repeat}

.chapterVideo{position:absolute;top:35px;left:0;width:980px;height:439px}
.chapterList{float:left;width:260px;height:439px;background:url(images/bg_chaper_list.png) 0 0 no-repeat}
.chapterList dl{height:145px;cursor:pointer}
.chapterList dl.thisOn{background:url(images/bg_chaper_list_this.png) 0 0 no-repeat}
.chapterList dt{font-size:14px;font-family:'Malgun Gothic';font-weight:bold;color:#fff;padding:15px 10px 10px 15px}
.chapterList dd{color:#a9a9a9;line-height:1.4;padding:0 15px}
.chapterVideo .playerArea{float:right;width:720px;height:439px;background:url(images/bg_video.png) 0 0 no-repeat}