@charset "euc-kr";

/* layout */
html, body {margin:0; padding:0; -webkit-text-size-adjust:none; }
body, input, select, button, textarea, h2, h3, h4, h5, h6, table { 
font:normal 12px/1.5 Malgun Gothic, dotum, Arial,AppleGothic,Sans-serif; color:#333; }
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, 
ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
.hidden {width:0; height:0; padding:0; margin:0; overflow:hidden; font-size:0; visibility:hidden; position:absolute}
button{padding:0; margin:0; border:0; background:none; cursor:pointer;}

#event { text-align:left; }

#event > div { position:relative; width:1080px; }

.section1 { position:relative; width:100%; height:2643px; background:url('../images/bg_section1.jpg?version=1') center 0 no-repeat;}
.section1 .btn_apply1{position:absolute; top:2066px; left:80px; width:922px; height:174px;}

/* 170816 ¼öÁ¤ */
.section2 { position:relative; width:100%; height:2007px; background:url('../images/bg_section2_new.jpg') center 0 no-repeat;}
/* //170816 ¼öÁ¤ */
.section2 #score1{position:absolute; top:1045px; left:220px; width:220px; height:220px; color:#fff; font-size:180px; text-align:center; background:none; border:none;}
.section2 #score2{position:absolute; top:1045px; left:646px; width:220px; height:220px; color:#fff; font-size:180px; text-align:center; background:none; border:none;}
.section2 input:-ms-input-placeholder { color: #fff; } 
.section2 input::-webkit-input-placeholder { color: #fff; }
.section2 input::-moz-placeholder { color: #fff; }
.section2 .btn_apply2{position:absolute; top:1458px; left:80px; width:920px; height:174px;}

.section3 { position:relative; width:100%; height:1896px; background:url('../images/bg_section3.jpg?version=1') center 0 no-repeat;}
.section3 #urlBox{position:absolute; top:650px; left:40px; width:783px; height:192px; color:#a2a2a2; font-size:32px; line-height:58px; background:#fff; border:1px solid #000; padding:0 10px;}
.section3 .btn_ok{position:absolute; top:650px; right:41px; width:215px; height:194px;}
.section3 .lst_comment{position:absolute; top:861px; left:40px; width:1006px; /* height:296px; */}
.section3 .lst_comment li{height 188px; border-bottom:1px solid #dcdcdf; background:none; overflow:hidden;}
.section3 .lst_comment li span{display:inline-block; color:#000; font-size:32px;}
.section3 .lst_comment li .txt_id{float:left; width:140px; padding:40px 20px; text-align:left;}
.section3 .lst_comment li .txt_id em.txt_date{display:block; color:#919090; font-size:24px; text-align:left;}
.section3 .lst_comment li .txt_cnt{float:left; width:100%; max-width:786px; height:100px; overflow:hidden; text-overflow:ellipsis; padding:40px 20px;}
.section3 .paging_comment{position:absolute; top:1623px; left:0; width:100%; height:auto; text-align:center;}
.section3 .paging_comment ul{width:auto; padding-top:30px;}
.section3 .paging_comment ul li{display:inline; width:auto; height:auto;}
.section3 .paging_comment ul li a{color:#919090; padding:0 3px;}
.section3 .paging_comment ul li:hover a{color:#000; font-size:14px;}
.section3 .paging_comment ul li.btn_prev{margin-right:5px;}
.section3 .paging_comment ul li.btn_next{margin-left:5px;}

/* 170816 ¼öÁ¤ */
.section4 { position:relative; width:100%; /* height:1489px; */ height:1398px; background:url('../images/bg_section4_new.jpg?version=1') center 0 no-repeat;}
/* //170816 ¼öÁ¤ */
.section4 .lst_sns{ padding-top:520px; text-align:center; }
.section4 .lst_sns a { display:inline-block; width:172px; height:194px; margin:0 10px; }
/* 170816 ¼öÁ¤ */
.section4 .btn {width:auto; /* margin:700px 40px 0; */ margin:747px 40px 0; display:block;}
/* //170816 ¼öÁ¤ */

.layerPop{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layerPop .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4;}
.layerPop .con{position:absolute; top:1500px; left:50%; width:1000px; height:1031px; margin-left:-500px;}
.layerPop .con .btn_close{position:absolute; top:-120px; right:0px; width:100px; height:100px;}
.layerPop .con .btn_cancle{position:absolute; bottom:25px; left:39px; width:453px; height:179px;}
.layerPop .con .btn_popNext{position:absolute; bottom:25px; left:505px; width:453px; height:179px;}
.layerPop .con .btn_popApply{position:absolute; bottom:25px; left:505px; width:453px; height:179px;}

#layerPop1 .con{background:url('../images/bg_layerPop1.jpg') 0 0 no-repeat;}
#layerPop1 .con .box{position:absolute; top:401px; left:40px; width:798px; height:240px; background:#fff; border:1px solid #d7d7d7; overflow-y:scroll; padding:60px;}
#layerPop1 .con .box li.baby {overflow:hidden; margin-bottom:50px;}
#layerPop1 .con .box li:last-child { margin-bottom:0; }
#layerPop1 .con .box .baby label{cursor:pointer;}
#layerPop1 .con .box .baby strong{float:left; width:200px; height:90px; font-size:40px; font-weight:normal; color:#000; padding-top:6px;}
#layerPop1 .con .box .baby strong input{width:40px; height:45px; vertical-align:middle;}
#layerPop1 .con .box .baby.on strong{font-weight:bold;}
#layerPop1 .con .box .baby.on .right span{font-weight:bold;}
#layerPop1 .con .box .baby .right span {display:block; font-size:40px; color:#313131;}
#layerPop1 .con .btn_edit{position:absolute; top:259px; right:38px; width:320px; height:102px;}

#layerPop2 .con{background:url('../images/bg_layerPop2.jpg') 0 0 no-repeat;}
#layerPop2 .con .box{position:absolute; top:401px; left:40px; width:798px; height:240px; background:#fff; border:1px solid #d7d7d7; overflow-y:scroll; padding:60px;}
#layerPop2 .con .box li{overflow:hidden; font-weight:bold; color:#313131; font-size:40px; margin-bottom:13px;}
#layerPop2 .con .box li em { display:block; float:left; width:190px; }
#layerPop2 .con .box li span { display:block; float:left; width:600px; }