/* ===== COMMON ===== */

.survey_container {position:relative; margin:0 auto;}
.survey_container:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.FixedMenu {
	top:0px;
	width:100%;
	z-index:97;
}
.Fixed {
	position:fixed;
	width:100%;
	top:0px;
	z-index:99;	
	border-bottom:none !important;
	background:rgba(255,255,255,0.9);
	box-shadow:0 3px 6px rgba(0,0,0,0.1);
}


/* ===== SURVEY TOP ===== */

.survey_top {width:100%; height:100%;}

.survey_header {position:absolute; top:0; background:url(/Landing/images/index/landing_gnb_line01.png) repeat-x bottom; width:100%; height:80px; z-index:10;}
.survey_header h1.top_logo {display:block; *zoom:1; *display:block; position:relative; margin:15px auto; width:184px; height:48px;
							 background:url(/Landing/images/index/landing_top_logo01.png) no-repeat center;}
.survey_header h1.top_logo > a {display:block; width:100%; height:100%;}

.survey_header a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.survey_header .survey_gnb {width: 100%; height:57px; padding-top:15px; *zoom:1; *display:inline; text-align:center; border-bottom: 1px solid rgba(255,255,255,0.5);}
.survey_header .survey_gnb .menu > a {display:inline-block; *zoom:1; *display:inline; color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px; padding:15px 3px 15px 3px; margin-right:11px;
										opacity:0.7; *filter:alpha(opacity=7);}
.survey_header .survey_gnb .menu > a:hover, .survey_header .survey_gnb .menu > a.active {opacity:1; *filter:alpha(opacity=1);}

