@charset "utf-8";
@import "reset.css";

.inline{display:inline-block;zoom:1;*display:inline;}
.block{display:block}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
#utils_container{display:none;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999}
#utils_container.on{display:block}
#utils_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../image/dna/bg_mask.png) 0 0 repeat;/* background:#000;opacity:0.8 */}
.utils_wrap{width:980px;height:100%;margin-left:-490px;position:absolute;left:50%;z-index:10}
.utils_top{height:287px;position:relative}
.utils_top h2{position:absolute;right:0;bottom:10px}
.utils_content_wrap{}
.utils_lnb{float:left;width:230px;font-size:15px;position:relative;z-index:1;}
.utils_lnb ul li{}
.utils_lnb ul li.on{width:265px;background:url(../image/dna/bg_over.png) 0 0 no-repeat}
.utils_lnb ul li a{display:block;padding:15px 0 15px 40px;color:#fff}
.utils_lnb ul li.on a{padding-bottom:19px}
.utils_conts{float:left;padding:20px 60px 0 60px;width:630px;height:100%;background:#fff;color:#000;}
.utils_tt{background:#fff url(../image/dna/img_dna_second_title.jpg) 0 0 no-repeat;width:670px;}
.utils_tt p{padding:175px 0 30px 0;line-height:23px;font-size:13px;width:640px;}
/* dna 체크 */
.dna_question{padding:0 0 20px 0;border-bottom:2px solid #000;position:relative;height:350px;}
.dna_question h3{height:29px}
.dna_question h3 span {display:inline-block;height:29px;padding:0 30px;position:absolute;line-height:30px;font-size:14px;font-weight:bold;text-align:center;overflow:hidden}
.dna_question h3 .q1{left:0;top:0;background:#ddd url(../image/dna/bg_qna1.jpg) right 0 no-repeat}
.dna_question h3 .q2{width:351px;left:212px;top:0;background:#ff6000 url(../image/dna/bg_qna2.jpg) right 0 no-repeat;color:#fff;}
.dna_answer{padding:25px 0;text-align:center}
.dna_answer li{display:inline-block;margin:0 25px;width:172px;cursor:pointer;zoom:1;*display:inline}
.dna_answer li p{padding:2px 10px 2px 10px;font-size:14px}
.btn_wrap_q{margin-bottom:10px;text-align:center;display:none;}
.btn{border:none;outline:none;cursor:pointer}
.btn span,.btn em{display:block}
.bp{background:url(../image/dna/btn_pack.png) 0 0 no-repeat}
.question_dna {height:37px;background-position:0 0;}
.question_dna span{margin-left:12px;padding-right:12px;height:37px;line-height:40px;background-position:right 0;color:#fff}
.question_dna span em{padding:0 12px;font-size:17px}
/* dna 결과 */
.btn_confirm{height:30px;background-position:0 -39px}
.btn_confirm span{margin-left:12px;padding-right:12px;height:30px;line-height:31px;background-position:right -39px;color:#fff}
.btn_confirm span em{padding:0 30px;font-size:13px}
.btn_again{height:30px;background-position:0 -70px}
.btn_again span{margin-left:12px;padding-right:12px;height:30px;line-height:31px;background-position:right -70px;color:#000}
.btn_again span em{padding:0 16px;font-size:13px}
.dna_tag{margin:27px 0 23px 0}
.dna_tag p{padding:0 36px 0 14px;float:left;height:23px;background:url(../image/dna/bg_result_tag.jpg) right 0 repeat-x;line-height:24px;color:#fff}
.dna_tag ul,.dna_tag ul li{float:left;}
.dna_tag ul li{padding:0 8px;line-height:24px;color:#000;font-weight:bold}
.dna_tag ul li.first{padding-left:17px}
.dna_type{width:690px;min-height:403px;background:#fff url(../image/dna/img_result_character_1.jpg) right 55px no-repeat;}
.dna_type.type1{background:#fff url(../image/dna/img_result_character_1.jpg) right 55px no-repeat;}
.dna_type.type2{background:#fff url(../image/dna/img_result_character_2.jpg) right 55px no-repeat;}
.dna_type.type3{background:#fff url(../image/dna/img_result_character_3.jpg) right 55px no-repeat;}
.dna_type.type4{background:#fff url(../image/dna/img_result_character_4.jpg) right 55px no-repeat;}
.dna_type.type1 .tp1{display:block}
.dna_type.type2 .tp2{display:block}
.dna_type.type3 .tp3{display:block}
.dna_type.type4 .tp4{display:block}

.dna_type h3{margin:0 0 23px -8px;padding:0 0 18px 8px;width:390px;border-bottom:2px solid #000;}
.dna_type .st{margin-bottom:20px}
.dna_type .conts{margin-bottom:44px;width:383px;line-height:20px}
.dna_result{padding:0 0 46px 0;width:630px;min-height:403px;;border-bottom:2px solid #000;}

#dna_button{position: absolute;top: 270px;width: 150px;height: 40px;left: 72px;border: 1px solid #9630B6;width:165px;height:165px;background:url('../image/dna/bg_dna_button.png') no-repeat;border:0 none;}
#dna_text{font-size:large;color: rgb(163, 48, 163);text-indent:-9999px;}
.traveli_info .util_view{position:relative;}



/* 트래블아이 소개 */
#utils_container1{display:none;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999}
#utils_container1.on{display:block}
#utils_mask1{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../image/dna/bg_mask.png) 0 0 repeat;/* background:#000;opacity:0.8 */}
.utils_wrap1{width:980px;height:100%;margin-left:-490px;position:absolute;left:50%;z-index:10}
.utils_top1{height:287px;position:relative}
.utils_top1 h2{position:absolute;right:0;bottom:10px}
.utils_content_wrap1{}
.utils_lnb1{float:left;width:230px;font-size:15px;position:relative;z-index:1;}
.utils_lnb1 ul li{}
.utils_lnb1 ul li.on{width:265px;background:url(../image/dna/bg_over.png) 0 0 no-repeat}
.utils_lnb1 ul li a{display:block;padding:15px 0 15px 40px;color:#fff}
.utils_lnb1 ul li.on a{padding-bottom:19px}
/*.utils_conts1{float:left;padding:20px 60px 0 60px;    // 전페이지 적용 가로크기 //  width:630px;height:100%;background:#fff;color:#000;}*/
.utils_conts1{float:left;padding:20px 0 0 0;width:750px;height:800px;background:#fff;color:#000;}
.utils_tt1{background:#fff url(../image/dna/img_dna_second_title.jpg) 0 0 no-repeat;width:670px;}
.utils_tt1 p{padding:175px 0 30px 0;line-height:23px;font-size:13px;width:640px;}