@charset "utf-8";
/*  common  */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;font-family:"dotum",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif}
body{position:relative;color:#000;word-wrap:break-word;word-break:break-all}
body.o{min-width:320px}
img,fieldset{border:none;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
table{border-collapse:collapse; border-spacing:0;}

/* #wrap {min-width:314px; width:100%;}
#header {text-align:center; background:url(../images/top_line.gif) repeat-x 0 0px; height:65px;}
#header .top h1{display:block; overflow:hidden; position:relative; width:93px; height:65px; margin:0 auto; background:url(../images/logo.png) no-repeat 0 8px; background-position:center; text-indent:-9999px;}
#header .top h1 a{display:block; height:65px; width:93px;}
#header .last {padding-right:10px; padding-top:31px; text-align:right;}*/


/*#wrap {min-width:314px; width:100%;}
#header {background:#ffffff; height:68px; }
#header .top {background:url(../images/top_line.gif) repeat-x 0 0; background-position:center 0; height:68px;}
#header h1 {background:url(../images/logo.png) no-repeat 0 8px; display:block; float:left;  padding-left:15px; position:relative; height:65px; text-indent:-9999px; top:0; margin-left:15px; width:93px;}
#header h1 a{display:block; height:65px; width:93px;}
#header .last {padding-center:0px; padding-top:31px; text-align:center; position:relative}*/


#wrap {min-width:314px; width:100%;}
#header {height:48px; background:#ffffff;}
#header .top {height:48px;}
#header h1 {display:block; float:left; position:relative; width:115px; height:48px; margin-left:15px; background:url(../images/logo.png) no-repeat 0 12px; text-indent:-9999px; /* top:0; */}
#header h1 a{display:block; width:115px; height:45px;}
#header .last {float:right; position:relative; padding:19px 15px 0 0;}
#header .last img {width:90px;}


/*  main_contents */
#container_bg{position:relative; height:100%;width:100%; z-index:1;}
/*#container {width:640px; height:1006px;}*/
#container .cont_bg {width:100%;}
#container .menu{position:absolute; top:50%; width:100%; padding-top:40px; clear:both; }
#container .menu img {max-width:100%;}
#container .menu ul{display:block; overflow:hidden; position:relative; width:296px; margin:0 auto;  padding-bottom:4px}
#container .menu li{float:left; width:296px; height:45px;}
#container .menu li a{display:block; width:296px; height:45px;}



/*  footer */
#footer {float:left; position:relative; width:100%; height:35px; clear:both; background:url(../images/bottom_line.gif) repeat-x 0 0 ; text-align:center; z-index:2 }
#footer .ft1 {padding-top:15px; text-align:center;}
#footer .ft1 img {width:290px;}



/*  DEFAULT STYLES  */
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
input[type="text"] {-webkit-appearance:none; -webkit-border-radius:0;} 
input[type="number"] {-webkit-appearance:none; -webkit-border-radius:0;} 
a:link, a:visited {color:#5c5c5c; text-decoration:none;}
a:active, a:hover {color:#4f9d03; text-decoration:none;}



.height{height:30px;}
.view{text-align:center; padding-bottom:10px;}
.player {position:relative; width:100%; max-width:320px; margin:0 auto}
.player .btn{position:absolute; left:20px; top:232px}
.player button {display:block; padding:1px 0; margin:0; background:none; outline:none; border:0;}

/*20140121_메인_수정*/
.main_title{display:block; margin-top:180px;}
.main_btn{margin-top:4%;}
.main_btn a{display:block; width:88%; margin:0 auto;}

/*quiz&opinion_페이지_스타일*/
#opinionWrap{float:left; position:relative; width:100%; height:1680px; z-index:1; background-color:#fff; text-align:center;}
.opinion_header{position:relative; width:100%; height:76px; clear:both;}
.opinion_content{display:block; padding-top:25px; background:url(../images/opinion_bg.png) repeat-y center top; }

/* .opinion_content .question1{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:180px;margin:0 auto;}
.opinion_content .question1 > p{padding-top:15px;}
.opinion_content .question1 > p:before{content:""; background:url(../images/q1.png) no-repeat;width:16px; height:90px;display:inline-block;margin:0 15px 0 -15px;vertical-align:5px}

.opinion_content .question2{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:163px;margin:0 auto;}
.opinion_content .question2 > p{padding-top:15px;}
.opinion_content .question2 > p:before{content:""; background:url(../images/q2.png) no-repeat;width:25px; height:86px;display:inline-block;margin:0 9px 0 -18px;vertical-align:5px}

.opinion_content .question3{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:81px;margin:0 auto;}
.opinion_content .question3 > p{padding-top:15px;}
.opinion_content .question3 > p:before{content:""; background:url(../images/q3.png) no-repeat;width:26px; height:45px;display:inline-block;margin:0 10px 0 -15px;vertical-align:0px}

.opinion_content .question4{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:81px;margin:0 auto;}
.opinion_content .question4 > p{padding-top:15px;}
.opinion_content .question4 > p:before{content:""; background:url(../images/q4.png) no-repeat;width:28px; height:45px;display:inline-block;margin:0 9px 0 -15px;vertical-align:4px;}

.opinion_content .question5{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:70px;margin:0 auto;}
.opinion_content .question5 > p{padding-top:15px;}
.opinion_content .question5 > p:before{content:""; background:url(../images/q5.png) no-repeat;width:26px; height:45px;display:inline-block;margin:0 9px 0 0px;vertical-align:-10px}

.opinion_content .question6{width:272px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;background-color:#dbe9f6;height:70px;margin:0 auto;}
.opinion_content .question6 > p{padding-top:15px;}
.opinion_content .question6 > p:before{content:""; background:url(../images/q6.png) no-repeat;width:26px; height:45px;display:inline-block;margin:0 9px 0 -18px;vertical-align:-10px} */

/* 190517 상위 영역 줄임 */
.opinion_content img {vertical-align: top;}
.opinion_content .question img{margin-left:10px;}
.opinion_content [class*=question] {width:272px; height:auto; margin:0 auto; -webkit-border-radius: 5px; background-color:#dbe9f6; -moz-border-radius:5px; border-radius:5px;}
.opinion_content [class*=question] p::before {content:""; display:inline-block; width: 26px; height: 45px; margin: 0; background-position: 0 50%; background-repeat: no-repeat; }
.opinion_content [class*=question] p {padding: 15px 0 15px 15px; text-align:left;}
.opinion_content .question1 > p:before {height:48px; background-image: url(../images/q1.png) }
.opinion_content .question2 > p:before {height:47px; background-image: url(../images/q2.png) }
.opinion_content .question3 > p:before {background-image: url(../images/q3.png) }

.opinion_content .user_info{width:272px; height:208px; margin:0 auto; background:url(../images/user_info_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; text-align:left;}
.opinion_content .user_info .user_name{padding:15px 0 0 64px;}
.opinion_content .user_info .user_tel{padding:17px 0 0 64px;}
.opinion_content .user_info .user_company{padding:17px 0 0 64px;}
.opinion_content .privacy{width:262px; padding:10px; margin:0 auto; text-align:left;}
.opinion_content .privacy p{padding:7px 0; font-size:14px; font-family:dotum,'돋움',sans-serif; font-weight:bold;}
.opinion_content .privacy ul li{padding-left:15px; font-size:12px; font-family:dotum,'돋움',sans-serif; color:#555; background:url(../images/bullet_01.png) no-repeat 0px 2px; font-weight:bold;margin-bottom:7px }
.opinion_content .privacy ul > li > ul > li{padding-left:15px; font-size:13px; line-height:16px; font-family:dotum,'돋움',sans-serif; color:#555;  background:url(../images/bullet_02.png) no-repeat 0px 2px;font-weight:normal}
.opinion_content .privacy span{padding:7px 0; font-size:12px; font-family:dotum,'돋움',sans-serif; font-weight:bold; color:#555; }
.opinion_content .agree_box{width:272px; height:45px; margin:0 auto; background:#fcf3d2; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px;}
.opinion_content .agree_box .agree_box_left{float:left; padding:17px 0 0 15px;}
.opinion_content .agree_box .agree_box_right{float:left; padding:17px 0 0 10px;}
.opinion_content .confirm_btn{width:166px; margin:0 auto; padding:15px 0;}
.opinion_content .confirm_btn .btn_img{width:166px; height:62px; margin:0; padding:0; background:url(../images/btn_confirm.png) no-repeat; border:0; cursor:pointer;}
.opinion_content .answer{margin:5px 0 15px}
.opinion_footer{display:block; position:relative; width:100%; height:60px; background:url(../images/opinion_footer.png) no-repeat center top;}

.answer_txt{margin:0; width:257px; height:50px; color:#666; font-family:dotum,'돋움',sans-serif; font-size:16px; letter-spacing:normal; text-decoration:none; padding:7px; line-height:20px; background:#fff; border:1px solid #d1d1d1; resize:none;}
.name_input{margin:0; width:180px; height:32px; color:#666; font-family:dotum,'돋움',sans-serif; font-size:24px; letter-spacing:normal; text-decoration:none; padding:7px; line-height:20px; background:#fff; border:1px solid #d1d1d1; resize:none;}
.tel_1{margin:0; width:31px; height:32px; color:#666; font-family:dotum,'돋움',sans-serif; font-size:18px; letter-spacing:normal; text-decoration:none; padding:7px; line-height:20px; background:#fff; border:1px solid #d1d1d1; resize:none;}
.tel_2, .tel_3{margin:0; width:40px; height:32px; color:#666; font-family:dotum,'돋움',sans-serif; font-size:18px; letter-spacing:normal; text-decoration:none; padding:7px; line-height:20px; background:#fff; border:1px solid #d1d1d1; resize:none;}
.company_input{margin:0; width:180px; height:32px; color:#666; font-family:dotum,'돋움',sans-serif; font-size:18px; letter-spacing:normal; text-decoration:none; padding:7px; line-height:20px; background:#fff; border:1px solid #d1d1d1; resize:none;}