.survey_header .yeogi_home {color:#fff; font-size:14px; letter-spacing:-1px; border:1px solid #fff; background:transparent; padding:5px 7px 5px 7px; margin-left:15px;}							 
.survey_header .yeogi_home:hover {background:#fff; color:#0170c9;}


.survey_header.header_invert {background:#fff url(/Landing/images/index/landing_gnb_line02.png) repeat-x bottom;}
.survey_header.header_invert h1.top_logo {background:url(/Landing/images/index/landing_top_logo02.png) no-repeat center;}

.survey_header.header_invert .survey_gnb .menu > a {color:#333; opacity:1; *filter:alpha(opacity=1);}
.survey_header.header_invert .survey_gnb .menu > a:hover, .survey_header.header_invert .survey_gnb .menu > a.active {color:#0170c9;}

.survey_header.header_invert .yeogi_home {color:#5a6069; background:#fff; border:1px solid #5a6069;}
.survey_header.header_invert .yeogi_home:hover {color:#fff; background:#0170c9; border:1px solid #0170c9;}


/* survey_header_sub */

.survey_header_sub {background:#fff url(/Landing/images/index/landing_gnb_line02.png) repeat-x bottom; width:100%; height:80px; z-index:10;}
.survey_header_sub h1.top_logo {float:left; display:inline-block; *zoom:1; *display:inline; position:relative; margin:15px 0; width:184px; height:48px;
							 background:url(/Landing/images/index/landing_top_logo02.png) no-repeat center;}
.survey_header_sub h1.top_logo > a {display:block; width:100%; height:100%;}

.survey_header_sub a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.survey_header_sub .survey_gnb {float:left; width:816px; height:68px; padding-top:12px; display:inline-block; *zoom:1; *display:inline; text-align:right;}
.survey_header_sub .survey_gnb .menu > a {display:inline-block; *zoom:1; *display:inline; color:#333; font-size:17px; font-weight:bold; letter-spacing:-1px; padding:15px 8px 15px 8px; margin-right:5px;}
.survey_header_sub .survey_gnb .menu > a:hover, .survey_header_sub .survey_gnb .menu > a.active {color:#0170c9;}

.survey_header_sub .yeogi_home {color:#5a6069; font-size:14px; letter-spacing:-1px; border:1px solid #5a6069; background:#fff; padding:5px 7px 5px 7px; margin-left:15px;}							 
.survey_header_sub .yeogi_home:hover {color:#fff; background:#0170c9; border:1px solid #0170c9;}


/* ===== MAIN CONTENTS COMMON ===== */

.survey_intro {position:relative; width:100%; padding:150px 0 0 0;}

.survey_intro.bg_haksa {background:#fff url(/landing/survey/images/survey_BG_haksa_01.jpg) no-repeat center top;}
.survey_intro.bg_sa {background:#fff url(/landing/survey/images/survey_BG_sa_01.jpg) no-repeat center top;}
.survey_intro.bg_bo {background:#fff url(/landing/survey/images/survey_BG_bo_01.jpg) no-repeat center top;}
.survey_intro.bg_bo_new {background:#fff url(/landing/survey/images/new_bo_Landing_img01_BG.jpg) no-repeat center top;}
.survey_intro.bg_jido {background:#fff url(/landing/survey/images/survey_BG_jido_01.jpg) no-repeat center top;}
.survey_intro.bg_dis {background:#fff url(/landing/survey/images/survey_BG_dis_01.jpg) no-repeat center top;}
.survey_intro.bg_nur {background:#fff url(/landing/survey/images/survey_BG_nur_01.jpg) no-repeat center top;}
.survey_intro.bg_fire {background:#fff url(/landing/survey/images/survey_BG_fire_01.jpg) no-repeat center top;}
.survey_intro.bg_psy {background:#fff url(/landing/survey/images/survey_BG_psy_01.jpg) no-repeat center top;}
.survey_intro.bg_kor {background:#fff url(/landing/survey/images/survey_BG_kor_01.jpg) no-repeat center top;}

.survey_pager {position:absolute; left:0; top:140px; width:100%;}
.survey_pager > a {display:block; width:45px; height:76px; opacity:0.5; *filter:alpha(opacity=50);}
.survey_pager > a:hover {opacity:0.8; *filter:alpha(opacity=80);}

.survey_pager > a.survey_left {float:left; background:url(/landing/survey/images/pager_iCon_left01.png) no-repeat center;}
.survey_pager > a.survey_right {float:right; background:url(/landing/survey/images/pager_iCon_left02.png) no-repeat center;}

.survey_iCon {position:absolute; animation: survey_iCon_bounce .5s infinite alternate; -webkit-animation: survey_iCon_bounce .5s infinite alternate;}

.survey_iCon.iCon_haksa {right:65px; top:85px;}
/* .survey_iCon.iCon_haksa {right:95px; top:85px;} BAK 2019.02.12 OMR */
.survey_iCon.iCon_sa {right:110px; top:95px;}
.survey_iCon.iCon_bo {right:85px; top:100px;}
.survey_iCon.iCon_jido {right:80px; top:105px;}
.survey_iCon.iCon_dis {right:130px; top:80px;}

@keyframes survey_iCon_bounce {

  from {transform: translateY(0px);}
  to {transform: translateY(-20px);}

}

@-webkit-keyframes survey_iCon_bounce {

  from {transform: translateY(0px);}
  to {transform: translateY(-20px);}

}


/* survey_con_wrap */

.survey_con_wrap {position:relative; width:100%; margin-bottom:50px;}
.survey_con_wrap .con_tape {position:absolute; left:400px; top:-40px; width:190px; height:80px; background:url(/landing/survey/images/survey_main_img01.png) no-repeat center top;}
.survey_con_wrap .survey_contents {width:1000px; margin:0 auto; background:#fff; min-height:500px; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); border-bottom:6px solid #ddd;}
.survey_con_wrap .survey_contents img {display:block;}

.survey_con_wrap .survey_contents .description {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.survey_con_wrap .class_open_BG {height: 745px; background: #fff url(/landing/survey/images/survey_sa_img_add.jpg) no-repeat center top;}

/* survey_input_wrap */

.survey_input_wrap {width:850px; padding:10px 0px 80px 150px; overflow:hidden;}
.survey_input_wrap.bg_haksa {background:#f4f5f7;}
.survey_input_wrap.bg_bo {background:#f7f6f4;}
.survey_input_wrap.bg_jido {background:#f7f4f4;}
.survey_input_wrap.bg_dis {background:#f5f7f4;}

.survey_input_wrap > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.survey_input_wrap > ul > li {float:left; letter-spacing:-1px;}

.survey_input_wrap > ul > li.input {width:480px; margin-right:20px;}
.survey_input_wrap > ul > li.btn {width:180px;}

.survey_input_wrap > ul > li.input input[type="text"],
.survey_input_wrap > ul > li.input input[type="password"],
.survey_input_wrap > ul > li.input input[type="email"],
.survey_input_wrap > ul > li.input input[type="tel"],
.survey_input_wrap > ul > li.input input[type="number"] {display:inline-block; *zoom:1; *display:inline; color:#555; font-size:16px; letter-spacing:-0.8px; height:55px; line-height:45px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box; width:100%; border-radius:3px;}

.survey_input_wrap > ul > li.input input[type="text"]:focus,
.survey_input_wrap > ul > li.input input[type="password"]:focus,
.survey_input_wrap > ul > li.input input[type="email"]:focus,
.survey_input_wrap > ul > li.input input[type="tel"]:focus,
.survey_input_wrap > ul > li.input input[type="number"]:focus {border:1px solid #0170c9; height:55px; outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

.survey_input_wrap > ul > li.input select {color:#555; font-size:16px; letter-spacing:-0.8px; height:55px; line-height:45px; padding-left:15px; width:478px; border-radius:3px; font-weight:normal; border:1px solid #ddd;
										   background:#fff url(/landing/survey/images/survey_select_iCon_off01.png) no-repeat right 22px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.survey_input_wrap > ul > li.input select::-ms-expand {display:none;}

.survey_input_wrap > ul > li.input.select_haksa select:hover {color:#0061b4; background:#fff url(/landing/survey/images/survey_select_iCon_on01.png) no-repeat right 22px;}
.survey_input_wrap > ul > li.input.select_sa select:hover {color:#783ba6; background:#fff url(/landing/survey/images/survey_select_iCon_on02.png) no-repeat right 22px;}
.survey_input_wrap > ul > li.input.select_bo select:hover {color:#ed7000; background:#fff url(/landing/survey/images/survey_select_iCon_on03.png) no-repeat right 22px;}
.survey_input_wrap > ul > li.input.select_jido select:hover {color:#df3b37; background:#fff url(/landing/survey/images/survey_select_iCon_on04.png) no-repeat right 22px;}
.survey_input_wrap > ul > li.input.select_dis select:hover {color:#6da61d; background:#fff url(/landing/survey/images/survey_select_iCon_on05.png) no-repeat right 22px;}

.survey_input_wrap > ul > li.input select option,
.survey_input_wrap > ul > li.input select option:hover {color:#555; font-weight:normal; cursor:pointer;}

.survey_input_wrap > ul > li.input .input_call input {width:232px; text-align:center; padding:0 0 0 0; margin-right:10px;}
.survey_input_wrap > ul > li.input .input_call select {width:232px;}

.survey_input_wrap > ul > li.input .input_name input {width:232px;}

.survey_input_wrap > ul > li.btn {letter-spacing:-0.02em; line-height: 19px;}
.survey_input_wrap > ul > li.btn > a {display:block; width:100%; padding:57px 0; text-align:center; margin-bottom:20px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; font-size: 18px; font-weight: 700;letter-spacing:-0.02em;}

/*
.survey_input_wrap > ul > li.btn.btn_haksa > a {background:#0061b4; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_haksa > a:hover {background:#00318a; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_sa > a {background:#783ba6; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_sa > a:hover {background:#451778; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_bo > a {background:#ed7000; color:#fff; height:155px; padding:135px 0 0 0;}
.survey_input_wrap > ul > li.btn.btn_bo > a:hover {background:#df3e00; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_jido > a {background:#df3b37; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_jido > a:hover {background:#c91715; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_dis > a {background:#6da61d; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_dis > a:hover {background:#4a7a00; color:#fff;}
*/

.survey_input_wrap > ul > li.btn label {cursor:pointer; letter-spacing:-1px; display:inline-block; *zoom:1; *display:inline; height:22px; line-height:24px; color:#555; font-size:14px;}
.survey_input_wrap > ul > li.btn input[type="checkbox"] {width:19px; height:19px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.survey_input_wrap > ul > li.btn input[type="checkbox"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:middle;}
.survey_input_wrap > ul > li.btn input[type="checkbox"]::-ms-check {display:none;}

.survey_input_wrap > ul > li.btn.btn_haksa input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap > ul > li.btn.btn_haksa input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_02.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_haksa input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_haksa input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_02.png) no-repeat 0 0}

.survey_input_wrap > ul > li.btn input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap > ul > li.btn input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_03.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_03.png) no-repeat 0 0}

.survey_input_wrap > ul > li.btn.btn_bo input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap > ul > li.btn.btn_bo input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_04.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_bo input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_bo input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_04.png) no-repeat 0 0}

.survey_input_wrap > ul > li.btn.btn_jido input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap > ul > li.btn.btn_jido input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_05.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_jido input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_jido input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_05.png) no-repeat 0 0}

.survey_input_wrap > ul > li.btn.btn_dis input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap > ul > li.btn.btn_dis input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_06.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_dis input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap > ul > li.btn.btn_dis input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_06.png) no-repeat 0 0}

.survey_con_wrap .bo_con02_detail {display:none; position:absolute; left:80px; top:2189px; box-shadow:1px 1px 3px rgba(0,0,0,0.1); z-index:1;}
.survey_con_wrap .jido_con01_detail {display:none; position:absolute; left:80px; top:304px; box-shadow:1px 1px 3px rgba(0,0,0,0.1); z-index:1;}


/* ===== FOOTER CONTENTS ===== */

#survey_footer_contents {background:#222; color:#999; padding:0 0 0 0; width:100%; font-size:14px; line-height:22px;}

#survey_footer_contents .footer_menu {border-bottom:1px solid #484848; position:relative; width:100%;}
#survey_footer_contents .footer_menu .left_menu {width:688px; float:left;}
#survey_footer_contents .footer_menu .left_menu a {height:45px; line-height:44px; color:#999; letter-spacing:-1px;}
#survey_footer_contents .footer_menu .left_menu a:hover {color:#fff;}
#survey_footer_contents .footer_menu .left_menu a img {vertical-align:text-top;}
#survey_footer_contents .footer_menu .left_menu .menu_divider {color:#484848; font-size:11px; margin:0 2px 0 2px;}

#survey_footer_contents .footer_menu .left_menu a.privacy {color:#fff; font-weight:bold;}

#survey_footer_contents .footer_menu .right_menu {width:311px; float:left; text-align:right; border-right:1px solid #484848;}

#survey_footer_contents .footer_menu .right_menu a.btn01 {border-left:1px solid #484848;}
#survey_footer_contents .footer_menu .right_menu a.btn02 {border-left:1px solid #484848; border-right:1px solid #484848;}

#survey_footer_contents .footer_menu .right_menu .f_link {float:left; width:155px; height:45px; position:relative; display:block;}
#survey_footer_contents .footer_menu .right_menu .f_link h4 {margin:0 0 0 0; padding:0 0 0 0; text-align:left;}
#survey_footer_contents .footer_menu .right_menu .f_link h4 > a {display:block; width:138px; padding:0 0 0 15px; line-height:44px; height:45px; font-size:13px; color:#999; letter-spacing:-0.8px;
																  background:url(/landing/images/index/landing_footer_menu_iCon01.png) no-repeat right center; border-left:1px solid #484848;}
#survey_footer_contents .footer_menu .right_menu .f_link h4 > a.on {color:#fff; background:#111 url(/landing/images/index/landing_footer_menu_iCon02.png) no-repeat right center;}
#survey_footer_contents .footer_menu .right_menu .site_Link {z-index:100;}
#survey_footer_contents .footer_menu .right_menu .site_Link > ul {display:inline-block; *zoom:1; *display:inline; width:154px; display:none; overflow:hidden; position:absolute; left:0; bottom:45px; background:#fff;
																   border-top:1px solid #484848; border-right:1px solid #484848; border-left:1px solid #484848; z-index:10; background:#fff;}
#survey_footer_contents .footer_menu .right_menu .site_Link > ul > li {float:left; padding:0; width:100%; text-align:left;}
#survey_footer_contents .footer_menu .right_menu .site_Link > ul > li > a {display:inline-block; *zoom:1; *display:inline; color:#666; width:100%; height:100%; padding:8px 10px 8px 10px; font-size:12px; letter-spacing:-0.8px;}
#survey_footer_contents .footer_menu .right_menu .site_Link > ul > li > a:hover {color:#001729; background:#f2f5f7;}


#survey_footer_contents .footer_copyright {position:relative; padding:25px 0 25px 0; font-size:13px; line-height:23px;}

#survey_footer_contents .footer_copyright .copy {float:left; width:690px; letter-spacing:-0.4px; background:url(/landing/images/index/landing_footer_divider_bg01.png) no-repeat right center;}
#survey_footer_contents .footer_copyright .copy a {color:#999;}
#survey_footer_contents .footer_copyright .copy a:hover {color:#fff;}

#survey_footer_contents .footer_copyright .f_tel {float:left; width:280px; padding:0 0 0 30px;}
#survey_footer_contents .footer_copyright .f_tel .tel_tit {color:#999; background:url(/web/images/inc/footer_tel_iCon01.png) no-repeat left center; margin:15px 0 15px 0; font-size:15px; padding:0 0 0 30px;}
#survey_footer_contents .footer_copyright .f_tel .tel_num {margin:0 0 18px 0;}
#survey_footer_contents .footer_copyright .f_tel .tel_num a {color:#fff; font-size:40px;}
#survey_footer_contents .footer_copyright .f_tel .tel_date {font-size:13px; color:#999;}
#survey_footer_contents .footer_copyright .f_tel .tel_date span {display:inline-block; *zoom:1; *display:inline; background:#111; padding:2px 6px 2px 6px; margin-right:5px;}

#survey_footer_contents .footer_sns {width:100%; border-top:1px solid #313131; text-align:center; padding:20px 0 25px 0;}

#survey_footer_contents .footer_sns a {display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-left:8px;}

#survey_footer_contents .footer_sns a.blog,
#survey_footer_contents .footer_sns a.facebook,
#survey_footer_contents .footer_sns a.twitter,
#survey_footer_contents .footer_sns a.kkostory,
#survey_footer_contents .footer_sns a.youtube,
#survey_footer_contents .footer_sns a.navertv,
#survey_footer_contents .footer_sns a.tstory {width:35px; height:35px; color:transparent; font-size:0px;}

#survey_footer_contents .footer_sns a.blog {background:url(/landing/images/index/landing_footer_sns_iCon01.png) no-repeat center;}
#survey_footer_contents .footer_sns a.blog:hover {background:url(/landing/images/index/landing_footer_sns_iCon01_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.facebook {background:url(/landing/images/index/landing_footer_sns_iCon02.png) no-repeat center;}
#survey_footer_contents .footer_sns a.facebook:hover {background:url(/landing/images/index/landing_footer_sns_iCon02_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.twitter {background:url(/landing/images/index/landing_footer_sns_iCon03.png) no-repeat center;}
#survey_footer_contents .footer_sns a.twitter:hover {background:url(/landing/images/index/landing_footer_sns_iCon03_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.kkostory {background:url(/landing/images/index/landing_footer_sns_iCon04.png) no-repeat center;}
#survey_footer_contents .footer_sns a.kkostory:hover {background:url(/landing/images/index/landing_footer_sns_iCon04_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.youtube {background:url(/landing/images/index/landing_footer_sns_iCon05.png) no-repeat center;}
#survey_footer_contents .footer_sns a.youtube:hover {background:url(/landing/images/index/landing_footer_sns_iCon05_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.navertv {background:url(/landing/images/index/landing_footer_sns_iCon06.png) no-repeat center;}
#survey_footer_contents .footer_sns a.navertv:hover {background:url(/landing/images/index/landing_footer_sns_iCon06_on.png) no-repeat center;}
#survey_footer_contents .footer_sns a.tstory {background:url(/landing/images/index/landing_footer_sns_iCon07.png) no-repeat center;}
#survey_footer_contents .footer_sns a.tstory:hover {background:url(/landing/images/index/landing_footer_sns_iCon07_on.png) no-repeat center;}

/* survey_con_wrap_new */

.header_bg {position: absolute; top: 0; left: 0; width: 100%; height: 162px; background-color: rgba(38,189,255,.6);}
.survey_con_wrap_new {position:relative; width:100%;}
.survey_con_wrap_new .tag_left {position: absolute; top: 230px; left: -220px; z-index: 10;}
.survey_con_wrap_new .sangdam_btn {position: fixed; bottom: 100px; right: 180px; z-index: 10;}
.survey_con_wrap_new .sangdam_btn a {width: 100%; background: #fff; display: block;  width: 185px; height: 60px; line-height: 60px; border-radius: 50px; box-shadow: 0 5px 8px 2px rgba(0,0,0,.15);}
.survey_con_wrap_new .sangdam_btn a strong {margin-left: 24px; font-size: 15px; letter-spacing: -0.03em}
.survey_con_wrap_new .sangdam_btn a:hover strong {color: #009cff;}
.survey_con_wrap_new .sangdam_btn a span.sangdam_btn_circle {position: absolute; top: -1px; right: -1px; width: 62px; height: 62px; border-radius: 50px; background: linear-gradient(140deg, #009fff, #ec2f4b);}
.survey_con_wrap_new .survey_contents {display: block; width: 1000px; margin: 0 auto; text-align: center;}
.survey_con_wrap_new .survey_contents .contents_01 {position: relative;}
.survey_con_wrap_new .survey_contents .contents_01 img.main {padding-top: 12px;}
.survey_con_wrap_new .survey_contents .contents_01 .object {opacity: 0; position: absolute; top: 80px; left: 50%; transform: translateX(-50%);}
.survey_con_wrap_new .survey_contents .contents_01 .object.on {opacity: 1; transition: 1s; transition-delay: 1s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_01 .title .main_title {opacity: 0; position: absolute; top: 230px; left: 50%; transform: translateX(-50%);}
.survey_con_wrap_new .survey_contents .contents_01 .title .main_title.on {opacity: 1; transition: 2s; transition-delay: 1.8s;}
.survey_con_wrap_new .survey_contents .contents_01 .title .play_bar {position: absolute; bottom: 242px; left: 161px; width: 100px; height: 12px; background: linear-gradient(90deg, rgb(38, 190, 255), rgb(0, 133, 236));}
.survey_con_wrap_new .survey_contents .contents_01 .title .play_bar.on {width: 566px; transition: 1s; transition-timing-function: ease-in-out;}
.survey_con_wrap_new .survey_contents .contents_01 .title .play_icon {position: absolute; bottom: 212px; right: 152px;}
.survey_con_wrap_new .survey_contents .contents_01 .title .arrow_icon {position: absolute; bottom: 287px; right: 115px; animation: jump .5s alternate infinite;}
@keyframes jump {
	0% {bottom: 287px;}
	100% {bottom: 300px;}
}
.survey_con_wrap_new .survey_contents .contents_price {position: relative;}
.survey_con_wrap_new .survey_contents .contents_price .price_btn_01 {position: absolute; top: 690px; left: 50%; transform: translateX(-50%); width: 885px; height: 155px; background:url(/landing/survey/images/new_bo_Landing_img01_price_btn_off.png) no-repeat center; transition: .6s;}
.survey_con_wrap_new .survey_contents .contents_price .price_btn_01:hover {background:url(/landing/survey/images/new_bo_Landing_img01_price_btn_on.png) no-repeat center; cursor: pointer; transition: .6s;}
.survey_con_wrap_new .survey_contents .contents_price .price_btn_02 {position: absolute; top: 1155px; left: 50%; transform: translateX(-50%); width: 885px; height: 155px; background:url(/landing/survey/images/new_bo_Landing_img01_price_btn_off.png) no-repeat center; transition: .6s;}
.survey_con_wrap_new .survey_contents .contents_price .price_btn_02:hover {background:url(/landing/survey/images/new_bo_Landing_img01_price_btn_on.png) no-repeat center; cursor: pointer; transition: .6s;}

.survey_con_wrap_new .survey_contents .contents_02 {}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 {width: 775px; display: block; margin: 0 auto;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img {padding-bottom: 7px;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_01 {opacity: 0; transition: .1s;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_02 {opacity: 0; transition: .3s;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_03 {opacity: 0; transition: .4s;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_04 {opacity: 0; transition: .2s;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_01.on {opacity: 1; transition: .5s; transition-delay: .1s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_02.on {opacity: 1; transition: .5s; transition-delay: .3s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_03.on {opacity: 1; transition: .5s; transition-delay: .4s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_02 .box_layout_01 img.box_04.on {opacity: 1; transition: .5s; transition-delay: .2s; transition-timing-function: linear;}

.survey_con_wrap_new .survey_contents .contents_03 {position: relative; background-color: #fff;}
.survey_con_wrap_new .survey_contents .contents_03 .onestop_btn {position: absolute; top: 300px; right: 0;}
.survey_con_wrap_new .survey_contents .contents_03 .onestop_btn a {display: inline-block; width: 244px; height: 35px; line-height: 35px; border: 1px solid #333; cursor: pointer; font-size: 15px; letter-spacing: -0.02em; text-align: center;}
.survey_con_wrap_new .survey_contents .contents_03 .onestop_btn a:hover {background: #333; color: #fff;}
.survey_con_wrap_new .survey_contents .contents_03 img.title {display: block;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img {padding-bottom: 20px;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_01 {opacity: 0; transition: .1s;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_02 {opacity: 0; transition: .3s;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_03 {opacity: 0; transition: .4s;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_04 {opacity: 0; transition: .2s;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_01.on {opacity: 1; transition-delay: .2s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_02.on {opacity: 1; transition-delay: .4s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_03.on {opacity: 1; transition-delay: .6s; transition-timing-function: linear;}
.survey_con_wrap_new .survey_contents .contents_03 .box_layout_02 img.box_04.on {opacity: 1; transition-delay: .8s; transition-timing-function: linear;}

.survey_con_wrap_new .survey_contents .contents_04 {width: 1000px; overflow: hidden;}
.survey_con_wrap_new .survey_contents .contents_04 .box_layout_03 {position: relative;}
.survey_con_wrap_new .survey_contents .contents_04 .box_layout_03 img.object_01 {opacity: 0; position: absolute; top: 530px; left: 0; transition: 1s;}
.survey_con_wrap_new .survey_contents .contents_04 .box_layout_03 img.object_01.on {opacity: 1; left: 153px; transition: 1s; transition-timing-function: ease-in-out;}
.survey_con_wrap_new .survey_contents .contents_04 .box_layout_03 img.object_02 {opacity: 0; position: absolute; top: 292px; right: -130px; transition: 1s;}
.survey_con_wrap_new .survey_contents .contents_04 .box_layout_03 img.object_02.on {opacity: 1; right: -25px; transition: 1s;  transition-delay: .3s; transition-timing-function: ease-in-out;}

.survey_con_wrap_new .survey_contents .contents_05 {position: relative;}
.survey_con_wrap_new .survey_contents .contents_05 .bo_schedule_list_wrap {position: absolute; top: 200px; left: 50%; transform: translateX(-50%);}
.survey_con_wrap_new .survey_contents .contents_05 .prev_btn {position: absolute; top: 200px; left: 50px; width: 50px; height: 493px; background: #f7f7f7 url(/landing/survey/images/new_bo_Landing_img01_05_prevbtn.png) no-repeat 0 0; cursor: pointer; transition: .2s;}
.survey_con_wrap_new .survey_contents .contents_05 .next_btn {position: absolute; top: 200px; right: 50px; width: 50px; height: 493px; background: #f7f7f7 url(/landing/survey/images/new_bo_Landing_img01_05_nextbtn.png) no-repeat 0 0; cursor: pointer; transition: .2s;}
.survey_con_wrap_new .survey_contents .contents_05 .prev_btn:hover {background: #ffa200 url(/landing/survey/images/new_bo_Landing_img01_05_prevbtn_on.png) no-repeat 0 0; transition: .2s;}
.survey_con_wrap_new .survey_contents .contents_05 .next_btn:hover {background: #ffa200 url(/landing/survey/images/new_bo_Landing_img01_05_nextbtn_on.png) no-repeat 0 0; transition: .2s;}

.survey_con_wrap .survey_contents .description {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.survey_con_wrap .class_open_BG {height: 745px; background: #fff url(/landing/survey/images/survey_sa_img_add.jpg) no-repeat center top;}

/* survey_input_wrap_new */

.survey_input_wrap_new {width:700px; padding:60px 150px 80px 150px;}
.survey_input_wrap_new.bg_haksa {background:#f4f5f7;}
.survey_input_wrap_new.bg_bo {background:#f7f6f4;}
.survey_input_wrap_new.bg_jido {background:#f7f4f4;}
.survey_input_wrap_new.bg_dis {background:#f5f7f4;}

.survey_input_wrap_new > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.survey_input_wrap_new > ul > li {float:left; letter-spacing:-1px;}

.survey_input_wrap_new > ul > li.input {width:480px; margin-right:20px;}
.survey_input_wrap_new > ul > li.btn {width:180px;}

.survey_input_wrap_new > ul > li.input input[type="text"],
.survey_input_wrap_new > ul > li.input input[type="password"],
.survey_input_wrap_new > ul > li.input input[type="email"],
.survey_input_wrap_new > ul > li.input input[type="tel"],
.survey_input_wrap_new > ul > li.input input[type="number"] {display:inline-block; *zoom:1; *display:inline; color:#555; font-size:16px; letter-spacing:-0.8px; height:55px; line-height:45px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box; width:100%; border-radius:3px;}

.survey_input_wrap_new > ul > li.input input[type="text"]:focus,
.survey_input_wrap_new > ul > li.input input[type="password"]:focus,
.survey_input_wrap_new > ul > li.input input[type="email"]:focus,
.survey_input_wrap_new > ul > li.input input[type="tel"]:focus,
.survey_input_wrap_new > ul > li.input input[type="number"]:focus {border:1px solid #0170c9; height:55px; outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

.survey_input_wrap_new > ul > li.input select {color:#555; font-size:16px; letter-spacing:-0.8px; height:55px; line-height:45px; padding-left:15px; width:478px; border-radius:3px; font-weight:normal; border:1px solid #ddd;
										   background:#fff url(/landing/survey/images/survey_select_iCon_off01.png) no-repeat right 22px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.survey_input_wrap_new > ul > li.input select::-ms-expand {display:none;}

.survey_input_wrap_new > ul > li.input.select_haksa select:hover {color:#0061b4; background:#fff url(/landing/survey/images/survey_select_iCon_on01.png) no-repeat right 22px;}
.survey_input_wrap_new > ul > li.input.select_sa select:hover {color:#783ba6; background:#fff url(/landing/survey/images/survey_select_iCon_on02.png) no-repeat right 22px;}
.survey_input_wrap_new > ul > li.input.select_bo select:hover {color:#ed7000; background:#fff url(/landing/survey/images/survey_select_iCon_on03.png) no-repeat right 22px;}
.survey_input_wrap_new > ul > li.input.select_jido select:hover {color:#df3b37; background:#fff url(/landing/survey/images/survey_select_iCon_on04.png) no-repeat right 22px;}
.survey_input_wrap_new > ul > li.input.select_dis select:hover {color:#6da61d; background:#fff url(/landing/survey/images/survey_select_iCon_on05.png) no-repeat right 22px;}

.survey_input_wrap_new > ul > li.input select option,
.survey_input_wrap_new > ul > li.input select option:hover {color:#555; font-weight:normal; cursor:pointer;}

.survey_input_wrap_new > ul > li.input .input_call input {width:232px; text-align:center; padding:0 0 0 0; margin-right:10px;}
.survey_input_wrap_new > ul > li.input .input_call select {width:232px;}

.survey_input_wrap_new > ul > li.input .input_name input {width:232px;}

.survey_input_wrap_new > ul > li.btn {letter-spacing:-1px;}
.survey_input_wrap_new > ul > li.btn > a {display:block; width:100%; height:105px; padding:100px 0 0 0; text-align:center; font-weight:normal; margin-bottom:20px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/*
.survey_input_wrap > ul > li.btn.btn_haksa > a {background:#0061b4; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_haksa > a:hover {background:#00318a; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_sa > a {background:#783ba6; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_sa > a:hover {background:#451778; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_bo > a {background:#ed7000; color:#fff; height:155px; padding:135px 0 0 0;}
.survey_input_wrap > ul > li.btn.btn_bo > a:hover {background:#df3e00; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_jido > a {background:#df3b37; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_jido > a:hover {background:#c91715; color:#fff;}

.survey_input_wrap > ul > li.btn.btn_dis > a {background:#6da61d; color:#fff;}
.survey_input_wrap > ul > li.btn.btn_dis > a:hover {background:#4a7a00; color:#fff;}
*/

.survey_input_wrap_new > ul > li.btn label {cursor:pointer; letter-spacing:-1px; display:inline-block; *zoom:1; *display:inline; height:22px; line-height:24px; color:#555; font-size:14px;}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"] {width:19px; height:19px; margin:0 6px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"] {display:inline-block; *zoom:1; *display:inline; position:relative; cursor:pointer; vertical-align:middle;}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"]::-ms-check {display:none;}

.survey_input_wrap_new > ul > li.btn.btn_haksa input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap_new > ul > li.btn.btn_haksa input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_02.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_haksa input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_haksa input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_02.png) no-repeat 0 0}

.survey_input_wrap_new > ul > li.btn input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_03.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_03.png) no-repeat 0 0}

.survey_input_wrap_new > ul > li.btn.btn_bo input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap_new > ul > li.btn.btn_bo input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_04.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_bo input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_bo input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_04.png) no-repeat 0 0}

.survey_input_wrap_new > ul > li.btn.btn_jido input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap_new > ul > li.btn.btn_jido input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_05.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_jido input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_jido input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_05.png) no-repeat 0 0}

.survey_input_wrap_new > ul > li.btn.btn_dis input[type="checkbox"] {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0; outline:0; background-size:contain !important;}
.survey_input_wrap_new > ul > li.btn.btn_dis input[type="checkbox"]:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_06.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_dis input[type="checkbox"]:disabled {background:#fff url(/landing/survey/images/survey_input_iCon01_01.png) no-repeat 0 0}
.survey_input_wrap_new > ul > li.btn.btn_dis input[type="checkbox"]:disabled:checked {background:#fff url(/landing/survey/images/survey_input_iCon01_06.png) no-repeat 0 0}

.survey_con_wrap_new .bo_con02_detail {display:none; position:absolute; left:80px; top:2189px; box-shadow:1px 1px 3px rgba(0,0,0,0.1); z-index:1;}
.survey_con_wrap_new .jido_con01_detail {display:none; position:absolute; left:80px; top:304px; box-shadow:1px 1px 3px rgba(0,0,0,0.1); z-index:1;}


/* ===== LANDING OFFLINE ===== */

.survey_offline {}

.survey_offline .offline_tit_01 {border:8px solid #ddd; height:74px; line-height:74px; text-align:center; color:#111; font-size:31px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;}
.survey_offline .offline_tit_01 strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;}

.survey_offline .offline_tit_02 {height:80px; line-height:80px; text-align:center; color:#fff; font-size:32px; background:#111; font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;}
.survey_offline .offline_tit_02 span {color:#fdcb00;}

.survey_table {width:100%; position:relative; background:#fff;}
.survey_table > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-1px; font-size:15px; line-height:24px;}
.survey_table > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.survey_table > table.hover tr:hover {background:#f4f5f7;}
.survey_table > table .tit_fff th {color:#333; background:#fff;}
.survey_table > table .tit_lgray, .survey_table > table .tit_lgray th, .survey_table > table .tit_lgray td {color:#333; background:#fafafa;}

.survey_table.b_black > table {border-top:2px solid #333;}

.survey_table > table .line_bg {background:#f1f4f7;}

.survey_table > table > thead > tr > th, .survey_table > table > thead > tr > td,
.survey_table > table > tbody > tr > th, .survey_table > table > tbody > tr > td {padding:12px 14px 14px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.survey_table > table > thead > tr > th, .survey_table > table > tbody > tr > th {color:#333;}
.survey_table > table > thead > tr > th.tit_bg, .survey_table > table > tbody > tr > th.tit_bg,
.survey_table > table > thead > tr > td.tit_bg, .survey_table > table > tbody > tr > td.tit_bg,
.survey_table > table > thead > tr > th.tit_bg a, .survey_table > table > tbody > tr > th.tit_bg a {color:#333; background:#f4f5f7;}
.survey_table > table > thead > tr > th.tit_bg a:hover, .survey_table > table > tbody > tr > th.tit_bg a:hover {text-decoration:underline;}

.survey_table > table > thead > tr > td, .survey_table > table > tbody > tr > td {color:#555;}
.survey_table > table > thead > tr > th.a_left, .survey_table > table > tbody > tr > th.a_left,
.survey_table > table > thead > tr > td.a_left, .survey_table > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.survey_table > table > thead > tr > td.a_right, .survey_table > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}


/* ===== SURVEY BUTTON ===== */

.survey_btn_wrap {width:680px; padding:0 160px 60px 160px;}
.survey_btn_wrap.inner {padding:0 0 0 0;}
.survey_btn_wrap > a {display:block; line-height:70px; font-size:21px; letter-spacing:-0.5px;}

.survey_btn_wrap.btn_up {position:absolute; top:723px; left:80px; width:680px; padding:0 80px 0 80px;}
.survey_btn_wrap.btn_up a:hover .txt_sa {color:#fff !important;}


/* ===== 3D BTN ===== */

.btn .ico-btm {
	width: 50px;
	height: 50px;
	background-image: url(/landing/survey/images/20200629_ani-ico.png);
	-webkit-animation-name: SurveyMoveIco-btm;
	animation-name: SurveyMoveIco-btm;
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
  	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
@keyframes SurveyMoveIco-btm {
	from {
		-webkit-transform: translate(110px,70px);
		transform: translate(110px,70px);
	}
	to {
		-webkit-transform: translate(130px,100px);
		transform: translate(130px,100px);
	}
}

.action-button {position: relative; padding: 10px 40px; margin: 0px 10px 10px 0px; float: left; border-radius: 30px; font-size: 20px; font-family: 'NanumSquare', 'Malgun Gothic'; color: #FFF; text-decoration: none; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 3px 8px rgba(0,0,0,0.1);}
.action-button:hover {color: #fff;}
.action-button:active {transform: translate(0px,5px); -webkit-transform: translate(0px,5px); border-bottom: 1px solid #750b00;}

.red_button {position: relative; border-radius: 15px; font-family: 'NanumSquare', 'Malgun Gothic'; color: #FFF; text-decoration: none; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 3px 8px rgba(0,0,0,0.1);}
.red_button:hover {color: #fff; transition-duration: 0.3s;}
.red_button:active {transform: translate(0px,5px); -webkit-transform: translate(0px,5px); border-bottom: 1px solid #750b00;}


.btn_red {
	background-color: #ff0000;
	border-bottom: 8px solid #750b00;
}
.btn_red:hover {
	background-color: #d00000;
}


/* =====  SURVEY CLASS BUTTON  ===== */

.survey_class_btn_wrap {position: relative; display: flex; justify-content: space-between; width:1000px; margin: 0 auto; padding: 40px 0 80px 0;}

.survey_class_btn_wrap a.col02 {position: relative; width: 435px; height: 230px; background-color: #fff; padding: 26px; border-radius: 20px; color: #000; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.03em; overflow: hidden;}

.survey_class_btn_wrap a .survey_class_btn_inner {width: 100%; height: 100%;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_sub {padding: 12px 0 0 0;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_sub p.sub_tit {float: left; font-size: 19px;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_sub p.sub_cir {float: right; width: 75px; height: 75px; line-height: 75px; text-align: center; font-weight: bold; font-size: 18px; color: #fff; border-radius: 50px; background: #2c8cfc;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_tit {font-size: 24px;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_tit strong {font-size: 36px;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_cal {margin-top: 18px; font-size: 15px; color: #898989;}
.survey_class_btn_wrap a .survey_class_btn_inner .class_cal p {padding-bottom: 7px;}

.survey_class_btn_wrap a .survey_class_btn_inner .cover {position: absolute; top: -487px; left: 0; width: 487px; height: 282px; text-align: center; background: rgba(255,181,37,1); transition: .3s;}
.survey_class_btn_wrap a .survey_class_btn_inner .cover p.txt {color: #fff; font-weight: bold; font-size: 32px; margin-top: 100px;}
.survey_class_btn_wrap a .survey_class_btn_inner .cover p.txt_btn {color: #fff; font-size: 20px; margin: 10px 120px; padding: 12px 0; border: 1px solid #fff; border-radius: 50px;}
.survey_class_btn_wrap a:hover .survey_class_btn_inner .cover {top: 0; transition: .3s;}


/* =====  SURVEY PRICE BUTTON  ===== */

.survey_price_btn_wrap {position: relative; display: flex; justify-content: space-between; width:1000px; margin: 0 auto; padding: 50px 0 80px 0;}

.survey_price_btn_wrap a {position: relative; width: 288px; height: 210px; background-color: #fff; border: 2px solid #333; padding: 17px; border-radius: 20px 0 0 0; color: #000; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.03em; transition: .3s;}
.survey_price_btn_wrap a:hover {transform: translate(0,-10px); -webkit-transform: translate(0,-10px); transition: .3s;}

.survey_price_btn_wrap a .price_tag01 {position: absolute; top: -25px; left: 23px; width: 110px; height: 48px; background: url(/landing/survey/images/price_tag_img01.png) center top no-repeat; z-index: 10;}
.survey_price_btn_wrap a .survey_price_btn_inner {position: relative; width: 100%; height: 100%; overflow: hidden;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_sale {padding: 12px 0; border-bottom: 1px solid #ddd;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_sale p.sale_txt {float: left;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_sale p.sale_off {float: right; font-weight: bold; font-size: 20px; color: #ff1000;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_sale strong {color: #ff1000;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_txt {margin-top: 20px; font-size: 18px;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_txt strong {font-size: 25px;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_cost {margin-top: 25px;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_cost p.cost_s {float: left; font-size: 14px; color: #898989;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_cost p.cost_s span {text-decoration: line-through;}
.survey_price_btn_wrap a .survey_price_btn_inner .price_cost p.cost_l {float: right; font-weight: bold; font-size: 30px;}

.price_tag01.jump {
	-webkit-animation-name: tag_jump;
	animation-name: tag_jump;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
  	animation-direction: alternate;
}
@keyframes tag_jump {
	from {
		 top: -30px;
	}
	to {
		 top: -20px;
	}
}


/* ===== LIBERAL ARTS ===== */

.li_table {width:100%; position:relative; background:#fff; padding:20px 0 80px 0;}

.li_table > table {border-top:1px solid #1847d5; border-left:1px solid #1847d5; background:#fff; width:100%; letter-spacing:-1px; font-size:15px; line-height:24px;}
.li_table > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.li_table > table.hover tr:hover {background:#f4f5f7;}
.li_table > table .tit_fff th {color:#333; background:#fff;}
.li_table > table .tit_lgray, .li_table > table .tit_lgray th, .li_table > table .tit_lgray td {color:#333; background:#fafafa;}

.li_table > table > thead > tr > th, .li_table > table > thead > tr > td,
.li_table > table > tbody > tr > th, .li_table > table > tbody > tr > td {padding:16px 16px 16px 16px; border-right:1px solid #1847d5; border-bottom:1px solid #1847d5; text-align:center; vertical-align:middle; position:relative;}

.li_table > table > thead > tr > th, .li_table > table > tbody > tr > th {color:#333;}
.li_table > table > thead > tr > th.tit_bg, .li_table > table > tbody > tr > th.tit_bg,
.li_table > table > thead > tr > td.tit_bg, .li_table > table > tbody > tr > td.tit_bg,
.li_table > table > thead > tr > th.tit_bg a, .li_table > table > tbody > tr > th.tit_bg a {color:#333; background:#f4f5f7;}
.li_table > table > thead > tr > th.tit_bg a:hover, .li_table > table > tbody > tr > th.tit_bg a:hover {text-decoration:underline;}

.li_table > table > thead > tr > td, .li_table > table > tbody > tr > td {color:#333;}
.li_table > table > thead > tr > th.a_left, .li_table > table > tbody > tr > th.a_left,
.li_table > table > thead > tr > td.a_left, .li_table > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.li_table > table > thead > tr > td.a_right, .li_table > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}

.li_table .table_img01 {position:absolute; left:0; top:0;}
.li_table .li_tag {position:absolute; top:-12px; left:0; width:100%; text-align:center;}
.li_table .li_tag .tag_blue {color:#fff; background:#0000ac; border:1px solid #0000ac; display:inline-block; padding:0 3px 0 3px; font-size:12px; height:20px; line-height:20px; font-weight:bold;}


/* ==== 20200604 main animation ==== */

.cont_show {
		opacity: 1;
		animation-duration: .8s;
		animation-name: c_show;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		-ms-animation-duration: .8s;
		-ms-animation-name: c_show;
		-ms-animation-iteration-count: 1;
		-ms-animation-fill-mode: forwards;}
	@keyframes c_show {
	  0% {
		opacity: 0;
	  }

	  50% {
		opacity: 0;
	  }
		
	  100% {
		opacity: 1;
	  }
	}
	@-ms-keyframes c_show {
	  0% {
		opacity: 0;
	  }

	  50% {
		opacity: 0;
	  }
		
	  100% {
		opacity: 1;
	  }
	}

.cont_show_ban {
		opacity: 1;
		animation-duration: 1.2s;
		animation-name: c_show_ban;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		-ms-animation-duration: 1.2s;
		-ms-animation-name: c_show_ban;
		-ms-animation-iteration-count: 1;
		-ms-animation-fill-mode: forwards;}
	@keyframes c_show_ban {
	  0% {
		opacity: 0;
	  }

	  50% {
		opacity: 0;
	  }
		
	  100% {
		opacity: 1;
	  }
	}
	@-ms-keyframes c_show_ban {
	  0% {
		opacity: 0;
	  }

	  50% {
		opacity: 0;
	  }
		
	  100% {
		opacity: 1;
	  }
	}
	
.cont_down {
	animation-duration: .9s;
	animation-name: c_down;
	animation-fill-mode: forwards;
	-ms-animation-duration: .9s;
	-ms-animation-name: c_down;
	-ms-animation-fill-mode: forwards;}
	@keyframes c_down {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}
	@-ms-keyframes c_down {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}

.cont_down_sa {
	animation-duration: .9s;
	animation-name: c_down_sa;
	animation-fill-mode: forwards;
	-ms-animation-duration: .9s;
	-ms-animation-name: c_down_sa;
	-ms-animation-fill-mode: forwards;}
	@keyframes c_down_sa {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}
	@-ms-keyframes c_down_sa {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}

.cont_down_bo {
	animation-duration: .9s;
	animation-name: c_down_bo;
	animation-fill-mode: forwards;
	-ms-animation-duration: .9s;
	-ms-animation-name: c_down_bo;
	-ms-animation-fill-mode: forwards;}
	@keyframes c_down_bo {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}
	@-ms-keyframes c_down_bo {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}

.cont_down_jido {
	animation-duration: .9s;
	animation-name: c_down_jido;
	animation-fill-mode: forwards;
	-ms-animation-duration: .9s;
	-ms-animation-name: c_down_jido;
	-ms-animation-fill-mode: forwards;}
	@keyframes c_down_jido {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 170px;
	  }
	}
	@-ms-keyframes c_down_jido {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 170px;
	  }
	}

.cont_down_dis {
	animation-duration: .9s;
	animation-name: c_down_dis;
	animation-fill-mode: forwards;
	-ms-animation-duration: .9s;
	-ms-animation-name: c_down_dis;
	-ms-animation-fill-mode: forwards;}
	@keyframes c_down_dis {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}
	@-ms-keyframes c_down_dis {
	  from {
		padding-top: 0;
	  }

	  to {
		padding-top: 230px;
	  }
	}

/* ==== 2022 CONTENTS LAYOUT ==== */
	
.contents {width: 100%; overflow: hidden;}
.contents .con_wrap {width: 1000px; position: relative; margin: 0 auto;}

.contents .main_btn {position: absolute; bottom: 80px; margin: 0 0 0 12px; width: 980px; height: 90px; line-height: 90px; text-align: center; background-color: #000; color: #fff; font-size: 24px; letter-spacing: -0.02em; box-shadow: 10px 10px 16px 0 rgb(0 0 0 / 30%); cursor: pointer;}
.contents .main_btn:hover {background-color: #ff4800; color: #fff;}

.contents .con_btn {position: absolute; bottom: -45px; margin: 0; width: 1000px; height: 90px; line-height: 90px; text-align: center; background-color: #000; color: #fff; font-size: 24px; letter-spacing: -0.02em; box-shadow: 10px 10px 16px 0 rgb(0 0 0 / 30%); cursor: pointer;}
.contents .con_btn:hover {background-color: #ff4800; color: #fff;}

.txt_yell {color: #ffd621 !important;}
.txt_red {color: #f55354 !important; font-size: 18px;}