@charset "euc-kr";

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

/* 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; padding:25px 0 0;}
.environment .txt_area .box{float:left; position:relative; width:50%; min-height:190px; padding-top:50px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.environment .txt_area .box.long{min-height:170px;}
.environment .txt_area .box .img_area{float:left; width:170px; text-align:center;}
.environment .txt_area .box .text{float:right; width:380px;}
.environment .txt_area h3{padding:0 0 15px 0; font-size:23px; color:#333232; line-height:1.1em;}
.environment .txt_area h3 span{color:#c1a695; font-weight:500}
.environment .txt_area li{padding-left:8px; background:url(../images/environment_bull.png) 0 8px no-repeat; line-height:1.5em;}
.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:60px; border-bottom:1px solid #e1e1e1;}
.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; font-weight:500;}
.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{overflow:hidden;}
.location .map_area .left{float:left; width:540px;}
.location .map_area .right{float:right; width:540px;}
.location .map_area .right #map{width:540px; height:360px;}

/* survey */
.txt_green{color:#478f17;}
.txt_green2{color:#114f39;}
.txt_gray{color:#404040;}
.txt_s{font-size:16px; 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; padding-bottom:30px; margin:0 auto; font-size:21px; line-height:35px; text-align:center;}
.survey .tit_area .txt1 strong{color:#114f39;}
.survey .img1{display:block; width:880px; margin:0 auto 60px;}
.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:bold;}
.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; font-size:14px;}
.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 .q2 li{margin-right:0; width:33.3%;}
.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:33.3%;}
.survey_wrap .type3 .first li.last{font-size:14px;}
.survey_wrap .type3 .money li:first-child{margin-top:0;}
.survey_wrap .type3 .money li{width:100%;}
.survey_wrap .type3 li{float:left; width:auto;}
.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:5px; color:#4f4f4f; font-size:15px;}
.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 .type3 .font_s{font-size:12px;}
.survey_wrap .type3 .type3_bot{width:747px;}
.survey_wrap .type3 .type3_bot dt{padding-bottom:5px; font-size:16px; color:#114f39;}
.survey_wrap .type3 .type3_bot input[type=text]{width:30px; margin:0 5px 0 5px;}
.survey_wrap .type3 .type3_bot input[type=text].first{margin-left:0;}
.survey_wrap .type3 .type3_bot .text{margin-right:10px;}
.survey_wrap .type3 .type3_bot input.input_box2{width:40px; margin-left:2px;}
.survey_wrap .type3 .type3_bot .txt2{padding:10px; font-size:13px; color:#608732;}
.survey_wrap .type4 ul{overflow:hidden;}
.survey_wrap .type4 li{float:left; margin-right:65px;}
.survey_wrap .type4 td ul.list2 li{float:left; width:25%; margin-right:0;}
.survey_wrap .type4 td ul.list4 li{float:left; width:50%; margin-right:0;}
.survey_wrap .type4 td li{width:100%; text-align:left;}
.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{padding:10px 15px; margin-bottom:20px; font-size:12px; border:2px solid #ccc; color:#7d7d7d; line-height:20px;}
.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:bold;}
.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:bold; color:#282828;}
.survey_wrap .agree_txt .txt2{display:block; margin-bottom:10px; font-size:14px; font-weight:bold; 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:55px; 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;}

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

@media (max-width:700px) {
.sub{width:90%; margin-bottom:0; padding:35px 5% 0 5%; background:#e7e7e7;}
.sub .sub_cont{width:84%; bottom:0; padding:0 8% 10% 8%;}
.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:4%;}
.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;}
.environment .txt_area .box{float:none; position:relative; width:100%; min-height:auto; padding-top:0px; 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:25%; margin-right:5%; padding-top:5%; text-align:center;}
.environment .txt_area .box .text{float:right; width:70%;}
.environment .txt_area h3{font-size:16px; line-height:1.4em;}
.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.sub .sub_cont{padding:0 8% 5% 8%;}
.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%; margin-bottom:6%;}
.location .map_area .right #map{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:100%; 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;}

.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:16px;}
.survey .img1{width:100%; margin-bottom:40px;}
.survey_wrap{width:100%; font-size:14px;}
.survey_wrap > ol > li{margin-bottom:30px; font-size:15px;}
.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; font-size:14px;}
.survey_wrap > ol > li table td{padding:10px 7px; font-size:14px;}
.survey_wrap .type1 li{margin-bottom:5px;}
.survey_wrap .type2 li{float:none; margin-top:5px; margin-right:0; font-size:14px;}
.survey_wrap .type2 .q2 li{width:100%;}
.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 .type4 li, .survey_wrap .type4 td ul.list2 li{width:50%; margin-right:0;}
.survey_wrap .type4 li, .survey_wrap .type4 td ul.list4 li{width:100%; margin-right:0;}
.survey_wrap .info_area{width:100%; margin-top:100px;}
.survey_wrap .info_area h3{margin-bottom:5%; font-size:17px;}
.survey_wrap .agreement_inner{height:275px; padding:20px 15px; overflow-y:scroll;}
.survey_wrap .agreement_inner::-webkit-scrollbar {width:3px;}
.survey_wrap .agreement_inner::-webkit-scrollbar-thumb {background:#a9a9a9; }
.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:32%; 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;}

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