@charset "euc-kr";

.sub{position:relative; width:100%; margin-bottom:-140px; background:#f4f4f4;}
.sub .sub_cont{position:relative; bottom:140px; width:1100px; padding:0 50px 70px; background:#fff; margin:0 auto;}
.sub .sub_cont h2{padding:80px 0 60px; font-size:40px; color:#373737; text-align:center; letter-spacing:-0.2px;}
.view-mb{display: none;}

/* environment */
/* .environment .environment_img{margin-bottom:3%;} */
.environment .img_list{overflow:hidden;}
.environment .img_list li{float:left; width:23.6%; margin-left:1.8%;}
.environment .img_list li:first-child{margin-left:0;}
.environment .txt_area{overflow:hidden; }
.environment .txt_area .box{float:left; position:relative; width:50%; min-height:210px; padding-top:50px; overflow:hidden;}
.environment .txt_area .box.left { width:57%; }
.environment .txt_area .box.right { width:43%; }
.environment .txt_area .box.line{border-bottom:1px solid #e1e1e1; }
.environment .txt_area .box .img_area{float:left; width:144px; padding-left:4px;}
.environment .txt_area .box .text{float:right; width:calc( 100% - 150px );}
.environment .txt_area h3{padding:0 0 15px 0; font-size:23px; color:#333232; line-height:1.2em; font-weight:500}
.environment .txt_area h3 span{color:#b2a8a2;}
.environment .txt_area li{padding-left:10px; background:url(../images/environment_bull.png) 0 8px no-repeat; line-height:1.5em; letter-spacing:-1px;}
.environment .comment{padding-top:30px; font-size:13px; ;}
.environment .comment li{margin:4px 0 0 16px; text-indent:-16px; line-height:1.3em;}
.environment .comment li:first-child{margin-top:0;}

/* location */
.location .txt_area .txt1{padding-bottom:25px; font-size:16px; color:#7b7b7b;}
.location .txt_area{position:relative; padding-bottom:25px; margin-bottom:40px;}
.location .txt_area.first{margin-bottom:40px;}
.location .txt_area dl{overflow:hidden; font-size:20px; line-height:1.2em;}
.location .txt_area dl.list1{padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.location .txt_area dt{float:left; margin:0 30px 0 0; color:#c1a695;}
.location .txt_area dd{float:left; color:#5a5a5a;}
.location .txt_area a{position:absolute; right:0; bottom:20px; display:inline-block; width:203px; padding-left:55px; line-height:45px; box-sizing:border-box; background:url(../images/map_icon.jpg) 15px 10px #ececec no-repeat; color:#333232;}
.location .txt_area a span:after{display:inline-block; content:""; width:6px; height:11px; margin-left:15px; background:url(../images/location_btn.jpg) 0 0 no-repeat;}
.location .txt_area a.btn01{bottom:90px;}
.location .txt_area a.btn02{bottom:10px;}
.location .txt_area a img{width:195px; height:45px;}
.location .map_area.type2{margin-bottom:125px;}
.location .map_area{overflow:hidden;}
.location .map_area .left{float:left; width:540px;}
.location .map_area .right{float:right; width:540px;}
.location .map_area .right #map,.location .map_area .right #map2{width:540px; height:360px;}

/* .registration .sub_cont { width: 100%} */
.registration .tit_area {text-align:center;}
.registration .tit_area .txt1{padding-bottom:40px; margin:0 auto; font-size:21px; line-height:35px; text-align:center; color: #373737; font-weight:400;}
.registration .tit_area .txt1 strong{color:#005151;}

/* survey */
.point{color:#005151;}
.txt_green2{color:#114f39;}
.txt_gray{color:#404040;}
.txt_s{font-size:14px; color:#7d7d7d;}
.survey .tit_area{margin-bottom:67px;}
.survey .tit_area.open .top_banner{position:absolute; right:3px; top:2px;}
.survey .tit_area .txt1{width:920px; margin:0 auto; font-size:22px; line-height:35px; text-align:center; letter-spacing:-0.5px; word-break: keep-all;}
.survey .tit_area .txt1 strong{color:#005151; font-weight:700;}
.survey_wrap{width:905px; margin:0 auto; text-align:left;}
.survey_wrap > ol > li{margin-bottom:60px; font-size:19px;}
.survey_wrap > ol > li .q_tit{padding-left:40px; text-indent:-40px; font-weight:700;}
.survey_wrap > ol > li .num{font-size:40px;}
.survey_wrap > ol > li .qList_inner{overflow:hidden; padding-top:23px; margin-left:44px; font-size:15px; color:#7d7d7d;}
.survey_wrap > ol > li input{vertical-align:middle;}
.survey_wrap > ol > li label{vertical-align:middle;}
.survey_wrap > ol > li input[type=text]{padding:5px; margin:0; border:1px solid #cbcbcb;}
.survey_wrap > ol > li input[type=checkbox]{margin-right:10px;}
.survey_wrap > ol > li input[type=radio]{margin-right:5px;}
.survey_wrap > ol > li table{width:747px; margin-bottom:10px; border:1px solid #cbcbcb;}
.survey_wrap > ol > li table th{padding:10px 15px; background-color:#f0efef; border:1px solid #cbcbcb; font-size:15px; color:#282828; font-weight:normal; text-align:center;}
.survey_wrap > ol > li table td{padding:10px 30px; border:1px solid #cbcbcb; font-size:15px;}
.survey_wrap > ol > li table td.gray{background-color:#f0efef;}
.survey_wrap > ol > li table td.gray > ul{padding-top:10px;}
.survey_wrap .type1 li{width:100%; margin-bottom:17px;}
.survey_wrap .type1 li.last{margin-bottom:0;}
.survey_wrap .type1 input[type=text]{margin:0 6px;}
.survey_wrap .type2 li{float:left; margin-right:65px;}
.survey_wrap .type2 .input_box1{width:155px; margin-left:5px;}
.survey_wrap .type3 .qList_inner{margin-bottom:20px;}
.survey_wrap .type3 ul{overflow:hidden; margin-bottom:10px; text-align:left;}
.survey_wrap .type3 .first li{float:left; width:25%;}
.survey_wrap .type3 li{float:left; width:auto; margin-right:30px;}
.survey_wrap .type3 .qList_inner_box{width:703px; padding:21px; margin-bottom:15px; background-color:#f0efef; border:1px solid #cbcbcb; color:#282828;}
.survey_wrap .type3 .qList_inner_box .txt1{margin-bottom:25px; font-size:18px;}
.survey_wrap .type3 .qList_inner_box dl{margin-bottom:20px;}
.survey_wrap .type3 .qList_inner_box dl.last{margin-bottom:0;}
.survey_wrap .type3 .qList_inner_box dt{margin-bottom:10px; font-size:13px; color:#777;}
.survey_wrap .type3 .qList_inner_box dt.last{padding-top:15px;}
.survey_wrap .type3 .qList_inner_box dd{margin-bottom:10px; color:#4f4f4f; font-size:16px;}
.survey_wrap .type3 .qList_inner_box dd.last{margin-bottom:0;}
.survey_wrap .type3 .qList_inner_box dd .txt_green{display:block; padding-bottom:5px; font-size:14px;}
.survey_wrap .type4 ul{overflow:hidden;}
.survey_wrap .type4 li{float:left; margin-right:65px;}
.survey_wrap .type4 td ul.list4 li{float:left; width:25%; margin-right:0;}
.survey_wrap .type4 td li{width:100%; text-align:left;}
.survey_wrap .type2 li{float:left; margin-right:65px;}
.survey_wrap .type4 .table2 .option li { float: left; width: auto; margin-right: 20px; }
.survey_wrap .type4 .table2 .option02 {margin-left: -10px; line-height: 34px;}
.survey_wrap .type4 .table2 td.first li{float:left; width:48%; padding:7px 0;}
.survey_wrap .type4 .table2 td input[type=text]{width:50px; margin-right:5px;}
.survey_wrap .type4 .table2 td span.txt1{margin-right:10px;}
.survey_wrap .type4 .table2 td.last li{padding:7px 0;}
.survey_wrap .type4 .table2 td ul.mgb10{margin-bottom:10px;}
.survey_wrap .question6 li{width:33.3%; margin:0 0 17px 0;}

.survey_wrap .info_area{width:830px; margin-bottom:50px;}
.survey_wrap .info_area input,.survey_wrap .info_area label,.survey_wrap .info_area select{vertical-align:middle;}
.survey_wrap .info_area h3{margin-bottom:30px; font-size:20px; color:#282828; }
.survey_wrap .info_area .agreement{margin-bottom:60px;}
.survey_wrap .agreement_inner{max-height:250px; overflow-y: scroll; padding:10px 15px; margin-bottom:20px; font-size:12px; border:2px solid #ccc; color:#7d7d7d; line-height:20px;}
.survey_wrap .agreement_inner::-webkit-scrollbar {width:3px;}
.survey_wrap .agreement_inner::-webkit-scrollbar-thumb {background:#a9a9a9; }
.survey_wrap .agreement_inner h4{padding:30px 0 15px; font-size:16px; font-weight:normal; color:#282828; }
.survey_wrap .agreement_inner .txt1 a{margin-left:10px; text-decoration:underline;}
.survey_wrap .agreement_inner .txt2{margin-bottom:15px;}
.survey_wrap .agreement_inner .txt3{margin-bottom:30px;}
.survey_wrap .agreement_inner .txt4{margin-bottom:30px;}
.survey_wrap .agreement_inner .txt4 span{font-weight:700;}
.survey_wrap .agreement_inner table{width:795px; margin:5px 0 25px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; font-size:13px; text-align:center;}
.survey_wrap .agreement_inner th{padding:10px 0; background:#f1f1f1; border-bottom:1px solid #dadada;}
.survey_wrap .agreement_inner td{padding:10px 0;}
.survey_wrap .agree_txt input{margin-right:5px;}
.survey_wrap .agree_txt .txt1{margin-right:30px; font-size:14px; font-weight:700; color:#282828;}
.survey_wrap .agree_txt .txt2{display:block; margin-bottom:10px; font-size:14px; font-weight:700; color:#282828;}
.survey_wrap .agree_txt .input1{margin-right:50px;}
.survey_wrap .agree_txt label{color:#7d7d7d;}
.survey_wrap .infomation .txt{margin-bottom:10px; color:#7d7d7d;}
.survey_wrap .infomation table{width:100%; margin-bottom:15px;}
.survey_wrap .infomation table th{padding:8px 15px; background-color:#f0efef; border:1px solid #cbcbcb; border-left:none; font-weight:normal; font-size:14px; color:#282828; text-align:center; font-weight:normal;}
.survey_wrap .infomation table td{padding:8px 15px; border:1px solid #cbcbcb; border-right:none; font-size:12px; text-align:left; color:#7d7d7d;}
.survey_wrap .infomation table label.first{margin-right:83px;}
.survey_wrap .infomation table input[type=text]{padding:5px; border:1px solid #cbcbcb; background:none;}
.survey_wrap .infomation table select{width:65px; padding:5px; border:1px solid #cbcbcb; background:none;}
.survey_wrap .infomation table a img{padding:10px 0 10px 5px; vertical-align:middle;}
.survey_wrap .infomation .first li{margin-right:30px;}
.survey_wrap .infomation li{float:left; margin-right:40px; font-size:15px;}
.survey_wrap .infomation li input{margin-right:5px; vertical-align:middle;}
.survey_wrap .infomation li label{vertical-align:middle;}
.survey_wrap .w400{width:400px; margin-bottom:10px;}
.survey_wrap .w250{width:250px;}
.survey_wrap .w150{width:150px;}
.survey_wrap .w100{width:100px;}
.survey_wrap .w50{width:50px;}
.survey_wrap .btn_area{text-align:center;}

.survey .pc_txt{display:block;}
.survey .mb_txt{display:none;}

.cast .cast_list ul{overflow:hidden;}
.cast .cast_list li{float:left; width:340px; margin:0 0 60px 40px;}
.cast .cast_list li img {display:block; width:100%; height:220px;}
.cast .cast_list li.first{margin-left:0;}
.cast .cast_list li p{overflow:hidden; padding:20px 20px 20px 0; background:url(../images/cast_arrow.gif) right center no-repeat; border-bottom:1px solid #d4b35c; font-size:16px; line-height:1.2em; letter-spacing:-0.3px; text-overflow:ellipsis; white-space:nowrap;}

/* vr */
.vr .vr_area{height:775px;}
.vr .comment{padding-top:18px; font-size:13px;}
.vr .comment li{margin:0 0 4px 16px; text-indent:-16px; line-height:1.3em;}

@media (max-width:700px) {
.sub{width:90%; margin-bottom:0; padding:0 5% 0 5%; background:#e7e7e7;}
.sub .sub_cont{width:84%; bottom:0; padding: 0 8% 10%;}
.sub .sub_cont h2{padding:40px 0 30px; margin-bottom:0; font-size:25px; font-weight:normal; color:#333232; text-align:center;}

.environment .environment_img{margin-bottom:12%;}
.environment .img_list{margin-bottom:14%;}
.environment .img_list li{width:49%; margin-left:2%; margin-bottom:2%;}
.environment .img_list li:nth-child(3){margin-left:0;}
.environment .txt_area{padding-top:0; background: none;}
.environment .txt_area .box{float:none; position:relative; width:100% !important; min-height:auto; padding-top:0px; padding-bottom:5%; margin-bottom:12%; overflow:hidden; border-bottom:none;}
.environment .txt_area .box:last-child{margin-bottom:0;}
.environment .txt_area .box .img_area{float:left; width:20%; padding-left:0; margin-right:4%; padding-top:5%; text-align:center;}
.environment .txt_area .box .text{float:right; width:76%;}
.environment .txt_area h3{font-size:16px; line-height:1.4em; letter-spacing:-1px;}
.environment .txt_area h3 span{padding-top:5px;}
.environment .txt_area li{font-size:13px;}
.environment .comment li{margin:4px 0 0 12px; text-indent:-12px; line-height:1.5em;}


.location .map_area.type2{margin-bottom:60px;}
.location .map_area .left{float:none; width:100%; margin-bottom:6%;}
.location .map_area .right{float:none; width:100%; position:relative; left:0; top:0; padding-top:67.4%;}
.location .map_area .right #map,.location .map_area .right #map2{position:absolute; left:0; top:0; width:100%; height:100%}
.location .txt_area{position:initial; padding-bottom:6%; margin-bottom:7%;  text-align:center; line-height:1.2em; border-bottom:none;}
.location .txt_area dl{font-size:16px;}
.location .txt_area dl.list1{margin-bottom:0;}
.location .txt_area .txt1{margin-bottom:7%; padding-bottom:0; font-size:15px; text-align:center; line-height:1.2em; color:#5a5a5a;}
.location .txt_area dl{text-align:center;}
.location .txt_area dt{float:none; margin:0 0 2% 0;}
.location .txt_area dd{float:none; color:#5a5a5a;}
.location .txt_area a.btn_top{display:inline-block; position:relative; left:0; margin-top:5%; bottom:0; width:85%; margin-left:0;}
.location .txt_area a.btn01{margin-bottom:5%;}
.location .txt_area a{right:initial; left:50%; width:84%; margin-left:-42%; bottom:4%;}
.location .txt_area a img{width:100%; height:auto;}
.location .txt_area.first{border-bottom:1px solid #e1e1e1;}

.registration .survey_wrap input.box{width:50%;}
.survey_wrap > ol > li input[type=text]{margin-top:10px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.survey_wrap > ol > li input[type=radio]{height:18px;}
.survey .tit_area{margin-bottom:0;}
.survey .tit_area .txt1{width:100%; font-size:19px;} 
.survey_wrap{width:100%; font-size:14px; padding-top: 20px;}
.survey_wrap > ol > li{margin-bottom:30px; font-size:17px;}
.survey_wrap > ol > li .q_tit{padding-left:0; text-indent:0;}
.survey_wrap > ol > li .num{font-size:35px;}
.survey_wrap > ol > li .qList_inner{padding-top:15px; padding-left:1px; margin-left:0;}
.survey_wrap > ol > li table{width:100%;}
.survey_wrap > ol > li table th{padding:10px 7px;}
.survey_wrap > ol > li table td{padding:10px 7px;}
.survey_wrap .type1 li{margin-bottom:5px;}
.survey_wrap .type2 li{float:none; margin-top:5px; margin-right:0;}
.survey_wrap .type2 li:first-child{margin-top:0;}
.survey_wrap .type3 .qList_inner_box{width:100%; box-sizing:border-box;}
.survey_wrap .type3 .qList_inner_box .txt1{font-size:16px;}
.survey_wrap .type3 .qList_inner_box dd{font-size:14px;}
.survey_wrap .type3 .type3_bot{width:100%;}
.survey_wrap .type3 .type3_bot input[type=text]{width:50px;}
.survey_wrap .type3 .first{padding-left:1px;}
.survey_wrap .type3 li, .survey_wrap .type3 .first li{width:100%;}
.survey_wrap .type3 .type3_bot .text{margin-right:0;}
.survey_wrap .type3 li:first-child, .survey_wrap .type3 li:nth-child(2){margin-bottom:5px;}
.survey_wrap .type4 li, .survey_wrap .type4 td ul.list4 li{width:50%; margin-right:0;}
.survey_wrap .type4 li:first-child, .survey_wrap .type4 li:nth-child(2){margin-bottom:5px;}
.survey_wrap .type4 .table2 .option li {width: 100%; margin-right: 0;}
.survey_wrap .type4 .table2 .option li input[type="text"] { width: 150px; }
.survey_wrap .type4 .table2 .option02 {margin-left: 0; line-height: 34px;}
.survey_wrap .info_area{width:100%; margin-top:30px;}
.survey_wrap .info_area h3{margin-bottom:5%;}
.survey_wrap .agreement_inner{max-height:150px; padding:20px 15px;}
.survey_wrap .agreement_inner.last{height:auto;}
.survey_wrap .agree_txt .txt1{display:block; margin-right:0; margin-bottom:5px;}
.survey_wrap .agree_txt .input1{display:block; margin-right:0; margin-bottom:5px;}
.survey_wrap .infomation table th{padding:8px 3%;}
.survey_wrap .infomation .age li{width:50%; margin-right:0; margin-bottom:5px;}
.survey_wrap .infomation li:last-child{margin-bottom:0;}
.survey_wrap .infomation table select{width:31%; padding:4px 2%; box-sizing:border-box; font-size:12px; background:#fff;}
.survey_wrap .infomation table .phone input{width:27%;}
.survey_wrap .infomation table input[type=text]{padding:4px 2%; box-sizing:border-box; font-size:13px;}
.survey_wrap .w50{width:30%;}
.survey_wrap .infomation table input[type=text].w100{width:45%;}
.survey_wrap .infomation .btn{width:50%;}
.survey_wrap .w150, .survey_wrap .w400{width:100%;}
.survey_wrap .infomation table a img{padding:5% 0; width:auto;}
.survey .pc_txt{display:none;}
.survey .mb_txt{display:block;}

.cast .cast_list li{float:none; width:100%; margin-left:0; margin-bottom:30px;}
.cast .cast_list li p{padding:14px 17px 14px 0;  background-size:8px auto; font-size:15px; }
}