@media screen and (max-width:1009px) { /*/////공통/////*/ body { overflow: hidden; min-width: 320px; max-width: 1009px; width: 100%; } html { overflow-y: scroll; width: 100%; height: 100%; } a { text-decoration: none;} #container { float: left; width: 100%; min-height: 100%; margin-bottom: -160px;} #contents { float: left; width: 100%; min-height: 100%; padding-bottom: 160px;} .txt_black { color:#000000;} .txt_gray { color:#7d7d7d;} .txt_red { color:#ce1b22;} .txt_darkgray { color:#2f1f1f;} /* 컨슈머리포트 상세 하단 공통 영역 */ .report_imgname { display: block; position: relative; float: left; width: 100%; margin-bottom: 20px; color:#7d7d7d; font-size: 11px; text-align: center; } /* 유통 */ .report_footercom_pr16 { position: relative; float: left; width: 100%; margin-bottom: 20px; border-top: 1px dashed #d8d8d8; color:#7d7d7d; font-size: 12px; text-align: left; line-height: 130%; } /* �쑀�넻 */ .report_footercom_pr16 td p { margin-top: 40px;} .report_footercom_pr16 td span { display: block; margin-top: 10px; font-size: 13px; } /* 이동통신 */ .report_footercom_ins02 { position: relative; float: left; width: 100%; margin-bottom: 20px; border-top: 1px dashed #d8d8d8; color:#7d7d7d; font-size: 12px; text-align: left; line-height: 130%; } /* �씠�룞�넻�떊 */ .report_footercom_ins02 td { padding-top: 30px;} .report_footercom_ins02 td img{ margin: 10px auto;} .report_footercom_ins02 td span { display: block;} /* 자동차 */ .report_footercom_car { position: relative; float: left; width: 100%; margin-bottom: 20px; border-top: 1px dashed #d8d8d8; font-size: 11px; text-align: left; color:#7d7d7d; line-height: 130%; } /* �씠�룞�넻�떊 */ .report_footercom_car td { padding-top: 30px;} .report_footercom_car td img { margin: 10px auto;} .report_footercom_car td span { display: block;} .w1080 { position: relative; float: left; width: 100%; padding-bottom: 50px; border: 0px solid #00e0e3;} /*///header///*/ #cwrap { float: left; width: 100%; min-height: 100%; margin-bottom: -139px;} #cwrapin { float: left; width: 100%; min-height: 100%; padding-bottom: 139px;} .contentsbox { overflow: hidden; position: relative; width: 100%; min-width: 320px!important; padding: 0; margin: 0; line-height: 1.2em;} #black_layer { display: none; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: 0.5; filter: alpha(opacity=50); } header { display: block; float: left; width: 100%; } #header_1 { float: left; width: 100%; min-width: 320px; height: 60px; border-color:rgba(206, 27, 34); border-style: solid; border-bottom-width: 3px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; background:#ffffff; } #header_1 a { display: block; width: 140px; margin: 16px auto 0 auto;} #header_1 #top_logo2 { width: 140px;} #header_2 { display: none;} /*紐⑤컮�씪 �뒳�씪�씠�뱶 硫붾돱*/ #mobile_menu_box { display: block; position: absolute; z-index: 1000!important; top: 0; right: -240px; width: 240px; min-height: 100%!important; border-left: 2px solid #ce1b22; background:#ffffff; } #mobile_menu { padding: 0 30px 50px 30px; text-align: left; } #mobile_menu > li { padding: 15px 0; border-bottom: 1px solid #cccccc;} #mobile_menu > li:first-child { margin-top: 5px;} #mobile_menu > li:last-child { border: none;} #mobile_menu li p { color:#ce1b22; font-size: 15px; font-weight: bold; } #mobile_menu a { color:#555555; font-size:14px;} #mobile_menu ul { margin-top: 5px;} #mobile_menu li li { line-height: 1.5em;} #mobile_menu_in { position: relative;} #menu_icon { display: block; position: absolute; z-index: 100; top: -15px; left: -40px; width: 45px; margin-top: 8px; cursor: pointer; } /*#menu_icon{width:20px; position:absolute; top:0; left:-40px; margin-top:8px; z-index:100; cursor:pointer; display:block;}*/ nav { display: none;} .brn, select { border-radius:0;} .quick_box { display: none;} .btn_white { padding: 4px 10px; border: 1px solid #bbbbbb; color:#444444; text-align: center;} .btn_white:hover { background:#f6f6f6; color:#444444;} .btn_blue { padding: 4px 10px; background:#32A6ED; color:#ffffff; text-align: center;} .btn_blue:hover { background:#078DD8; color:#ffffff;} .btn_dgray { padding: 4px 10px; background:#666666; color:#ffffff; text-align: center;} .btn_dgray:hover { background:#555555; color:#ffffff;} .btn_gray { float: right; padding: 4px 10px; background:#888888; color:#ffffff; text-align: center;} .btn_gray:hover { background:#777777; color:#ffffff;} #contents { float: left; width: 100%; } .left_con { display: inline-block; float: left; width: 100%; } #left_menu { display: none;} .right_con { display: inline-block; float: left; width: 100%; min-height: 380px; padding: 0!important;} .pad0 { padding: 0!important;} .right_con h2 { margin-left: 10px; margin-top: 30px;} .right_con h2 img { width:130px;} .h2_sub { float: left; width: 100%; padding: 0 10px; margin-top: 10px; } #panel0 h2 { margin-top: 30px;} #panel0 h2 img { width: 130px;} .right_con h3 img { width: 220px;} #panel0 h3 img { width: 200px;} #social2 h3 img { width: 265px;} .right_con #h3_330 { width: 330px;} #btn_bottom { display: block; clear: both; width: 280px; height: 35px; margin: 0 auto 40px auto!important;} #btn_bottom a { display: inline-block; float: left; width: 120px; height: 35px; padding-top: 9px; margin: 0 10px;} .mtop_menu { float: left; width: 100%; } .mtop_menu h2 { width: 100%; padding: 8px; background:#5CC8E5; color:#ffffff; font-size: 16px; font-weight: bold; text-align: center; } .mtop_menu ul { float: left; width: 100%; } .mtop_menu ul li { float: left; width: 25%; text-align: center;} .mtop_menu ul li a { float: left; width: 100%; padding: 7px 0; background:#7ED9ED; color:#ffffff; font-size: 14px; } .mopen_page { background:#5CC8E5!important;} .mtop_menu_2 ul li { width: 50%!important;} .mtop_menu_3 ul li { width: 33.33333333%!important;} .notext { font-size: 0; line-height: 0; text-indent: -4000px;} /* Footer */ #topscroll { position: fixed; bottom: 10px; right: 10px; width: 35px; height: 35px; border: 1px solid #cccccc; background:rgba(255, 255, 255, 0.7); font-size: 12px; text-align: center; line-height: 1.2em; cursor: pointer;} #topscroll img { width:12px;} footer { position: relative; float: left; width: 100%; background:#f6f6f6; color:#888888; font-size: 11px; line-height: 1.5em; } /* Footer : 패밀리 사이트 */ .familysite { display: block; position: relative; float: left; width: 100%; height: 100px; border-top: 1px solid #d1d5da;} .familysite a { float: left; height: 32px; padding-top: 8px; background:#FFFFFF; color:#515a65; font-size: 12px; text-align: left; letter-spacing: -0.02em;} .familysite a.m1 { width: 50%; padding-left: 4%; border-bottom: 1px solid #e5e8eb; border-right: 1px solid #e5e8eb; background:url(../img/icon_blank.png) 91% center no-repeat; background-size: 12px; } .familysite a.m2 { width: 50%; padding-left: 4%; border-right: 1px solid #e5e8eb; border-top: 1px solid #e5e8eb; border-bottom: 1px solid #e5e8eb; background:url(../img/icon_blank.png) 91% center no-repeat; background-size: 12px; } .familysite a.m3 { width: 50%; padding-left: 4%; border-bottom: 1px solid #e5e8eb; border-right: 1px solid #e5e8eb; background:url(../img/icon_blank.png) 91% center no-repeat; background-size: 12px; } .img_measure { display: none; width: 10px;} /* Footer : SNS */ footer .footer_sns { display: block; position: relative; float: left; width: 100%; height: 40px; margin-top: 20px; text-align: center;} footer .footer_sns a { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #b8bcc8; border-radius: 15px; } footer .footer_sns a.facebook { margin: 0 1px; background:url(../img/icon_facebook.png) center center no-repeat; background-size: 29px ; text-indent: -4000px;} footer .footer_sns a.naverpost { margin: 0 1px; background:url(../img/icon_naverpost.png) center center no-repeat; background-size: 24px ; text-indent: -4000px;} footer .footer_sns a.youtube { margin: 0 1px; background:url(../img/icon_youtube.png) center center no-repeat; background-size: 27px ; text-indent: -4000px;} /*footer .footer_sns a.linkedin {background:#0079b8 url(../img/icon_linkedin.png) center center no-repeat; background-size:29px ; margin:0 1px; text-indent: -4000px; }*/ /* Footer : Copyright */ footer .copyright { display: block; position: relative; float: left; width: 100%; padding-bottom: 20px; text-align: center; } footer .copyright address { display: block; width: 100%; margin: 0 auto; text-align: center; line-height: 1.0rem;} footer .copyright address p { display: block; padding: 0 10px; margin: 0 10px; line-height: 12px;} footer .copyright p.copyright { display: block; width: 100%; margin-top: 5px; color:#9b9ea0; text-align: center; } footer .copyright span { padding: 0 5px; color:#cfcfd5; } footer .copyright div { display: block; position: relative; width: 100%; height: 70px; margin: 0 auto; font-size: 12px; text-align: center; } footer .copyright a { display: inline-block; position: relative; width: 110px; height: 28px; padding-top: 5px; border: 1px solid #d1d5da; color:#4a525c; } /* 버튼 */ .btnbox { clear: both; padding-top: 20px; margin-bottom: 30px; text-align: center;} .btnbox a { display: block; width: 100px; padding: 12px 20px; border-radius: 4px; color:#fff; font-size: 16px; text-align: center;} .btnbox a.btn_send { background:#ce1b22; } .btnbox a.btn_cancel { background:#848891; } .btnbox .btn_list { width: 100px; margin: 0 auto; } .btnbox .btn_list a { clear: both; height: 42px; padding-top: 11px; border-radius: 2px;background:#ce1b22; color:#FFFFFF; font-size: 14px; text-align: center; } .btnbox a.btn_comm { padding: 15px 40px 15px 25px; margin: 0 1px; border-radius: 2px; background:#ce1b22 url(../img/right/icon_gow.png) 90% center no-repeat; background-size: 8px; color:#FFFFFF; font-size: 14px; text-align: center; } /* 페이징 */ .paging { clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 15px; text-align: center; } .paging a { padding: 5px; margin: 0 1px; border-radius: 1px; color:#2d2d2d; } .paging a.choice { border: 1px solid #d80a1c; background:#eb0a1e; color:#ffffff; } .paging a.prev { border: 1px solid #e4e6eb;} .paging a.next { border: 1px solid #e4e6eb;} /*메인 : 슬라이딩 배너*/ .slider { overflow: hidden; float: left; width: 100%; } .slider img { height: 200px; } .slider .slidebox { overflow: hidden; position: relative; float: left; width: 100%; height: 100%; } .slider .slidebox .slidetx { position: absolute; width: 100%; height: 100%; top: 0; padding: 7% 5% 0 5%;} .slider .slidebox .slidetx dl { position: relative; float: left; width: 100%; text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1); text-align: center; } .slider .slidebox .slidetx dl dt { position: relative; float: left; width: 100%; color:#ffffff; font-size: 24px; font-weight: bold; line-height: 140%; letter-spacing: -0.02em;} .slider .slidebox .slidetx dl dd { position: relative; float: left; width: 100%; color:#ffffff; font-size: 12px; line-height: 130%; } .slider .slidebox .slidetx dl dd p { display: inline;} .slider .slidebox .slidetx dl dd a { width: 110px!important; height: 33px!important; padding: 8px 0 0 15px; margin: 20px auto 0 auto!important; border: 1px solid #ffffff; border-radius: 1px; background:rgba(0, 0, 0, 0.4) url(../img/right/icon_gow.png) 90% center no-repeat; background-size: 8px; color:#ffffff!important; font-size: 14px; text-align: left; } .slider .slidebox .slidetx dl dd a:hover { color:#ff0505!important; border:2px solid #ff0505;} .slider .slidebox .bn_area.mo { overflow: hidden; position: relative; float: left; width: 100%; background: #085bed;} /* .slider .slidebox .bn_area.mo img { display: none;} */ .slider .slidebox .slidetx2 { position: absolute; top: 0; width: 100%; height: 100%; padding: 3% 5% 0 5%; background: #085bed;} .slider .slidebox .slidetx2 dl { position: relative; width: 100%; text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1); text-align: center; } .slider .slidebox .slidetx2 dl .ygreen { color: #5aff00;} .slider .slidebox .slidetx2 dl .sky { color: #00f6ff;} .slider .slidebox .slidetx2 dl .yl { color: #fffa7b;} .slider .slidebox .slidetx2 dl dt { position: relative; width: 100%; color:#fff; letter-spacing: -0.02em;} .slider .slidebox .slidetx2 dl dt .tit { display: block; margin-top: 20px; color: #fff; font-family: 'GmarketSansMedium'; font-size: 25px;} .slider .slidebox .slidetx2 dl dt .stxt { display: inline-flex; justify-content: center; align-items: center; padding: 6px 9px 2px 9px; margin-top: 10px; background: #fff; color: #333; font-family: 'GmarketSansMedium'; font-size: 14px; line-height: 1.1; text-align: center;} .slider .slidebox .slidetx2 dl dd p { display: block; margin-top: 20px; color: #fff; font-size: 13px; line-height: 130%; } .slider .slidebox .slidetx2 dl dd a { display: inline-block; width: 110px!important; height: 33px!important; margin: 15px auto; border: 1px solid #fffa7b; color:#fffa7b!important; font-size: 13px; line-height: 33px; text-align: center; } .slider .slidebox .slidetx3 { position: absolute; top: 0; width: 100%; height: 100%; padding: 5% 10% 0 10%;} .slider .slidebox .slidetx3 dl { position: relative; width: 100%; text-align: center; text-shadow:1px 0px 0px rgba(0, 0, 0, 0.1);} .slider .slidebox .slidetx3 dl dt { position: relative; width: 100%; color:#ffffff; font-weight: bold; font-size: 24px; line-height: 1.2; letter-spacing: -0.02em;} .slider .slidebox .slidetx3 dl dt span { display: block; margin-top: 5px; font-size: 20px; letter-spacing: -0.005em;} .slider .slidebox .slidetx3 dl dd { position: relative; width: 100%; padding-top: 5px; color:#ffffff; font-size: 13px; line-height: 160%; } .slider .slidebox .slidetx3 dl dd > div { display: flex; justify-content: center; margin-top: 10px;} .slider .slidebox .slidetx3 dl dd a { display: inline-block; padding: 6px 20px; border: 2px solid #ffffff; border-radius: 1px; color:#ffffff!important; font-size: 13px; text-align: center; } .slider .slidebox .slidetx3 dl dd a:last-child { margin-left: 10px;} /* 메인 : 컨텐츠 */ #main { position: relative; float: left; width: 100%; padding: 0 15px; /*display:block; */} #main h3 { position: relative; float: left; width: 100%; padding-bottom: 5px; margin-top: 30px; margin-bottom: 8px; border-bottom: 3px solid #ce1b22; color:#ce1b22; font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } #main h3 a { position: relative; float: right; padding: 3px 7px 0 7px; margin-top: -3px; border: 1px solid #eff0f2; border-radius: 4px; color:#ce1b22; font-size: 24px; font-weight: bold; text-align: center; } #main h3 a.btn_letter { position: relative; float: right; width: 90px; height: 26px; padding-top: 5px; padding-left: 22px; margin-top: 3px; border: 1px solid #ce1b22; border-radius: 15px; background:#ffffff url(../img/btn_letter.png) 10px center/15px no-repeat; color:#ce1b22; font-size: 14px; font-weight: normal; } #main ul { position: relative; float: left; width: 100%; margin: 15px 0 30px 0;} #main ul li { position: relative; float: left; width: 100%; } .main_cont { margin-top: 10px;} /* 메인 : 조사의뢰, 패널가입안내 */ #main div.inquiry { display: inline; position: relative; float: left; width: 49%; height: 165px; border: 1px solid #dadada; border-radius: 5px; background:url(../img/main/main_icon1_m.png) center 10px no-repeat; background-size: 50px; } #main div.panel { display: inline; position: relative; float: right; width: 49%; height: 165px; border: 1px solid #dadada; border-radius: 5px; background:url(../img/main/main_icon2_m.png) center 10px no-repeat; background-size: 50px; } #main div ol { position: relative; float: left; width: 100%; margin-top: 70px;} #main div ol li { position: relative; float: left; width: 100%; padding-bottom: 3px; font-size: 12px; text-align: center; line-height: 110%; } #main div ol li.tit { color:#ce1b22; font-size: 18px; font-weight: bold; letter-spacing: -0.03em;} #main div ol li a { display: block; position: relative; width: 90px; padding: 3px 0 3px 0; margin: 5px auto; border: 2px solid #ce1b22; border-radius: 15px; background:#ce1b22; color:#ffffff; font-size: 12px; text-align: center; } #main div ol li a:hover { border: 2px solid #ce1b22; background:#ffffff; color:#ce1b22; font-weight: bold; } /* 메인 : 전기차 화재 관련 조사 배너 */ #main .cont_left .bn { clear: both; position: relative; width: 100%; padding-top: 10px; text-align: center;} /* #main .cont_left .bn::after { content: ""; display: block; position: absolute; right: 28px; top: 20px; width: 20px; height: 19px; background:url(../img/240821_arr_icon.png) no-repeat;} */ #main .cont_left .bn a { display: block; padding: 12px 22px; border: 1px solid #fb8d91; border-radius: 5px; color:#ce1b22; font-size: 16px; font-weight: bold; line-height: 1;} @keyframes blink-effect { 50% { opacity: 0; } } .blink { animation: blink-effect 1.3s step-end infinite; /* animation-name: blink-effect; animation-duration: 1s; animation-iteration-count:infinite; animation-timing-function:step-end; */ } .cont_right { margin-top: 10px;} /* 메인 : Insight Report */ #main dl { position: relative; float: left; width: 100%;} #main dl dt { display: block; position: relative; float: left; width: 100%; padding: 8px 0 0 10px; background:url(../img/icon_dot.png) left 17px no-repeat; color:#3e404e; font-size: 16px; text-align: left; letter-spacing: -0.02em; line-height: 140%; } #main dl dd { display: block; position: relative; float: left; width: 100%; padding: 0 0 5px 10px; border-bottom: 1px solid #ececec; color:#a8a8a8; font-size: 11px; text-align: left; } #main dl dd:last-child { border-bottom: 0px solid #ececec;} #main dl dt a { color:#3e404e;} #main dl dt a:hover { color:#ce1b22;} /* 서브 비주얼 */ /*#subtop {position:relative; float:left; width:100%; height:90px; padding-top:3px; border:0px solid #00e320;}*/ #subtop { position: absolute; top: -1000px; left: -1000px; font-size: 0; line-height: 0; text-indent: -4000px;} .topimg1 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg1_m.png') 70% top no-repeat; background-size:100%; opacity: 0.9; } .topimg2 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg2_m.png') center top no-repeat; background-size:100%; opacity: 0.9; } .topimg3 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg3_m.png') center top no-repeat; background-size:100%; opacity: 0.9; } .topimg4 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg4_m.png') center top no-repeat; background-size:100%; opacity: 0.9; } .topimg5 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg5_m.png') center top no-repeat; background-size:100%; opacity: 0.9; } #subtop ul { overflow: hidden; position: relative; float: left; width: 100%; margin-top: 20px; } #subtop li { position: relative; float: left; width: 100%; color:#ffffff; font-size: 19px; text-align: center; line-height: 140%; letter-spacing: -0.05em; opacity: 0.4; } #subtop li:last-child { color:#ffffff; font-size: 12px; opacity: 0.2; } #subtop ul.nomenu { overflow: hidden; position: relative; float: left; width: 100%; margin-top: 20px; font-weight: normal; } /* 서브 메뉴*/ #left_1 { position: relative; z-index: 100; float: left; width: 100%; border-bottom: 0px solid #8a8c94; background:#f2f3f8; } #left_1 ul { overflow: hidden; position: relative; float: left; width: 100%; } #left_1 ul li { position: relative; float: left; width: 25%; height: 39px;} #left_1 ul li span { display: inline-block; bottom: -4px;} #left_1 ul li a { display: inline-block; width: 100%; height: 100%; padding-top: 12px; border-left: 1px solid #e9ebf2; border-bottom: 1px solid #e9ebf2; color:#666a7c; font-size: 13px; text-align: center; line-height: 15px; letter-spacing: -0.09em; } #left_1 ul li.on a { background:#ce1b22; border-left: 1px solid #ce1b22; border-bottom:1px solid #ce1b22; color:#ffffff; } #left_1 ul li a span { font-size: 0; text-indent: -4000px;} #left_1 ul li a strong { font-size: 0; line-height: 0; text-indent: -4000px;} #left_1 ul.cell3 { overflow: hidden; position: relative; float: left; width: 100%; } #left_1 ul.cell3 li { position: relative; float: left; width: 33.333333%; height: 44px;} #left_1 ul.cell3 li a { display: inline-block; width: 100%; height: 100%; padding-top: 14px; border-top: 1px solid #e8e9ea; border-left: 1px solid #e8e9ea; color:#3b4047; font-size: 13px; text-align: center; line-height: 15px;} #left_1 ul.cell3 li.on a { border-top: 1px solid #ce1b22; border-left: 1px solid #ce1b22; background:#ce1b22; color:#ffffff; } #left { position: relative; z-index: 100; float: left; width: 100%; margin-bottom: 30px; border-bottom: 0px solid #8a8c94; background:#f2f3f8; } #left ul { overflow: hidden; position: relative; float: left; width: 100%; } #left ul li { position: relative; float: left; width: 25%; height: 39px;} #left ul li span { display: inline-block; bottom: -4px;} #left ul li a { display: inline-block; width: 100%; height: 100%; padding-top: 12px; border-left: 1px solid #e9ebf2; border-bottom: 1px solid #e9ebf2; color:#666a7c; font-size: 13px; text-align: center; line-height: 15px; letter-spacing: -0.09em; } #left ul li.on a { border-left: 1px solid #ce1b22; border-bottom: 1px solid #ce1b22; background:#ce1b22; color:#ffffff; } #left ul li br { display: none;} #left ul li a span { font-size: 0; text-indent: -4000px;} #left ul li a strong { font-size: 0; line-height: 0; text-indent: -4000px;} #left ul.cell3 { overflow: hidden; position: relative; float: left; width: 100%; } #left ul.cell3 li { position: relative; float: left; width: 33.33333%; height: 44px;} #left ul.cell3 li a { display: inline-block; width: 100%; height: 100%; padding-top: 14px; border-top: 1px solid #e8e9ea; border-left: 1px solid #e8e9ea; color:#3b4047; font-size: 13px; text-align: center; line-height: 15px; } #left ul.cell3 li.on a { border-left: 1px solid #ce1b22; border-top: 1px solid #ce1b22; background:#ce1b22; color:#ffffff; } /* 컨텐츠 영역 */ #right { display: block; width: 100%; padding: 0 15px; padding-top: 100px; background: #fff;} #right h3 { margin: 35px 0 15px 0; color:#ce1b22; font-size: 24px; text-align: left; letter-spacing: -0.05em; /*padding-bottom:12px; background:url('../img/m_tit_line.png') center bottom no-repeat; border:0px solid #0000ff;*/} #right h5 { margin: 30px 0 5px 0; color:#333; font-size: 18px; font-weight: bold; letter-spacing: -0.05em; } /*CEO 인사말*/ #ceo { position: relative; float: left; width: 100%;} #ceo .ceo_visual { position: relative; float: left; width: 100%; padding: 20px 0 20px 12px; background:#edeff2;} #ceo .ceo_visual ul { list-style-type: none;} #ceo .ceo_visual ul li { position: relative; float: left; width: 100%; color:#ce1b22; font-size: 15px; text-align: left; line-height: 130%; letter-spacing: -0.05em;} #ceo .ceo_visual ul li.name { padding-top: 5px; color:#000000; font-weight: normal; font-size: 12px; line-height: 15px; letter-spacing: -0.02em; } #ceo .ceo_visual ul li strong { display: block; font-size: 14px;} #ceo .ceo_visual div.photo { position: absolute; bottom: 0; right: 0; width: 130px; height: 160px; background:url(../img/ceo_photo.png) left bottom no-repeat; background-size: 100%;} #ceo .ceo_visual div.sign { position: absolute; bottom: 7px; right: 135px; width: 60px; height: 35px; background:url(../img/ceo_sign.png) left bottom no-repeat; background-size: 100%;} #ceo .ceo_con { position: relative; float: left; width: 100%; margin-top: 20px; } #ceo .ceo_con ul { list-style-type: none; width: 100%;} #ceo .ceo_con ul li { position: relative; float: left; width: 100%; padding: 5px 0; font-size: 14px; text-align: left; line-height: 160%; letter-spacing: -0.01em; } #ceo .ceo_con ul li span.txt_redlin { color:#ce1b22;} /* 220824 수정 */ /*CEO 인사말*/ #ceo { position: relative; float: left; width: 100%; margin-bottom: 40px;} #ceo .ceo { position: relative; float: left; width: 100%; } #ceo .ceo h1 { margin-bottom: 35px; font-size: 20px; text-align: left; line-height: 1.5;} #ceo .ceo p { font-size: 16px; line-height: 1.5;} #ceo .ceo p + p { padding-top: 15px;} #ceo .ceo .bold { font-weight: bold;} #ceo .ceo .line_bg { background: linear-gradient(90deg, #fff2cc 3px ,transparent 0%)} #ceo .ceo .half_bg { background: linear-gradient(to top, #ffe699 50%, transparent 50%); } #ceo .ceo .txt_red { color:#ce1b22;} #ceo .ceo .txt_gr { color:#333;} #ceo .ceo .mt30 { margin-top: 30px;} #ceo .ceo ul { margin-left: 10px; margin-top: 8px; margin-bottom: 15px;} #ceo .ceo ul li { position: relative; padding-left: 10px; font-size: 16px; text-align: left; } #ceo .ceo ul li + li { margin-top: 10px;} #ceo .ceo ul li::before { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #333;} #ceo .ceo .sign_wrap { position: relative; margin-top: 50px;} #ceo .ceo .sign_wrap p { color: #888; font-size: 17px;} #ceo .ceo .sign { position: absolute; bottom: -15px; left: 160px; width: 120px; height: 50px; background:url(../img/ceo_sign.png) left center no-repeat; background-size: 100%;} /*연혁*/ #history { position: relative; float: left; width: 100%; border-top: 2px solid #ce1b22;} #history dl { list-style-type: none; position: relative; float: left; width: 100%; } #history dl dt { position: relative; float: left; width: 15%; padding-top: 14px; padding-left: 3px; border-top: 1px solid #eaedf1; color:#4a4e5d; font-size: 16px; font-weight: bold; text-align: left; letter-spacing: -0.03em; } #history dl dd { position: relative; float: left; width: 85%; padding: 13px 0 13px 0; border-top: 1px solid #eaedf1; color:#5f6368; font-size: 14px; text-align: left; line-height: 150%; } #history dl dd p { display: block; position: relative; float: left; width: 100%; padding-left: 7px; background:url(../img/icon_dot.png) left 10px no-repeat; } #history dl dd p.txt_Point { color:#000000; font-size: 15px; } #history dl dd a { color:#000000;} #history dl dd a:hover { color:#ce1b22;} /*조사영역 */ #analysis { position: relative; float: left; width: 100%; } #analysis ul { position: relative; float: left; width: 100%;} #analysis li:first-child { position: relative; float: left; width: 100%; color:#3f424b; font-size: 16px; font-weight: bold; } #analysis li:last-child { position: relative; float: left; width: 100%; padding: 33% 5% 0 5%; background:url(../img/analysis_bg.png) center top no-repeat; background-size: 120%;} #analysis dl { list-style-type: none; position: relative; float: left; width: 50%; } #analysis dl dt { position: relative; float: left; width: 100%; padding: 0 0 5px 0; color:#ce1b22; font-size: 14px; font-weight: bold; text-align: center; } #analysis dl dd { position: relative; float: left; width: 100%; height: 40px; color:#65686f; font-size: 13px; text-align: center; line-height: 120%;} #analysis dl dd:last-child { height: 80px;} #analysis .txt_gray { color:#414450;} #analysis .txt_red { color:#ce1b22;} /*조직구성*/ #organization { position: relative; float: left; width: 100%;} #organization .pic { position: relative; float: left; width: 100%;} #organization .pic img { width: 100%;} #organization dl { list-style-type: none; position: relative; float: left; width: 100%; border-top: 2px solid #ce1b22; border-bottom: 1px solid #a8adb6;} #organization dl dt { position: relative; float: left; width: 20%; padding: 16px 0 0 0; border-top: 1px solid #dce0e7; color:#ce1b22; font-size: 16px; font-weight: bold; text-align: left; letter-spacing: -0.05em; } #organization dl dt span { display: block; font-size: 14px; } #organization dl dd { position: relative; float: left; width: 80%; padding: 16px 0 18px 0; border-top: 1px solid #dce0e7; color:#5f6368; font-size: 15px; text-align: left; line-height: 150%; letter-spacing: -0.05em; } /*사회공헌 사업*/ #contribute { position: relative; float: left; width: 100%;} #contribute p.ment { position: relative; float: left; width: 100%; margin-bottom: 20px; font-size: 14px; text-align: left; line-height: 130%; } #contribute ol { position: relative; float: left; width: 100%;} #contribute ol li { position: relative; float: left; width: 48%; padding: 15% 0 4% 0; border: 1px solid #f4d7d7; border-radius: 2px; font-size: 14px; text-align: center; line-height: 150%; } #contribute ol li:first-child { margin-right: 1%; background:#ffeded url(../img/contribute_icon1.png) center 18% no-repeat; background-size: 23%; } #contribute ol li:last-child { margin-left: 1%; background:#ffeded url(../img/contribute_icon2.png) center 15% no-repeat; background-size: 23%; } #contribute ol li p { color:#ce1b22; font-size: 16px; font-weight: bold; /*margin-top:-3px;*/} #contribute ul { position: relative; float: left; width: 100%; margin: 20px 0;} #contribute ul li { position: relative; float: left; width: 100%; padding: 3%; border: 1px solid #e4e6ec;} #contribute ul li:nth-child(2) { margin: 4% 0;} #contribute ul li dl { position: relative; float: left; width: 100%;} #contribute ul li dl dt { position: relative; float: left; width: 100%; height: 50px; font-size: 0; text-indent: -4000px;} #contribute ul li dl dt.logo1 { background:#f4f4f4 url(../img/contribute_logo1.png) center center no-repeat; background-size:/*60%*/200px;} #contribute ul li dl dt.logo2 { background:#f4f4f4 url(../img/contribute_logo2.png) center center no-repeat; background-size:/*45%*/135px;} #contribute ul li dl dt.logo3 { background:#f4f4f4 url(../img/contribute_logo3.png) center center no-repeat; background-size:/*60%*/200px;} #contribute ul li dl dd { position: relative; float: left; width: 100%; padding: 5px 10px; border-bottom: 1px solid #eaecf0; font-size: 13px; } #contribute ul li dl dd:nth-child(2) { font-size: 14px; text-align: center;} #contribute ul li dl dd:last-child { border-bottom: 0px solid #cbced1;} #contribute ul li dl dd p { display: inline-block; float: right; color:#ce1b22; font-size: 16px;} /*글로벌네트워크 */ #global { position: relative; float: left; width: 100%; } #global dl { position: relative; float: left; width: 100%; } #global dl dt { position: relative; float: left; width: 100%; padding: 20px 0 5px 0; color:#ce1b22; font-size: 16px; } #global dl dd { position: relative; float: left; width: 100%; padding-bottom: 3px; color:#747e85; font-size: 13px; line-height: 120%; } #global dl dd.txt_c { position: relative; float: left; width: 100%; border: 1px solid #dddddd; text-align: center; } #global dl dd img { width: 100%; margin: 25px 0;} #global dl dd p { display: block; font-size: 12px; line-height: 120%;} #global dl dd p:first-child span { margin-right: 5px; color:#ff4e00; } #global dl dd p:last-child span { margin-right: 5px; color:#ffb600; } #global .global_con dl { position: relative; float: left; width: 100%;} #global .global_con dl dt { position: relative; float: left; width: 100%; padding-bottom: 4px; color:#ce1b22; font-size: 16px; } #global .global_con dl dd { position: relative; float: left; width: 100%; padding-left: 8px; background:url(../img/icon_dot.png) left 8px no-repeat; color:#33353b; font-size: 14px; line-height: 20px; } /*클라이언트 */ #client { position: relative; float: left; width: 100%;} #client ul { list-style-type: none; position: relative; float: left; width: 100%;} #client ul li { position: relative; float: left; width: 31.7%; height: 50px; margin: 0.8%; border: 1px solid #eceff2; font-size: 13px; text-align: center; text-indent: -4000px; } #client ul li.HyundaiMotors { background:url(../img/client/ci_hyundai.png) center center no-repeat; background-size: auto 65%;} #client ul li.KiaMotors { background:url(../img/client/ci_kia.png) center center no-repeat; background-size: auto 65%;} #client ul li.GM { background:url(../img/client/ci_gm.png) center center no-repeat; background-size: auto 65%;} #client ul li.SamsungMotors { background:url(../img/client/ci_renaultkorea.png) center center no-repeat; background-size: auto 55%;} #client ul li.SsangyongMotor { background:url(../img/client/ci_kgmobility.png) center center no-repeat; background-size: auto 70%;} #client ul li.BMW { background:url(../img/client/ci_bmw.png) center center no-repeat; background-size: auto 70%;} #client ul li.Benz { background:url(../img/client/Benz.png) center center no-repeat; background-size: auto 70%;} #client ul li.Volkswagen { background:url(../img/client/ci_volkswagen.png) center center no-repeat; background-size: auto 60%;} #client ul li.Audi { background:url(../img/client/ci_audi.png) center center no-repeat; background-size: auto 60%;} #client ul li.Peugeot { background:url(../img/client/ci_peugeot.png) center center no-repeat; background-size: auto 70%;} #client ul li.Nissan { background:url(../img/client/ci_nissan.png) center center no-repeat; background-size: auto 70%;} #client ul li.Honda { background:url(../img/client/ci_honda.png) center center no-repeat; background-size: auto 70%;} #client ul li.Lexus { background:url(../img/client/Lexus.png) center center no-repeat; background-size: auto 35%;} #client ul li.Chrysler { background:url(../img/client/Chrysler.png) center center no-repeat; background-size: auto 75%;} #client ul li.Jaguar { background:url(../img/client/ci_jaguar.png) center center no-repeat; background-size: auto 70%;} #client ul li.Landrover { background:url(../img/client/ci_landrover.png) center center no-repeat; background-size:auto 70%;} #client ul li.KMC { padding-top: 16px; background:url(../img/client/KMC.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.MBK { padding-top: 16px; background:url(../img/client/MBK.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.RSM { padding-top: 16px; background:url(../img/client/RSM.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.SYM { padding-top: 16px; background:url(../img/client/SYM.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.SuninCar { padding-top: 16px; background:url(../img/client/SuninCar.png) center center no-repeat; background-size:auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.Infiniti { background:url(../img/client/ci_infiniti.png) center center no-repeat; background-size: auto 70%;} #client ul li.Toyota { background:url(../img/client/ci_toyota.png) center center no-repeat; background-size: auto 70%;} #client ul li.HansungCar { padding-top: 16px; background:url(../img/client/HansungCar.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0px; } #client ul li.HankookDriving { background:url(../img/client/HankookDriving.png) center center no-repeat; background-size: auto 50%;} #client ul li.KAMA { background:url(../img/client/KAMA.png) center center no-repeat; background-size: auto 40%;} #client ul li.TheClassHyosung { background:url(../img/client/TheClassHyosung.png) center center no-repeat; background-size: auto 60%;} #client ul li.Bullsone { background:url(../img/client/Bullsone.png) center center no-repeat; background-size: auto 50%;} #client ul li.SKtelecom { background:url(../img/client/pc/SKtelecom.png) center center no-repeat; background-size: auto 55%;} #client ul li.KT { background:url(../img/client/pc/KT.png) center center no-repeat; background-size: auto 55%;} #client ul li.KT_m { background:url(../img/client/KT_m.png) center center no-repeat; background-size: auto 55%;} #client ul li.LGU { background:url(../img/client/pc/LGU.png) center center no-repeat; background-size: auto 35%;} #client ul li.LGHellovision { background:url(../img/client/LGHellovision.png) center center no-repeat; background-size: auto 55%;} #client ul li.KBLiivM { background:url(../img/client/KBLiivM.png) center center no-repeat; background-size: auto 55%;} #client ul li.tmapmobility { background:url(../img/client/tmapmobility.png) center center no-repeat; background-size: auto 55%;} #client ul li.kakaomobility { background:url(../img/client/kakaomobility.png) center center no-repeat; background-size: auto 55%;} #client ul li.tmoney { background:url(../img/client/tmoney.png) center center no-repeat; background-size: auto 55%;} #client ul li.woowahan { background:url(../img/client/woowahan.png) center center no-repeat; background-size: auto 55%;} #client ul li.samsung { background:url(../img/client/samsung.png) center center no-repeat; background-size: auto 55%;} #client ul li.Apple { background:url(../img/client/Apple.png) center center no-repeat; background-size: auto 55%;} #client ul li.CJEnM { background:url(../img/client/pc/CJEnM.png) center center no-repeat; background-size: auto 55%;} #client ul li.MBC { background:url(../img/client/MBC.png) center center no-repeat; background-size: auto 55%;} #client ul li.EBS { background:url(../img/client/EBS.png) center center no-repeat; background-size: auto 55%;} #client ul li.Netflix { background:url(../img/client/Netflix.png) center center no-repeat; background-size: auto 55%;} #client ul li.tving { background:url(../img/client/tving.png) center center no-repeat; background-size: auto 55%;} #client ul li.megabox { background:url(../img/client/megabox.png) center center no-repeat; background-size: auto 55%;} /* #client ul li.SKtelecom { background:url(../img/client/SKtelecom.png) center center no-repeat; background-size: auto 55%;} #client ul li.SKplanet { background:url(../img/client/SKplanet.png) center center no-repeat; background-size: auto 55%;} #client ul li.LGU { background:url(../img/client/LGU.png) center center no-repeat; background-size: auto 45%;} #client ul li.LGElectronics { background:url(../img/client/LGElectronics.png) center center no-repeat; background-size: auto 45%;} #client ul li.KT { background:url(../img/client/KT.png) center center no-repeat; background-size: auto 50%;} #client ul li.CJHellovision { background:url(../img/client/CJHellovision.png) center center no-repeat; background-size: auto 65%;} #client ul li.CJEnM { background:url(../img/client/CJEnM.png) center center no-repeat; background-size: auto 65%;} #client ul li.Etnews { background:url(../img/client/Etnews.png) center center no-repeat; background-size: auto 42%;} #client ul li.Hurom { background:url(../img/client/Hurom.png) center center no-repeat; background-size: auto 30%;} */ #client ul li.Lotte { background:url(../img/client/Lotte.png) center center no-repeat; background-size: auto 55%;} #client ul li.Montbell { background:url(../img/client/Montbell.png) center center no-repeat; background-size: auto 35%;} #client ul li.Doota { background:url(../img/client/Doota.png) center center no-repeat; background-size: auto 60%;} #client ul li.Glovis { background:url(../img/client/Glovis.png) center center no-repeat; background-size: auto 45%;} #client ul li.Wooribank { background:url(../img/client/Wooribank.png) center center no-repeat; background-size: auto 50%;} #client ul li.HyundaiCapital { background:url(../img/client/HyundaiCapital.png) center center no-repeat; background-size: auto 40%;} #client ul li.Tongyang { background:url(../img/client/Tongyang.png) center center no-repeat; background-size: auto 32%;} #client ul li.Oricom { background:url(../img/client/Oricom.png) center center no-repeat; background-size: auto 45%;} #client ul li.TBWA { background:url(../img/client/TBWA.png) center center no-repeat; background-size: auto 40%;} #client ul li.DentsuKorea { background:url(../img/client/DentsuKorea.png) center center no-repeat; background-size: auto 30%;} #client ul li.Innocean { background:url(../img/client/Innocean.png) center center no-repeat; background-size: auto 35%;} #client ul li.Ford { background:url(../img/client/Ford.png) center center no-repeat; background-size: auto 70%;} #client ul li.IdeaFarm { padding-top: 16px; background:url(../img/client/IdeaFarm.png) center center no-repeat; background-size: auto 70%; font-size: 12px; text-indent: 0; } #client ul li.BostonConsulting { background:url(../img/client/BostonConsulting.png) center center no-repeat; background-size: auto 60%;} #client ul li.OpenTidechina { background:url(../img/client/OpenTidechina.png) center center no-repeat; background-size: auto 60%;} #client ul li.BusinessInsight { background:url(../img/client/BusinessInsight.png) center center no-repeat; background-size: auto 60%;} #client ul li.OBbeer { background:url(../img/client/OBbeer.png) center center no-repeat; background-size: auto 50%;} #client ul li.KookSoonDang { background:url(../img/client/KookSoonDang.png) center center no-repeat; background-size: auto 65%;} #client ul li.CJCheiljedang { background:url(../img/client/CJCheiljedang.png) center center no-repeat; background-size: auto 70%;} #client ul li.Pulmuone { background:url(../img/client/Pulmuone.png) center center no-repeat; background-size: auto 60%;} #client ul li.Sempio { background:url(../img/client/Sempio.png) center center no-repeat; background-size: auto 70%;} #client ul li.Sonsoo { background:url(../img/client/Sonsoo.png) center center no-repeat; background-size: auto 70%;} #client ul li.SPC { background:url(../img/client/SPC.png) center center no-repeat; background-size :auto 50%;} #client ul li.PizzaHut { background:url(../img/client/PizzaHut.png) center center no-repeat; background-size: auto 50%;} #client ul li.PizzaEtang { background:url(../img/client/PizzaEtang.png) center center no-repeat; background-size: auto 65%;} #client ul li.DaehanSteel { background:url(../img/client/DaehanSteel.png) center center no-repeat; background-size: auto 25%;} #client ul li.BodyShop { background:url(../img/client/BodyShop.png) center center no-repeat; background-size: auto 70%;} #client ul li.LGCare { background:url(../img/client/LGCare.png) center center no-repeat; background-size: auto 40%;} #client ul li.Aekyung { background:url(../img/client/Aekyung.png) center center no-repeat; background-size: auto 50%;} #client ul li.AmorePacific { background:url(../img/client/AmorePacific.png) center center no-repeat; background-size: auto 20%;} #client ul li.Enfren { background:url(../img/client/Enfren.png) center center no-repeat; background-size: auto 60%;} #client ul li.Sejung21 { background:url(../img/client/Sejung21.png) center center no-repeat; background-size: auto 35%;} #client ul li.LSNetworks { background:url(../img/client/LSNetworks.png) center center no-repeat; background-size: auto 35%;} #client ul li.FITI { background:url(../img/client/FITI.png) center center no-repeat; background-size: auto 27%;} #client ul li.Ksure { background:url(../img/client/Ksure.png) center center no-repeat; background-size: auto 40%;} #client ul li.KIAT { background:url(../img/client/KIAT.png) center center no-repeat; background-size: auto 55%;} #client ul li.GRI { background:url(../img/client/GRI.png) center center no-repeat; background-size: auto 40%;} #client ul li.SeoulMetropolitan { background:url(../img/client/SeoulMetropolitan.png) center center no-repeat; background-size: auto 50%;} #client ul li.InstituteDemocracy { background:url(../img/client/InstituteDemocracy.png) center center no-repeat; background-size: auto 45%;} #client ul li.NILE { background:url(../img/client/NILE.png) center center no-repeat; background-size: auto 35%;} #client ul li.Seoul { background:url(../img/client/Seoul.png) center center no-repeat; background-size: auto 50%;} #client ul li.KEDI { background:url(../img/client/KEDI.png) center center no-repeat; background-size: auto 40%;} #client ul li.KISA { background:url(../img/client/KISA.png) center center no-repeat; background-size: auto 32%;} #client ul li.JDC { background:url(../img/client/JDC.png) center center no-repeat; background-size: auto 60%;} #client ul li.KISDI { background:url(../img/client/KISDI.png) center center no-repeat; background-size: auto 55%;} #client ul li.KISTEP { background:url(../img/client/KISTEP.png) center center no-repeat; background-size: auto 50%;} #client ul li.RANET { background:url(../img/client/RANET.png) center center no-repeat; background-size: auto 60%;} #client ul li.ETRI { background:url(../img/client/ETRI.png) center center no-repeat; background-size: auto 50%;} #client ul li.NRC { background:url(../img/client/NRC.png) center center no-repeat; background-size: auto 50%;} #client ul li.SSIF { background:url(../img/client/SSIF.png) center center no-repeat; background-size: auto 50%;} #client ul li.Dorco { background:url(../img/client/Dorco.png) center center no-repeat; background-size: auto 45%;} #client ul li.Lego { background:url(../img/client/Lego.png) center center no-repeat; background-size: auto 70%;} #client ul li.HNTMarketing { background:url(../img/client/HNTMarketing.png) center center no-repeat; background-size: auto 30%;} #client ul li.KATA { background:url(../img/client/KATA.png) center center no-repeat; background-size: auto 40%;} #client ul li.Goheung { background:url(../img/client/Goheung.png) center center no-repeat; background-size: auto 60%;} #client ul li.KoreaTourism { background:url(../img/client/KoreaTourism.png) center center no-repeat; background-size: auto 60%;} #client ul li.KoreaTourismAssociation { background:url(../img/client/KoreaTourismAssociation.png) center center no-repeat; background-size: auto 45%;} #client ul li.JeollaNamdo { background:url(../img/client/JeollaNamdo.png) center center no-repeat; background-size: auto 60%;} #client ul li.VeryGoodTour { background:url(../img/client/VeryGoodTour.png) center center no-repeat; background-size: auto 45%;} #client ul li.KPMG { background:url(../img/client/KPMG.png) center center no-repeat; background-size: auto 50%;} #client ul li.Adkk { background:url(../img/client/Adkk.png) center center no-repeat; background-size: auto 35%;} #client ul li.DDBGroupKorea { background:url(../img/client/DDBGroupKorea.png) center center no-repeat; background-size: auto 30%;} #client ul li.PSYMA { background:url(../img/client/PSYMA.png) center center no-repeat; background-size: auto 40%;} #client ul li.DLive { background:url(../img/client/DLive.png) center center no-repeat; background-size: auto 45%;} #client ul li.ZerotoSeven { background:url(../img/client/ZerotoSeven.png) center center no-repeat; background-size: auto 50%;} #client ul li.Hancom { background:url(../img/client/Hancom.png) center center no-repeat; background-size: auto 50%;} #client ul li.HanwhaHnR { background:url(../img/client/HanwhaHnR.png) center center no-repeat; background-size: auto 38%;} #client ul li.KTnG { background:url(../img/client/KTnG.png) center center no-repeat; background-size: auto 40%;} #client ul li.Jordan { background:url(../img/client/Jordan.png) center center no-repeat; background-size: auto 35%;} /*찾아오시는 길*/ #map { position: relative; float: left; width: 100%;} #map .maparea { position: relative; float: left; width: 100%; height: 300px; background:#000000;} #map dl { list-style-type: none; position: relative; float: left; width: 100%; margin-top: 20px;} #map dl dt { position: relative; float: left; width: 18%; padding: 5px 0 0 0; color:#ce1b22; font-size: 14px; text-align: left; letter-spacing: -0.05em; } #map dl dd { position: relative; float: left; width: 82%; padding: 5px 0 5px 0; color:#5f6368; font-size: 14px; text-align: left; letter-spacing: -0.05em; } #map dl dd p { display: block; position: relative; float: left; width: 100%; padding-left: 20px; background: url(../img/icon_subway9.png) left 2px no-repeat; background-size: 15px; } /* 기획조사 */ .business1 { position: relative; float: left; width: 100%;} .business1 p.ment { position: relative; float: left; width: 100%; margin-bottom: 15px; font-size: 14px; line-height: 130%; letter-spacing: -0.03em; } .business1 ul { list-style-type: none; position: relative; width: 100%; margin: 0 auto; } .business1 ul li { position: relative; float: left; width: 50%; height: 170px; padding: 20px 0; border-top: 1px solid #d6d7db; border-left: 1px solid #d6d7db; text-align: center; } .business1 ul li:nth-child(2) { border-right: 1px solid #c1c3ca;} .business1 ul li:nth-child(4) { border-right: 1px solid #c1c3ca;} .business1 ul li:nth-child(5) { border-bottom: 1px solid #d6d7db; } .business1 ul li:last-child { border-right: 1px solid #c1c3ca; border-bottom: 1px solid #d6d7db; } .business1 ul li .icon1 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon1.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 ul li .icon2 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon2.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 ul li .icon3 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon3.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 ul li .icon4 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon4.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 ul li .icon5 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon6.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 ul li .icon6 { width: 40px; height: 40px; margin: 0 auto; margin-top: 5px; border-radius: 20px; background:#ce1b22 url(../img/survey_icon5.png) center center no-repeat; background-size: 35px; text-indent: -4000px;} .business1 dl { list-style-type: none; position: relative; float: left; width: 100%; } .business1 dl dt { position: relative; float: left; width: 100%; color:#2b2e35; font-size: 15px; font-weight: bold; line-height: 120%;} .business1 dl dt span { display: inline-block; padding-left: 5px;} .business1 dl dt span.txt_mini { display: block; width: 100%; font-size: 12px; font-weight: normal;} .business1 dl dd { position: relative; float: left; width: 100%; text-align: center; line-height: 120%;} .business1 dl dd p:first-child { color:#5f6368; font-size: 12px; } .business1 dl dd p:nth-child(3) { margin-top: 3px; color:#5f6368; font-size: 12px; } .business1 dl dd p:last-child { margin-left: -5px; color:#5c616e; font-size: 14px; font-weight: bold; } .business1 table { position: relative; float: left; width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #666666; color:#666666; font-size: 13px; text-align: center; letter-spacing: -0.05em; } .business1 th { position: relative; height: 35px; border-top: 2px solid #ce1b22; border-bottom: 1px solid #ce1b22; background:#ffffff; color:#ce1b22; font-size: 14px; font-weight: bold; } .business1 td { position: relative; padding: 12px 3px 12px 3px; line-height: 1em;} .business1 table tr:nth-child(odd) { background:#f9f9f9;} .business1 td:first-child { color:#ce1b22;} .business1 td:nth-child(3) { width: 50px; color:#000000;} .business1 td span { display: block; } /* 20200323 : 기획조사 : 리뉴얼 */ .business1-1 { position: relative; float: left; width: 100%;} .business1-1 p.ment { position: relative; float: left; width: 100%; margin-bottom: 15px; font-size: 15px; line-height: 130%; letter-spacing: -0.03em; } .business1-1 p.ment span { display: block; margin-top: 10px; color:#898f99; font-size: 12px; } .business1-1 ul { position: relative; float: left; width: 100%;} .business1-1 ul li { position: relative; float: left; width: 100%;} .business1-1 ul li:first-child { padding: 30px 0 20px 0; border: 1px solid #dadee7; background:#f7f8fb; text-align: center; } .business1-1 ul li:nth-child(2) { padding: 35px 0;} .business1-1 ul li:first-child p { padding: 15px 20px 10px 20px; font-size: 15px; line-height: 130%; } .business1-1 ul li:first-child p span { color:#ce1b22;} .business1-1 ul li:first-child img.logo { width: 33%;} .business1-1 ul li:first-child img.SRImg { width: 80%;} .business1-1 dl.srpart { position: relative; width: 340px; margin: 0 auto; } .business1-1 dl.srpart dt { position: relative; float: left; width: 53px;} .business1-1 dl.srpart dt span { display: block; width: 40px; height: 40px; border-radius: 20px; text-indent: -4000px;} .business1-1 dl.srpart dt:first-child span { background:#ce1b22 url(../img/survey_icon3.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(3) span { background:#ce1b22 url(../img/survey_icon2.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(5) span { background:#ce1b22 url(../img/survey_icon5.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(7) span { background:#ce1b22 url(../img/survey_icon8.png) center center/40px no-repeat;} .business1-1 dl.srpart dt:nth-child(9) span { background:#ce1b22 url(../img/survey_icon9.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(11) span { background:#ce1b22 url(../img/survey_icon7.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(13) span { background:#ce1b22 url(../img/survey_icon6_m.png) center center/30px no-repeat;} .business1-1 dl.srpart dd { position: relative; float: left; width: 287px; padding-top: 3px; padding-bottom: 20px; text-align: left; line-height: 120%; letter-spacing: -0.02em; } .business1-1 dl.srpart dd p:first-child { color:#2d323b; font-size: 14px; font-weight: normal; } .business1-1 dl.srpart dd p:first-child strong { display: block; color:#ce1b22; font-size: 18px; font-weight: normal;} .business1-1 dl.srpart dd p:nth-child(2) { display: block; padding-left: 18px; margin-left: 0; background:url(../img/arrow_srpart.png) left 4px/12px no-repeat; color:#7b818a; font-size: 13px; font-weight: normal; letter-spacing: -0.05em; } /* 20220203 국대패널 메뉴 추가 */ .kd1-1 { position: relative; float: left; width: 100%; margin-top: 35px;} .kd1-1 .txt { color:#ce1b22; font-size: 24px; font-weight: 600; } .kd1-1 h2 { font-size: 20px; text-align: left; line-height: 140%;} .kd1-1 h2 span { background: -webkit-linear-gradient(90deg, #ffe479 11px ,transparent 0%)} .kd1-1 h4 { margin-top: 50px; font-size: 20px; text-align: left; } .kd1-1 .intro { margin-top: 10px;} .kd1-1 .intro li { padding-left: 10px; text-indent: -10px; font-size: 15px; line-height: 130%;} .kd1-1 .intro .intro2 { margin-top: 10px; } .kd1-1 .ment { font-weight: 600; font-size: 16px; text-decoration: underline; line-height: 150%;} .kd1-1 .found { margin-top: 10px;} .kd1-1 .found li { padding: 15px; margin-top: 10px; border: 1px solid #a0a5b1; line-height: 120%;} .kd1-1 .found li:first-child { margin-left: 0;} .kd1-1 .found dt { padding: 10px 0; background: #ce1b22; color: #fff; font-size: 17px; text-align: center;} .kd1-1 .found dd { padding-left: 20px; margin-top: 7px; font-size: 14px; text-indent: -11px;} .kd1-1 .found dd.txt { padding-left: 10px; color:#ce1b22; font-weight: 600; text-indent: 0;} .kd1-1 img { display: block; width: 30%; margin: 0 auto; padding-bottom: 10px;} .kd1-1 p.end { font-size: 20px; text-align: center; } .kd1-1 .kd_info { margin-top: 20px; } .kd1-1 .kd_info li { position: relative; margin-top: 10px; padding-left: 10px; font-size: 14px; line-height: 150%;} .kd1-1 .kd_info li::before { content: ""; display: block; position: absolute; top: 13px; left: 0; width: 2px; height: 2px; background: #666; } .kd1-1 .info img { width: 100%;} .advantage { margin-top: 35px; } .advantage h6 { margin-top: 30px; color: #ce1b22; font-size: 20px; text-align: left; line-height: 150%; } .advantage h6 span { background: linear-gradient(90deg, #ffe479 11px ,transparent 0%)} .advantage dd { position: relative; padding-top: 10px; padding-left: 10px; font-size: 15px; line-height: 150%; } .advantage dd::before { content: ""; position: absolute; top: 18px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #333;} .advantage .ment { font-size: 13px;} .advantage table { margin: 20px 0; border-top: 3px solid #666; font-size: 14px;} .advantage tr { border-bottom: 1px solid #666; } .advantage th { padding: 5px; border-right: 1px solid #fff; background: #666; color: #fff; font-size: 13px; line-height: 130%;} .advantage th:first-child { width: 30%;} .advantage th:nth-child(2) { width: 35%;} .advantage th:last-child { width: 35%; border-right: 0; } .advantage td { padding: 10px; border-right: 1px solid #666; font-size: 13px; text-align: left; vertical-align: top; line-height: 130%;} .advantage td:first-child { vertical-align: middle; line-height: 130%;} .advantage td:last-child { border-right: 0; } .advantage .bg_grey { display: inline-block; padding: 5px; margin-bottom: 3px; background: #d8d8d8;} .typicality { width: 100%; margin-top: 35px; } .typicality p { font-size: 15px; } .typicality h4 { font-size: 22px; text-align: left; } .typicality .graph { width: 100%; padding: 10px; margin-top: 20px; background: #d8d8d8;} .typicality .graph dl { margin-top: 10px; } .typicality .graph dt { font-weight: 600;} .typicality .graph dd { padding-top: 10px;} .typicality .graph dd img { width: 100%; border-radius: 10px;} .typicality .ment { font-size: 12px; line-height: 120%; } .typicality .recruit { width: 100%; margin-top: 30px;} .typicality .recruit img { width: 100%;} .typicality .recruit .method p { font-size: 19px; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.05rem;} .typicality .recruit .method ul { margin-bottom: 20px;} .typicality .recruit .method li { position: relative; width: 100%; padding: 10px; margin-top: 10px; border-radius: 5px; background: #e2e9f6;} .typicality .recruit .method li:first-child { margin-left: 0;} .typicality .recruit .method li h6 { color: #0a4da7; font-size: 20px; line-height: 120%; font-weight: 600; letter-spacing: -0.05rem; text-align: center;} .typicality .recruit .method li p { padding: 10px; margin-bottom: 0; border-radius: 3px; background: #fff; font-weight: 500; font-size: 14px; text-align: center; line-height: 130%;} .typicality .recruit .situation { margin-top: 30px;} .typicality .recruit .situation p { margin-bottom: 10px; font-size: 19px; font-weight: 600; letter-spacing: -0.05rem;} .typicality .recruit .situation .graph2 { margin-top: 10px;} .typicality .recruit .situation .graph2 p { font-weight: 500; font-size: 16px;} .typicality .recruit .situation .graph2 img { border-radius: 5px;} .typicality .tbl_horizontal table { width: 100%; margin: 20px 0; border-top: 3px solid #666; font-size: 14px; } .typicality .tbl_horizontal tr { border-bottom: 1px solid #666; } .typicality .tbl_horizontal tr:nth-child(3) { background: #f3f3f3;} .typicality .tbl_horizontal tr:nth-child(5) { background: #f3f3f3;} .typicality .tbl_horizontal tr:nth-child(7) { background: #f3f3f3;} .typicality .tbl_horizontal tr:nth-child(9) { background: #f3f3f3;} .typicality .tbl_horizontal tr td:nth-child(2) { text-align: center;} .typicality .tbl_horizontal th { height: 25px; padding: 10px; background: #666; color: #fff;} .typicality .tbl_horizontal th:last-child { border-right: 0; } .typicality .tbl_horizontal td { height: 25px; padding-left: 10px; font-size: 13px; text-align: left; } .typicality .tbl_horizontal td:first-child { vertical-align: middle;} .typicality .tbl_horizontal td:last-child { border-right: 0; } .typicality .tbl_horizontal table:nth-child(2) { margin-left: 5px;} .typicality .tbl_horizontal table:last-child { margin-left: 5px;} .typicality .tbl_horizontal2 table { width: 100%; margin: 20px 0; border-top: 3px solid #666; font-size: 14px; } .typicality .tbl_horizontal2 tr { border-bottom: 1px solid #666; } .typicality .tbl_horizontal2 tr:nth-child(3) { background: #f3f3f3;} .typicality .tbl_horizontal2 tr:nth-child(5) { background: #f3f3f3;} .typicality .tbl_horizontal2 tr:nth-child(7) { background: #f3f3f3;} .typicality .tbl_horizontal2 tr:nth-child(9) { background: #f3f3f3;} .typicality .tbl_horizontal2 tr td:nth-child(2) { text-align: center;} .typicality .tbl_horizontal2 th { height: 25px; padding: 10px; background: #666; color: #fff;} .typicality .tbl_horizontal2 th:last-child { border-right: 0; } .typicality .tbl_horizontal2 td { height: 25px; padding-left: 10px; font-size: 13px; text-align: left; } .typicality .tbl_horizontal2 td:first-child { vertical-align: middle;} .typicality .tbl_horizontal2 td:last-child { border-right: 0; } .typicality .tbl_horizontal2 table:nth-child(2) { margin-left: 5px;} .typicality .tbl_horizontal2 table:last-child { margin-left: 5px;} .typicality .tbl_horizontal3 { margin-top: 10px; } .typicality .tbl_horizontal3 table { width: 100%; margin: 20px 0; border-top: 3px solid #666; font-size: 14px; } .typicality .tbl_horizontal3 tr { border-bottom: 1px solid #666; } .typicality .tbl_horizontal3 tr:nth-child(3) { background: #f3f3f3;} .typicality .tbl_horizontal3 tr:nth-child(5) { background: #f3f3f3;} .typicality .tbl_horizontal3 tr:nth-child(7) { background: #f3f3f3;} .typicality .tbl_horizontal3 tr:nth-child(9) { background: #f3f3f3;} .typicality .tbl_horizontal3 th { height: 25px; padding: 10px; background: #666; color: #fff;} .typicality .tbl_horizontal3 th:last-child { border-right: 0; } .typicality .tbl_horizontal3 td { width: 33.3333%; height: 35px; padding-left: 10px; font-size: 13px; text-align: left; } .typicality .tbl_horizontal3 td:last-child { border-right: 0; } /* 공통 */ .mt10 { margin-top: 10px;} .mt20 { margin-top: 20px;} .mt30 { margin-top: 30px;} .mt50 { margin-top: 50px;} .mt80 { margin-top: 80px;} .mt100 { margin-top: 100px;} .ml10 { margin-left: 10px;} .txt_500 { font-weight: 500;} .txt_600 { font-weight: 600;} .txt_red { color: #ce1b22;} .txt_blue { color: #005493;} /* 체험기반 리서치 */ .business2 { position: relative; float: left; width: 100%;} .business2 ul { position: relative; margin :0 auto; list-style-type: none; width: 100%; } .business2 ul li { position: relative; float: left; width: 100%; font-size: 14px; text-align: left; line-height: 140%;} .business2 ul li.tit { padding: 20px 0 15px 12px; background: url(../img/h5_ico.png) left 22px no-repeat; background-size: 7px; color:#000000; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; } .business2 ul li.tit span { color:#666666; font-weight: none; font-size: 12px; letter-spacing:-0.05em; /*font-size: 0; line-height: 0; text-indent: -4000px;*/ } .business2 .business_con4 { position: relative; float: left; width: 100%; margin-bottom: 30px;} .business2 .business_con4_box_1 { width: 30%; height: 35px; padding: 10px 0 9px 0; margin: 0 auto; background:#ce1b22; color:#ffffff; font-size: 14px; text-align: center; } .business2 .business_con4_box_2 { clear: both; width: 30%; margin: 0 auto; } .business2 .business_con4_box_2 div { display: inline-block; float: left; width: 49%; height: 20px; } .business2 .business_con4_box_2 div:first-child { border-right: 1px solid #666666;} .business2 .business_con4_box_3 { clear: both; width: 48%; height: 20px; margin: 0 auto; border: 1px solid #666666; border-bottom: none; } .business2 .business_con4_box_4 { position: relative; float: left; width: 100%; margin-bottom: 50px;} .business2 .business_con4_box_4 dl { display: inline-block; float: left; width: 48%; margin: 0 1%; border: 1px solid #888888; text-align: center; } .business2 .business_con4_box_4 dl dt { height: 35px; padding: 10px 0 9px 0; background:#ce1b22; color:#ffffff; font-size: 14px; letter-spacing: -0.05em;} .business2 .business_con4_box_4 dl dd { height: 35px; padding: 10px 0 9px 0; border-bottom: 1px solid #eeeeee; font-size: 13px; letter-spacing: -0.07em;} .business2 .business_con4_box_4 dl dd:last-child { border: none;} .business2 .business_con4_box_4 div { position: absolute; top: -5px; right: 0; width: 50%; padding: 190px 10px 10px 10px; border: 1px dashed #CE1B22; color:#CE1B22; text-align: center;} .business2 .business_con5 { position: relative; float: left; width: 100%; /*margin-top:10px;*/} .business2 .business_con5 img { display: block; width: 100%; border: 1px solid #dddddd;} .business2 .business_con5 div { float: right; width: 78%; height: 35px; margin-top: 15px; background: rgba(206,27,34,1); background: linear-gradient(to right, rgba(206,27,34,1) 0%, rgba(255,122,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1b22', endColorstr='#ff7a00', GradientType=1 );} .business2 .business_con5 div p { float: right; width: 50%; height: 35px; padding-top: 10px; color:#ffffff; font-size: 13px; text-align: center; } .business2 .business_con5 div p:first-child {/*border-left:1px solid #ffffff;*/} .business2 .business_con5 table { position: relative; float: left; width: 100%; font-size: 13px; text-align: center; line-height: 110%; letter-spacing: -0.07em;} .business2 .business_con5 table tr:nth-child(odd) { background:#f9f9f9;} .business2 .business_con5 table tr th { border-right: 1px solid #ffffff; background:#ce1b22; color:#ffffff; font-size: 12px;} .business2 .business_con5 table tr th:first-child { width: 130px; border-bottom:1px solid #db7b7e;} .business2 .business_con5 table tr th:last-child { border-right: none;} .business2 .business_con5 table tr td { width: 335px; padding-left: 5px; text-align: left; } .business2 .business_con5 table tr td:first-child { border-right: 1px solid #dddddd; color:#CE1B22;} .business2 .business_con5 table tr td:nth-child(2) { border-right: 1px solid #dddddd;} .business2 .business_con5 table th { font-weight: normal; } .business2 .business_con5 table td { height: 40px;} .business2 .business_con5 table tr:last-child { border-bottom: 1px solid #666666;} /* 한국 유일의 IBP */ .business3 { position: relative; float: left; width: 100%;} .business3 ul { position: relative; margin: 0 auto; width: 100%; list-style-type: none;} .business3 ul li { position: relative; float: left; width: 100%; font-size: 14px; text-align: left; line-height: 20px;} .business3 ul li.tit { padding: 10px 0 10px 12px; background:url(../img/h5_ico.png) left 16px no-repeat; background-size: 7px; color:#000000/*ce1b22*/; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; } .business3 .ibp { position: relative; float: left; width: 100%;} .business3 .ibp #ibp_con1 { width: 100%; float: left; margin-bottom: 30px;} .business3 .ibp #ibp_con1_in { width: 100%; float: left; margin-top: 20px; margin-bottom: 10px; border: 1px solid #dddddd; } .business3 #ibp_con1_1 { position: relative; float: left; width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #dddddd;} .business3 #ibp_con1_1 h5 { float: left; width: 100%; padding: 15px; margin-top: 0px; margin-bottom: 30px; background: rgba(255,123,0,1); background: linear-gradient(to right, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); color:#ffffff; font-size: 16px; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b00', endColorstr='#ce1b21', GradientType=1 );} .business3 #ibp_con1_1 > p { float: left; width: 100%; font-weight: bold; text-align: center; } .business3 #ibp_con1_1 ul { float: left; width: 100%; margin-top: 20px; /*padding:0 53px;*/} .business3 #ibp_con1_1 ul li { float: left; width: 100%; text-align: center;} .business3 #ibp_con1_1 ul li:nth-child(odd) img { display: block; height: 100px; margin: 0 auto; } .business3 #ibp_con1_1 ul li:nth-child(even) img { float: left; width: 0px; /*margin-top:70px;*/} .business3 #ibp_con1_1 ul li p { float: left; width: 100%; margin-top: 10px; text-align: center; line-height: 1.2em; } .business3 #ibp_con1_1 ul li:nth-child(3) p { margin-bottom: 20px;} .business3 #ibp_con1_2 { position: relative; width: 90%; margin: 0 auto;} .business3 #ibp_con1_2 #x { position: absolute; z-index: 200; bottom: 5px; width: 100%; height: 75px; text-align: center; opacity: 0.2; /*left:87px;*/ } .business3 #ibp_con1_2 ul { display: inline-block; width: 100%; margin-top: 20px;} .business3 #ibp_con1_2 ul li { display: inline-block; float: left; width: 50%; padding: 5px 0; border: 3px solid #ffffff; background:#eeeeee; text-align: center; } .business3 #ibp_con1_2 ul li:nth-child(odd) {/*margin-right:1%;*/} .business3 #ibp_con1_2 #dr { display: inline-block; position: relative; float: left; width: 7%; margin: 0 10px 0 0; opacity: 0.4; } .business3 #ibp_con1_2 p { display: inline-block; position: relative; float: left; width: 88%; padding-bottom: 20px; text-align: left; } .business3 .ibp #ibp_con2 table { float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; border-top: 1px solid #666666;} .business3 .ibp #ibp_con2 table tr { clear: both; float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #dddddd; } .business3 .ibp #ibp_con2 table tr:last-child { border-bottom: 1px solid #666666;} .business3 .ibp #ibp_con2 table tr td div { width: 70px; height: 70px; margin-right: 15px; border-radius: 35px; color:#ffffff; font-weight: bold; text-align: center; line-height: 4.9em; } .business3 .ibp #ibp_con2 table tr td .ibp_bg1 { background:#FC7502;} .business3 .ibp #ibp_con2 table tr td .ibp_bg2 { background:#EE5A0C;} .business3 .ibp #ibp_con2 table tr td .ibp_bg3 { background:#E14015;} .business3 .ibp #ibp_con2 table tr td .ibp_bg4 { background:#D3251E;} .business3 .ibp #ibp_con2 table tr td p { margin: 10px 0; text-align: left; } /* 조사의뢰 */ #inquiry { position: relative; float: left; width: 100%;} #inquiry dl { position: relative; float: left; width: 100%; margin-top: 20px;} #inquiry dl dt { position: relative; float: left; width: 100%; padding-bottom: 3px; color:#ce1b22; font-size: 14px; line-height: 110%; letter-spacing: -0.05em; } #inquiry dl dt span { font-size: 0; text-indent: -4000px;} #inquiry dl dd { position: relative; float: left; width: 100%; padding-bottom: 1px; color:#000000; font-size: 12px; line-height: 110%; } #inquiry .address { position: relative; float: left; width: 100%; margin: 10px 0 15px 0; border-top: 2px solid #666666; border-bottom: 1px solid #e7e7e7;} #inquiry .address li { position: relative; float: left; width: 100%; padding: 15px 5px; border-bottom: 1px solid #e7e7e7;} #inquiry .address li div { position: relative; float: left;} #inquiry .address li div p { float: left;} #inquiry .address li div img { float: left; width: 14px; margin-top: 3px; margin-right: 5px; } #inquiry .address li div a { float: left;} #inquiry .address li .ad1 { width: 100%; margin-bottom: 5px;} #inquiry .address li .ad1 p:first-child { margin-right: 6px; color:#6d707e; font-size: 14px; } #inquiry .address li .ad1 p:last-child { font-size: 16px; font-weight: bold; } #inquiry .address li .ad1 p.txt_long { margin-right: 6px; color:#6d707e; font-size: 14px; } #inquiry .address li .ad2 { width: 130px; font-size: 14px;} #inquiry .address li .ad3 { font-size: 14px;} #inquiry img { width: 14px; margin-right: 5px;} #inquiry #inform { position: relative; width: 100%; border-top: 2px solid #CE1B22; border-bottom: 2px solid #CE1B22; } #inquiry #inform tr { /*height:50px;*/} #inquiry #inform tr th { width: 20%; padding: 0px 7px; border-bottom: 1px solid #dd6065; background:#CE1B22; color:#fff; font-size: 14px; font-weight: normal; line-height: 1.4; text-align: center; letter-spacing: -0.05em; /*vertical-align:top;*/ } #inquiry #inform tr:last-child th { border-bottom: none;} #inquiry #inform tr th span { display: block;} #inquiry #inform tr td { width: 80%; padding: 5px 0; border-bottom: 1px solid #eff1f4; text-align: left;} #inquiry #inform tr:last-child td { border-bottom: none;} #inquiry #inform tr td input { height: 30px; padding-left: 5px; margin: 0 5px; border: 1px solid #ccc; } #inquiry #inform tr td select { height: 30px; margin: 0 5px; border: 1px solid #999; font-size: 15px;} #inquiry #inform tr td p { line-height: 2.3;} /* #inquiry #company, #inquiry #name { width: 95%;} #inquiry select,#inquiry #tel2,#inquiry #tel3 { width: 60px;} #inquiry #email1 { width: 95%;} */ #inquiry table tr td textarea { overflow-y: scroll; float: left; width: 95%; height: 100px; padding: 5px; margin: 0 5px; border: 1px solid #ccc;} #inquiry .company_name { display: flex; flex-wrap: wrap; gap: 5px; width: 100%;} #inquiry .company_name .company { } #inquiry .company_name .department { } #inquiry .company_name .name { } #inquiry #inform .number_email { display: flex; flex-direction: column;} #inquiry #inform .number_email .number_area { display: flex; } #inquiry #inform .number_email .number_area select { width: 30%;} #inquiry #inform .number_email .number { width: 30%;} #inquiry #inform .number_email .email { width: 100%; margin-top: 5px;} #inquiry #inform .field { width: 100%;} #inquiry #inform .cont { padding-left: 10px;} #inquiry #inform .cont p { font-size: 14px; line-height: 1.3;} #inquiry #inform .cont ul { margin-top: 5px; margin-bottom: 10px;} #inquiry #inform .cont ul li { color: #CE1B22; font-size: 13px; line-height: 1.4;} #inquiry .privacy_area { width: 100%;} #inquiry .privacy_area .txt { font-size: 16px; } #inquiry .privacy_area .essential { margin-top: 20px;} #inquiry .privacy_area .essential p { color:#ce1b22; font-weight: bold; font-size: 16px; } #inquiry .privacy_area .essential .tbl { width: 100%; border: 1px solid #a1a3ad; margin-top: 10px;} #inquiry .privacy_area .essential .tbl th { width: 33.3333%; padding: 10px 0; border-right: 1px solid #a1a3ad; border-bottom: 1px solid #a1a3ad; font-size: 17px; text-align: center; } #inquiry .privacy_area .essential .tbl td { padding: 10px 0; border-right: 1px solid #a1a3ad; color:#747e85; font-size: 16px; } #inquiry .privacy_area .essential span { display: block; margin-top: 3px; color:#747e85; font-size: 14px; } #inquiry .privacy_area .essential .agree { display: flex; margin-top: 10px;} #inquiry .privacy_area input { display: inline-block; width: 20px; height: 20px; margin: 0 10px 0 0; } #inquiry .privacy_area .input_code { margin-top: 10px; } #inquiry .privacy_area .input_code img { width: auto;} #inquiry .privacy_area .input_code .reload { width: 10%; } #inquiry .privacy_area .input_code .code { margin-top: 10px;} #inquiry .privacy_area .input_code .code p { padding-top: 8px;} #inquiry .privacy_area .ctext { display: inline-block; width: 80px; height: 35px; padding-left: 5px; font-size: 15px; } #inquiry .contact { margin-top: 40px;} #inquiry .contact p { padding-bottom: 10px; color:#ce1b22; font-size: 16px; line-height: 20px; } #inquiry .contact ul { display: flex; gap: 20px; margin-top: 10px;} #inquiry .contact ul li { font-size: 16px; line-height: 15px; } #inquiry a.CIPanel { display: block; width: 100%; padding: 15px; border: 1px solid #f7d9da; background:#fcefef; color:#9a8d8d; font-size: 15px; } /*채용안내*/ #recruit { position: relative; float: left; width: 100%;} #recruit dl { position: relative; float: left; width: 100%;} #recruit dl dt { position: relative; float: left; width: 100%; padding-bottom: 3px; color:#ce1b22; font-size: 14px; letter-spacing: -0.05em; } #recruit dl dd { position: relative; float: left; width: 100%; color:#000000; font-size: 12px; line-height: 110%;} #recruit div { position: relative; float: left; width: 100%; margin-bottom: 5px; font-size: 13px;} #recruit div table { position: relative; float: left; width: 100%; } #recruit div table tr { border-bottom: 1px solid #dddddd;} #recruit div table tr:last-child { border-bottom: 1px solid #666666;} #recruit div table th { height: 40px; padding: 3px 0; background:#CE1B22; color:#ffffff; } #recruit div table td { padding: 10px 0; text-align: left; letter-spacing: -0.01em;} #recruit div table td:first-child { width: 90px; padding-left: 7px; line-height: 110%; } #recruit div table td:first-child p { color:#9b9b9b;} #recruit div table td:nth-child(2) { width: 30px; color:#cf1b22; text-align: center;} #recruit div table td:last-child { padding-left: 10px; text-align: left; } #recruit div table td p { line-height: 1.5em!important; /*text-indent:-5px; margin-left:5px;*/} #recruit div table td span { display: block; margin-left: 8px;} #recruit div .resume { display: block; padding: 3px 0 2px 20px; margin-bottom: 5px; background: url(../img/icon_hwp.png) left center no-repeat; background-size: 18px; color:#CE1B22; font-size: 13px; } #recruit div ol { position: relative; float: left; width: 100%;} #recruit div ol li { position: relative; float: left; width: 100%; padding-left: 17px; padding-bottom: 3px; background: url(../img/icon_dot.png) 8px 8px no-repeat; font-size: 14px; } #recruit div ol li a { color:#333333;} #recruit div ol li span { color:#CE1B22;} #recruit div ul { position: relative; float: left; width: 100%; background: url(../img/recruit.png) left top no-repeat; background-size: 100%;} #recruit div ul li { position: relative; float: left; width: 20%; padding-top: 18.5%; padding-bottom: 1%; font-size: 12px; text-align: center; line-height: 130%; letter-spacing: -0.05em; } #recruit div ul li:first-child { padding-right: 2%;} #recruit div ul li:nth-child(2) { padding-right: 1%;} #recruit div ul li:nth-child(4) { letter-spacing: -0.08em;} #recruit div ul li:last-child { padding-left: 2%;} #recruit div ul li p { color:#878992; font-size: 11px; } #recruit div.job { position: relative; float: left; width: 100%;} #recruit div.job ol { position: relative; float: left; width: 100%;} #recruit div.job ol li { position: relative; float: left; width: 100%; /*height:220px;*/ padding: 0 0 20px 0; background: none;} #recruit div.job ol li dl { position: relative; float: left; width: 100%; margin: 0;} #recruit div.job ol li dl dt { position: relative; float: left; width: 100%; height: 55px; padding-top: 20px; margin-bottom: 15px; border-radius: 3px; color:#ffffff; font-size: 16px; text-align: center; } #recruit div.job ol li dl dd { position: relative; float: left; width: 100%; padding-left: 25px; background:url(../img/icon_dot.png) 15px 5px no-repeat; color:#000000; font-size: 13px; text-align: left; line-height: 110%; } #recruit div.job ol li dl dt span { color:#ffffff;} #recruit div.job ol li dl dt.job1 { background:url(../img/job1.png) left top no-repeat; background-size:100%;} #recruit div.job ol li dl dt.job2 { background:url(../img/job2.png) left top no-repeat; background-size:100%;} #recruit div.job ol li dl dt.job3 { background:url(../img/job3.png) left top no-repeat; background-size:100%;} #recruit div.job ol li dl dt.job4 { background:url(../img/job4.png) left top no-repeat; background-size:100%;} #recruit div.job ol li dl dt.job5 { background:url(../img/job5.png) left top no-repeat; background-size:100%;} #recruit div.job ol li dl dt.job6 { background:url(../img/job6.png) left top no-repeat; background-size:100%;} /* 리포트 : 리스트 : 검색 */ #msearchbox { position: relative; float: right; width: 100%; padding-top: 20px;} #msearchbox .sinput { position: relative; float: right; width: 87%; height: 38px; padding-left: 5px; border: 1px solid #bbbbbb; border-right: none; font-size: 17px; } #msearchbox .btn_gray { position: relative; float: right; width: 13%; height: 38px; border: none; background:#525661 url(../img/icon_search.png) center center no-repeat; background-size: 18px; text-indent: -4000px;} /* 由ы룷�듃 : 由ъ뒪�듃 : 寃��깋 */ #searchbox { position: relative; float: left; width: 100%; } #searchbox .sinput { position: relative; float: left; width: 87%; height: 38px; padding-left: 5px; border: 1px solid #bbbbbb; border-right: none; font-size: 17px; } #searchbox .btn_gray { position: relative; float:left; width: 13%; height: 38px; border: none; background:#525661 url(../img/icon_search.png) center center no-repeat; background-size: 18px; text-indent: -4000px;} #searchbox a.btn_letter { position: absolute; right:0; top:-43px; width: 80px; height: 27px; padding-top: 5px ; padding-left: 24px; border: none; border: 1px solid #ce1b22; background:#ffffff url(../img/btn_letter.png) 8px center/14px no-repeat; color:#ce1b22; font-size: 13px; } #searchbox a.btn_engReport { position: absolute; right:0; top:-43px; width: 40px; height: 27px; padding-top: 6px; border: none; border: 1px solid #ce1b22; color:#ce1b22; font-size: 12px; text-align: center; } /* 리포트 : 리스트 */ .board { position: relative; float: left; width: 100%;} .board table { position: relative; float: left; width: 100%; margin: 20px 0 10px 0; border-top: 2px solid #ce1b22;} .board table th { height: 1px; border-bottom: 0px solid #666666; font-size: 0; line-height: 0; text-indent: -4000px; } .board table td { text-align: left;} .board table td:first-child { width: 1px; font-size: 0; line-height: 0; text-indent: -4000px; } .board table td:nth-child(2) { display: block; width: 100%; padding: 15px 0 0 5px; border-bottom: 0px solid #dddddd; color:#000000; font-size: 14px; } .board table td:last-child { display: block; width: 100%; padding: 0 0 15px 5px; border-bottom: 1px solid #dddddd; color:#939393; font-size: 12px; } .board table td a:hover { color:#999999;} /* 리포트 : 리스트 포토 */ .board_photo { margin-top: 20px;} .board_photo .thumb { overflow: hidden; position: relative; float: left; width: 20%; } .board_photo img { overflow: hidden; position: relative; float: left; width: 100%; border: 1px solid #eef2f5; border-radius: 7px; } .board_photo .txt { position: relative; float: left; z-index: 100; width: 80%; } .board_photo ul { float: left; width: 100%; margin: 15px 0 40px 0; border-top: 2px solid #ce1b22;} .board_photo ul li { position: relative; float: left; width: 100%; padding: 25px 0 25px 0; border-bottom: 1px solid #dddddd;} .board_photo dl { float: left; width: 100%; } .board_photo dl dt { position: relative; float: left; width: 100%; padding: 2px 0 5px 12px; color:#000000; font-size: 18px; font-weight: bold; line-height: 1.1em; letter-spacing: -0.04em; } .board_photo dl dt p { color:#868c97; font-size: 13px; font-weight: normal; } .board_photo dl dd { width: 100%; float: left; position: relative; padding: 2px 0 0 12px; color:#4a4e5d; font-size: 13px; font-weight: none; line-height: 1.3em; letter-spacing: -0.04em; } .board_photo dl .date { position: relative; float: left; padding-top: 5px; color:#9ca2ab; font-size: 13px; letter-spacing: -0.05em; } .board_photo dl .date span { position: absolute; top: -1000px; left: -1000px; font-size: 0; line-height: 0; text-indent: -4000px;} /* 리포트 : 뷰 */ .board_view { position: relative; float: left; width: 100%; margin-top: 3px;} .board_view div.tit { position: relative; float: left; overflow: hidden; width: 100%; margin-bottom: 20px; border-top: 0px solid #ce1b22; } .board_view div.tit dl { float: left; width: 100%; color:#000000; } .board_view div.tit dl dt { position: relative; float: left; width: 100%; padding-top: 30px; padding-bottom: 12px; font-weight: bold; font-size: 19px; line-height: 20px; letter-spacing: -0.02em; } .board_view div.tit dl dt p { color:#404040; font-weight: normal; font-size: 14px; letter-spacing: 0.01em; } .board_view div.tit dl dd { position: relative; float: left; width: 100%; padding-bottom: 5px; color:#6f7680; font-size: 12px; line-height: 1.1em; } .board_view div.tit dl dd:last-child { padding-top: 13px; border-bottom: 1px #e6e6e6 solid; text-align: left;} .board_view div.tit dl dd p { display: inline; height: 12px; margin-left: 5px; padding-left: 5px; border-left: 1px solid #cdd3db;} .board_view div.tit dl dd a.file_doc_kor { display: inline-block; position: relative; width: 25px; height: 25px; border-radius: 16px; background:#3d6cc5 url(../img/file_doc.png) center center no-repeat; background-size: 100%; } .board_view div.tit dl dd a.file_pdf_kor { display: inline-block; position: relative; width: 25px; height: 25px; margin-right: 8px; border-radius: 16px; background:#f02823 url(../img/file_pdf.png) center center no-repeat; background-size: 100%; } .board_view div.tit dl dd a.sns_facebook { display: inline-block; position: relative; width: 25px; height: 25px; border-radius: 16px; background:#214486 url(../img/icon_facebook.png) center center no-repeat; background-size: 98%; } .board_view div.tit dl dd a.sns_nblog { display: inline-block; position: relative; width: 25px; height: 25px; border-radius: 16px; background:#00be29 url(../img/btn_nblog.png) center center no-repeat; background-size: 100%; } .board_view div.tit dl dd a.sns_kakaos { display: inline-block; position: relative; width: 25px; height: 25px; border-radius: 16px; background:#faba00 url(../img/btn_snskakaos.png) center center no-repeat; background-size: 100%; } .board_view div.tit dl dd a.btn_print { display: inline-block; position: relative; width: 25px; height: 25px; border-radius: 16px; background:#8d8d8d url(../img/btn_print.png) center center no-repeat; background-size: 100%; } /* 리포트 : 뷰 : 이전글, 다음글 */ .board_view ul { position: relative; float: left; width: 100%; margin-top: 30px; border-top: 1px solid #464646; } .board_view ul li { position: relative; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #dddddd; } .board_view ul li p:first-child { display: inline; position: relative; float: left; width: 15%; color:#585c62; font-weight: bold; font-size: 13px; letter-spacing: -0.05em; } .board_view ul li p:nth-child(3) { display: inline; position: relative; float: left; width: 20%; color:#9b9b9b; font-size: 11px; text-align: right; letter-spacing: -0.05em; } .board_view ul li a { display: inline; position: relative; float: left; width: 65%; color:#000000; font-size: 13px; line-height: 15px; } .board_view ul li a p:first-child { display: inline-block; width: 120px; padding: 0px; color:#585a63; font-weight: normal; text-align: left; } .board_view ul li p img { width: 13px; margin: 0 0 -2px 1px;} .board_view ul li:last-child { border-bottom: 1px solid #464646;} /* 리포트 : 뷰 : 내용 */ .board_view_con { position: relative; float: left; width: 100%; font-size: 14px; line-height: 160%;} .board_view_con img { display: block; width: 100%; margin-top: 20px; margin-bottom: 5px;} .board_view_con .txt_point { color:#ce1b22;} .board_view_con p.lin { display: block; margin: 40px 0; border-top: 2px dashed #d0d5e0; } /* 210312 TRAVEL 분석으로 본 20-21 국내여행 트렌드 게시글 */ .board_view ul.prec { position: relative; float: left; width: 100%; padding-top: 0; margin-top: 10px; border: none; } .board_view ul.prec li { position: relative; float: left; width: 100%; padding-top: 0; padding-left: 16px; padding-bottom: 5px; border: none; background: url(../img/icon_darkgray.png) 2px 10px/4px no-repeat; } .board_view ul.none { border: none; } .board_view ul.none li { padding: 0; border: none; } .report_surveyMethod { position: relative; float: left; width: 100%; margin-bottom: 40px; border-top: 2px dotted #868891; color: #7d7d7d; } .report_surveyMethod td { padding-top: 40px; font-size: 14px; line-height: 130%; text-align: left; } .report_surveyMethod td strong { display: block; margin-bottom: 5px; color: #454551; font-size: 15px;} .report_surveyMethod td a { color: #4a4ad3;} /* 리포트 : 뷰 : 하단에 리포트 목록 : 191126 추가 */ .report_view_lst { position: relative; float: left; width: 100%;} .report_view_lst th { background:#bfc5d0; font-size: 12px; text-align: center;} .report_view_lst th:first-child { width: 10%;} .report_view_lst th:last-child { width: 13%;} .report_view_lst td { padding: 6px 2px 3px 2px; border-bottom: 1px solid #e7e9ed; color:#7c828d; font-size: 11px; text-align: center; vertical-align: top; line-height: 120%; } .report_view_lst td:nth-child(2) { text-align: left;} .report_view_lst td:nth-child(2) a { color:#4d4f59; font-size: 12px; } .report_view_lst td:last-child { font-size: 10px; letter-spacing: -0.04em;} .report_view_lst tr.now td { color:#000000; font-weight: bold;} /* 리포트 : 뷰 : 문의 */ .board_view_con .report_ContactUs { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs td a { display: inline-block; margin-left: 5px; color:#000000; } .board_view_con .report_ContactUs td p { display: block; margin-bottom: 13px; line-height: 120%; } .board_view_con .report_ContactUs_center { position: relative; width: 100%; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center;} .board_view_con .report_ContactUs_center td { padding: 30px 20px; color:#818491; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_center td p { margin-bottom: 10px;} .board_view_con .report_ContactUs_center td span.kimmh { display: inline-block; margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_center td span.jungks { display: inline-block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_center td span.choisj { display: inline-block; margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_center td span.johw { display: inline-block; margin: 2px 76px 0 0; color: #000000; } .board_view_con .report_ContactUs_center td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_travel { position: relative; width: 100%; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center;} .board_view_con .report_ContactUs_travel td { padding: 30px 20px; color:#818491; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_travel td p { margin-bottom: 10px;} .board_view_con .report_ContactUs_travel td span.kimmh { display: block; margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel td span.jungks { display: inline-block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel td span.choisj { display: inline-block; margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel td span.johw { display: inline-block; margin: 2px 76px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_travel2 { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs_travel2 td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_travel2 td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs_travel2 td a { color:#000000; } .board_view_con .report_ContactUs_travel2 td p { display: block; margin-bottom: 13px; line-height: 120%; } .board_view_con .report_ContactUs_travel3 { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs_travel3 td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_travel3 td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs_travel3 td a { color:#000000; } .board_view_con .report_ContactUs_travel3 td p { display: block; margin-bottom: 13px; line-height: 120%; } .board_view_con .report_ContactUs_travel4 { position: relative; width: 100%; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center;} .board_view_con .report_ContactUs_travel4 td { padding: 30px 20px; color:#818491; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_travel4 td p { margin-bottom: 10px;} .board_view_con .report_ContactUs_travel4 td span.kimmh { display: block; margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel4 td span.ns { display: block; margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel4 td a { color: #414249; } .board_view_con .report_ContactUs_econo { position: relative; width: 100%; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo td { padding: 30px 20px; color:#818491; font-size: 13px; line-height: 150%; } .board_view_con .report_ContactUs_econo td p { margin-bottom: 10px; font-size: 14px; text-align: left; } .board_view_con .report_ContactUs_econo td span { font-size: 15px;} .board_view_con .report_ContactUs_econo td span.parkkh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo td span.kimyh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo td a { color: #414249; } .board_view_con .report_ContactUs_econo2 { position: relative; width: 100%; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo2 td { padding: 30px 20px; color:#818491; font-size: 13px; line-height: 150%; } .board_view_con .report_ContactUs_econo2 td p { margin-bottom: 10px; font-size: 14px; text-align: left; } .board_view_con .report_ContactUs_econo2 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo2 td span.parkkh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo2 td span.kimyh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo2 td a { color: #414249; } .board_view_con .report_ContactUs_econo3 { position: relative; width: 100%; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo3 td { padding: 30px 20px; color:#818491; font-size: 13px; line-height: 150%; } .board_view_con .report_ContactUs_econo3 td p { margin-bottom: 10px; font-size: 14px; text-align: left; } .board_view_con .report_ContactUs_econo3 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo3 td span.ljh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo3 td a { color: #414249; } .board_view_con .report_ContactUs_econo4 { position: relative; width: 100%; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo4 td { padding: 30px 20px; color:#818491; font-size: 13px; line-height: 150%; } .board_view_con .report_ContactUs_econo4 td p { margin-bottom: 10px; font-size: 14px; text-align: left; } .board_view_con .report_ContactUs_econo4 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo4 td span.ljh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo4 td span.kimyh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo4 td a { color: #414249; } .board_view_con .report_ContactUs_shopping { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs_shopping td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_shopping td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs_shopping td a { color:#000000; } .board_view_con .report_ContactUs_shopping td p { display: block; margin-bottom: 13px; line-height: 120%; } .board_view_con .report_ContactUs_shopping2 { position: relative; width: 100%; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_shopping2 td { padding: 30px 20px; color:#818491; font-size: 13px; line-height: 150%; } .board_view_con .report_ContactUs_shopping2 td p { margin-bottom: 10px; font-size: 14px; text-align: left; } .board_view_con .report_ContactUs_shopping2 td span { font-size: 15px;} .board_view_con .report_ContactUs_shopping2 td span.pkh { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping2 td span.jdw { display: block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping2 td a { color: #414249; } .board_view_con .report_ContactUs_auto { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs_auto td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_auto td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs_auto td a { display: inline-block; color:#000000; } .board_view_con .report_ContactUs_auto td p { display: block; margin-bottom: 13px; line-height: 120%; } .board_view_con .report_ContactUs_kd { position: relative; float: left; width: 100%; border: 1px solid #e3e7f0; background:#f6f8fc;} .board_view_con .report_ContactUs_kd td { padding: 30px 30px; color:#7d7d7d; font-size: 13px; text-align: left; line-height: 130%; } .board_view_con .report_ContactUs_kd td span { display: block; margin-top: 5px; color:#000000; } .board_view_con .report_ContactUs_kd td a { display: inline-block; color:#000000; } .board_view_con .report_ContactUs_kd td p { display: block; margin-bottom: 13px; line-height: 120%; } /* aimm 이주의 신차 게시판 보도자료 하단 */ .aimm_go { display: flex; justify-content: center; width: 100%; margin: auto; } .aimm_go a { width: 50%; padding: 12px 5px; margin-right: 5px; border: 1px solid #ce1b22; border-radius: 4px; background: #ce1b22; color: #fff; font-weight: 500; font-size: 14px; text-align: center; letter-spacing: -0.05em;} .aimm_go a:last-child { margin-right: 0; } .aimm_go a:hover { background: #ab0007; } .aimm_sns { margin-top: 30px; } .aimm_sns p { font-size: 15px; text-align: center;} .aimm_sns ul { clear: both; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 30px; border-top: none;} .aimm_sns ul li { clear: both; width: auto; padding: 0; margin-right: 10px; border-top: none;} .aimm_sns ul li:last-child { margin-right: 0; border-bottom: none;} .aimm_sns ul li a { clear: both; } .aimm_sns ul li img { margin-top: 0;} /* 금융 리포트 버튼 230130 */ .finance_report_btn { display: flex; justify-content: center;} .finance_report_btn a { display: block; width: 250px; padding: 12px 0; padding-left: 30px; border: 1px solid #ce1b22; border-radius: 100px; background: #ce1b22 url(../img/go_icon.png) right 5px center no-repeat; background-size: 15%; color: #fff; font-weight: 500; font-size: 16px; } /* 211112 보도자료 하단 연락처 문의 수정 */ .report_Contact { position: relative; width: 100%; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center; line-height: 140%;} .report_Contact td { padding: 10px; color:#818491; font-size: 14px; } .report_Contact p { display: block; margin-bottom: 20px; } .report_Contact dl { color: #000; font-size: 13px;} .report_Contact dl:last-child { margin-top: 20px;} /* 220211 보도지료 하단 문의처 통일 */ .Contactnew_p { text-align: center; padding-bottom: 10px;} .Contactnew_tr1 { width: 100%; margin: auto; text-align: left; } .Contactnew_tr1 th { width: 30%; padding: 10px 0; padding-left: 20px; padding-right: 10px; background: #ecf0f7; font-size: 13px; line-height: 150%;} .Contactnew_tr1 td { display: block; padding: 5px 0; padding-left: 10px; background: #f6f8fc; font-size: 13px; line-height: 150%;} .Contactnew_tr2 { width: 100%; margin: auto; text-align: left; } .Contactnew_tr2 th { width: 40%; padding: 5px; padding-left: 20px; border-bottom: 1px solid #fff; background: #ecf0f7; font-size: 13px; line-height: 150%;} .Contactnew_tr2 td { display: block; padding: 5px 0; padding-left: 10px; background: #f6f8fc; border-bottom: 1px solid #fff; font-size: 13px; line-height: 150%;} .Contactnew_tr2 tr:last-child th { border-bottom: 1px solid #fff; } .Contactnew_tr2 tr:last-child td { border-bottom: 1px solid #fff; } .Contactnew_tr2 tr:last-child td:nth-child(2) { border-bottom: 1px solid #fff;} .Contactnew_tr3 { width: 100%; margin: auto; text-align: left; } .Contactnew_tr3 th { width: 40%; padding: 5px; padding-left: 20px; border-bottom: 1px solid #fff; background: #ecf0f7; font-size: 13px; line-height: 150%;} .Contactnew_tr3 td { display: block; padding: 5px 0; padding-left: 10px; border-bottom: 1px solid #fff; background: #f6f8fc; font-size: 13px; line-height: 150%;} .Contactnew_tr3 tr:last-child th { border-bottom: 1px solid #fff; } .Contactnew_tr3 tr:last-child td { border-bottom: 1px solid #fff; } .Contactnew_tr3 tr:last-child td:nth-child(2) { border-bottom: 1px solid #fff;} .Contactnew_tr4 { width: 100%; margin: auto; text-align: left; } .Contactnew_tr4 th { width: 35%; padding: 5px; padding-left: 20px; border-bottom: 1px solid #fff; background: #ecf0f7; font-size: 13px; line-height: 150%;} .Contactnew_tr4 td { display: block; padding: 5px 0; padding-left: 10px; border-bottom: 1px solid #fff; background: #f6f8fc; font-size: 13px; line-height: 150%;} .Contactnew_tr4 tr:last-child th { border-bottom: 1px solid #fff; } .Contactnew_tr4 tr:last-child td { border-bottom: 1px solid #fff; } .Contactnew_tr4 tr:last-child td:nth-child(2) { border-bottom: 1px solid #fff;} /* 211223 리포트 내 모달 팝업 */ .mbtn { cursor: pointer;} .modal { overflow: auto; display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);} .modal-content { width: 950px; padding: 10px; margin: 5% auto; border: 1px solid #888; background: #fefefe; } .modal-content img { max-width: 100%; margin: 0; } .mclose { float: right; color: #aaa; font-weight: bold; font-size: 35px; } .mclose:hover,.mclose:focus { color: black; text-decoration: none; cursor: pointer;} /* 리포트 뷰 : 데이터바우처 버튼 스타일 */ .board_view_con td a.kdata { display: inline-block; width: 27%; padding: 10px 14px 10px 0; margin-bottom: 10px; border-radius: 30px; background:#9c44ff url(https://www.consumerinsight.co.kr/img/icon_download_white.png) 87% center no-repeat; color:#ffffff; font-size: 15px; text-align: center; letter-spacing: -0.05em; } .board_view_con td a.kdatastore { display: inline-block; width: 50%; padding: 10px 20px 10px 0; border-radius: 30px; background:#5402c3 url(https://www.consumerinsight.co.kr/img/icon_ArrowRight_blue.png) 85% center no-repeat; color:#ffffff; font-size: 15px; text-align: center; letter-spacing: -0.05em; } .board_view_con .report_ContactUs_kdata { position: relative; float: left; width: 100%; border: 1px solid #ecf0f6; background:#f6f8fc;} .board_view_con .report_ContactUs_kdata td { padding: 25px 0 25px 15px; color:#9098a8; font-size: 13px; text-align: left; line-height: 160%; } .board_view_con .report_ContactUs_kdata td a { display: inline-block; margin-left: 5px; color:#484e5a; } .board_view_con .report_ContactUs_kdata td p { display: block; margin-bottom: 10px; color: #000000; font-size: 15px; text-align: center; } .board_view_con .report_ContactUs_kdata td span { display: block; margin-top: 5px; color: #000000; font-size: 14px; } /* 21-6 �뿬�뻾 蹂대룄�옄猷� �븯�떒 �몴 210525 */ .vaccine_figures { width: 100%; padding-top: 50px; margin: 0 auto; font-size: 11px; text-align: center; } .vaccine_figures table { width: 100%; } .vaccine_figures table td { line-height: 130%;} .vaccine_figures table tr:nth-child(3) { border-top: 1px solid #d2d3d5; } .vaccine_figures table td:first-child { height: 20px; font-weight: bold; text-align: center; } .vaccine_figures table td.left { height: 20px; padding-left: 5px; text-align: left; } .vaccine_figures table td span { display: block; } /* 21-6 �뿬�뻾 蹂대룄�옄猷� �븯�떒 �몴 �쁺臾� 210527 */ .vaccine_figures_en { width: 100%; padding-top: 50px; margin: 0 auto; font-size: 11px; text-align: center; } .vaccine_figures_en table { width: 100%; } .vaccine_figures_en table td { line-height: 130%;} .vaccine_figures_en table tr:nth-child(3) { border-top: 1px solid #d2d3d5; } .vaccine_figures_en table tr td:first-child { width: 10%; } .vaccine_figures_en table tr td:nth-child(2) { width: 70%; } .vaccine_figures_en table tr td:nth-child(3) { width: 20%; } .vaccine_figures_en table td:first-child { height: 20px; font-weight: bold; text-align: center; } .vaccine_figures_en table td.left { height: 20px; padding-left: 5px; text-align: left; } .vaccine_figures_en table td span { display: block; } /* 통합 검색 결과 */ .voc_search_result { position: relative; float: left; width: 100%; padding-top: 10px; margin: 10px 0 15px 0; border-top: 2px solid #666666; border-bottom: 1px solid #e7e7e7;} .voc_search_result p { padding-top: 10px; padding-bottom: 10px; font-weight: bold; } .voc_search_result span.tit { display: inline-block; padding-top: 10px; line-height: 150%; text-decoration: underline; } .voc_search_result span.txt { color: #666666; font-size: 14px; line-height: 150%;} .voc_search_result span.date { display: none; padding-top: 10px; padding-left: 10px; color: #666666; font-size: 14px; line-height: 150%;} .voc_search_result li { position: relative; float: left; width: 100%; padding: 15px 5px; border-bottom: 1px solid #e7e7e7;} .voc_search_result li div { position: relative; float: left;} .voc_search_result li div p { float: left;} .voc_search_result li div img { float: left; width: 14px; margin-top: 3px; margin-right: 5px;} .voc_search_result li div a { float: left;} .voc_search_result li .ad1 { width: 100%; margin-bottom: 5px;} .voc_search_result li .ad1 p:first-child { margin-right: 6px; color:#6d707e; font-size: 14px; } .voc_search_result li .ad1 p:last-child { font-weight: bold; font-size: 16px; } .voc_search_result li .ad1 p.txt_long { margin-right: 6px; color:#6d707e; font-size: 14px; } .voc_search_result li .ad2 { width: 130px; font-size: 14px;} .voc_search_result li .ad3 { font-size: 14px;} .category { float: left; width: 100%; margin: auto; text-align: center;} .category ul { float: left; position: relative; width: 100%; padding-top: 20px; text-align: center; } .category ul li { width: 32%; padding: 3px 0; margin-left: 3px; border-bottom: 0; text-align: center; } .category ul li a { display: inline-block; width: 100%; padding: 10px 0; border: 1px solid #bbbbbb; border-radius: 5px; font-size: 14px; font-weight: bold; } .category ul li a:hover, .category ul li a.on { border: 1px solid #ce1b22; color:#ce1b22; } /* 구독신청 */ #letter { position: relative; float: left; width: 100%;} #letter ul { position: relative; float: left; width: 100%; margin-top: 30px;} #letter li { position: relative; float: left; width: 100%;} #letter li:first-child { padding-top: 70px; padding-bottom: 20px; background:url(../img/icon_letter.png) center top/60px no-repeat; color:#a5a8af; font-size: 13px; text-align: center; line-height: 140%; letter-spacing: -0.03em; } #letter li p { color:#2f1f1f; font-size: 24px; font-weight: bold; line-height: 200%;} #letter li span { color:#ce1b22;} #letter li:last-child { height: 6px; background:url(../img/line_letter.png) center top no-repeat; } #letter dl { position: relative; float: left; width:100%; margin-bottom: 30px;} #letter dl dt { position: relative; float: left; width:100%; padding: 20px 0 5px 0; color:#333333; font-size: 16px; font-weight: bold; } #letter dl dd { position: relative; float: left; width:100%; color:#747e85; font-size: 13px; line-height: 120%;} #letter dl dd.privacy { padding: 10px 15px; background:#f4f5f7; border: 1px solid #e0e4e9; } #letter dl dd input { width: 31%; height: 40px; padding-left: 3px; border: 1px solid #999999; color:#000000; font-size: 14px; font-weight: bold; } #letter dl dd select { width: 31%; height: 40px; padding-left: 1px; border: 1px solid #999999; font-size: 14px; font-weight: bold; } #letter dl dd:last-child { padding-top: 12px; color:#181818;} #letter dl dd:last-child input { float: left; width: 22px; height: 22px; margin-top: -3px; margin-right: 5px; } .letter_comp { position: relative; float: left; width: 100%;} .letter_comp ul { position: relative; float: left; width: 100%; margin-top: 50px; margin-bottom: 30px;} .letter_comp li { position: relative; float: left; width: 100%; padding-top: 60px; background:url(../img/icon_lettercomp.png) center top/60px no-repeat; color:#a5a8af; font-size: 13px; text-align: center; line-height: 140%; letter-spacing: -0.03em; } .letter_comp li p { color:#2f1f1f; font-size: 22px; font-weight: bold; line-height: 200%;} .letter_comp li span { color:#ce1b22;} #letter_list { margin: 0 auto; width: 1000px;} #letter_list ul { position: relative; float: left; width: 100%; margin-top: 40px;} #letter_list li { position: relative; float: left; width: 100%;} #letter_list .area_calendar { position: relative; float: left; margin-right: 20px;} #letter_list .area_calendar .txtdate { width: 140px; height: 25px;} #letter_list a.btn_calendar { position: relative; float: left; width: 70px; height: 30px; padding-top: 5px; padding-left: 7px; margin-right: 5px; border: 1px solid #c9cacd; border-radius: 2px; background:#f7f8fa url('../img/icon_calendar.png') 88% center no-repeat; text-align: left; } #letter_list a.btn_DataExport { position: relative; float: left; width: 110px; height: 30px; padding-top: 5px; margin-left: 5px; border: 1px solid #ef8992; border-radius: 2px; background: linear-gradient(180deg, #ffffff, #f6e7e7); color:#d10013; text-align: center; } #letter_list a.btn_SelectCondition { position: relative; float: left; width: 140px; height: 30px; padding: 5px 0 0 20px; margin-left: 6px; border-radius: 2px; background:#50535d url('../img/icon_SelectCondition.png') 12px center no-repeat; color:#ffffff; text-align: center; } #letter_list a.btn_ClearCondition { position: relative; float: left; width: 140px; height: 30px; padding: 5px 0 0 17px; margin-left: 10px; border: 1px solid #bababa; border-radius: 2px; background:#ffffff url('../img/icon_ClearCondition.png') 12px center no-repeat; color:#50535d; text-align: center; } #letter_list .table_list { position: relative; float: left; width: 100%; color:#454545; font-size: 13px; } #letter_list .table_list th { height: 35px; padding: 0 10px; border-top: 1px solid #b7bbc2; border-right: 1px solid #b7bbc2; border-bottom: 1px solid #b7bbc2; background:#e1e4e9; color:#000000; text-align: center; } #letter_list .table_list th:nth-child(1) { width: 100px;} #letter_list .table_list th:nth-child(2) { width: 210px;} #letter_list .table_list th:nth-child(3) { width: 110px;} #letter_list .table_list th:nth-child(4) { width: 140px; border-left: 1px solid #b7bbc2;} #letter_list .table_list th:last-child { width: 170px; border-left: 1px solid #b7bbc2; border-right: 0px solid #646974;} #letter_list .table_list td { padding: 10px 10px 13px 10px; border-right: 1px solid #c0c3c9; border-bottom: 1px solid #cccccc; font-weight: 700; text-align: center; letter-spacing: -0.05em; } #letter_list .table_list td:first-child { border-right: 1px solid #bcbec1; text-align: left; } #letter_list .table_list td:last-child { border-right: 0px solid #646974;} #letter_list .table_list td.commentq { width: 400px; border-right: 1px solid #e9ebed; color:#000000; font-weight:500; text-align:left; line-height:21px; } #letter_list .table_list td.commenta { width: 400px; border-right: 1px solid #e9ebed; background:#f6f7f9; color:#0c3b9b; font-weight: 500; text-align: left; line-height: 21px; } #letter_list .table_list td.date {width:80px; font-weight:500; color:#989898;} #letter_list a.btn_view { padding: 1px 2px 2px 2px; border: 1px solid #e1e3ea; border-radius: 4px; background:#f8f9fb; color:#3a3a3a; font-size: 12px; line-height: 25px; cursor: pointer;} #letter_list a.btn_answer { padding: 1px 2px 2px 2px; border: 1px solid #ff8380; border-radius: 4px; background:#ffffff; color:#df0a1d; font-size: 12px; line-height: 25px; cursor: pointer;} #letter_list tr.finstatus { background:#fafafa; color:#989898; } /*개인정보취급방침*/ #header_logo { position: relative; float: left; width: 100%; height: 50px; background:#171b28 url(../img/header/ci.png) center center no-repeat; background-size: auto 60%;} #privacy h3 { position: relative; float: left; width: 100%; margin: 25px 0 20px 0; font-size: 24px; color:#000000; font-weight: bold; letter-spacing: -0.06em; } #privacy_tit { position: relative; float: left; width: 100%; padding-left: 15px; margin: 25px 0 20px 0; color:#000000; font-weight: bold; font-size: 24px; letter-spacing: -0.06em; } #privacy { position: relative; float: left; width: 100%; padding: 0 15px 20px 15px;} #privacy dl { position: relative; float: left; width: 100%;} /* #privacy dl dt {position:relative; float:left; width:100%; font-size:16px; font-weight:bold; color:#ce1b22; padding:20px 0 5px 0;} #privacy dl dd {position:relative; float:left; width:100%; font-size:14px; color:#000000; line-height:150%; padding-bottom:5px;} */ #privacy dl dt { position: relative; float: left; width: 100%; padding: 20px 0 5px 0; color:#000000; font-weight: bold; font-size: 16px; } #privacy dl dd { position: relative; float: left; width: 100%; padding-bottom: 5px; color:#62666f; font-size: 14px; line-height: 150%; } #privacy ol { margin-left: 16px;} #privacy ol li { list-style-type: decimal; padding-bottom: 10px;} #privacy ul { padding-top: 10px; margin-left: 30px; } #privacy ul li { list-style-type: lower-roman/*decimal-leading-zero*/;} #privacy ul.dot { margin-left: 30px;} #privacy ul.dot li { list-style-type: disc;} .privacy_btn { position: relative; float: left; width: 100%; padding: 20px 20px 0 0; margin: 10px 0; border-top: 1px solid #c4c8cf; background:#ffffff; color:#000000; font-size: 13px; font-weight: normal; text-align: right; } /* 리포트 : 자동차 메가 트렌드 : 탭*/ .voctrend_tab { display: block; position: relative; float: left; width: 100%; margin-top: 5px;} .voctrend_tab a { float: left; width: 50%; padding: 9px 0 7px 0; border:1px solid #e7e9ec; background:#f9f9f9; color:#74767b; font-size: 14px; text-align: center; line-height: 110%; } .voctrend_tab a.choice { border: 1px solid #ce1b22; background:#ce1b22; color:#FFFFFF; } .voctrend_tab a p { font-size: 11px;} /*아코디언메뉴*/ #accordion { position: relative; float: left; width: 100%; margin-top: 25px;} #accordion p.ment { display: inline-block; position: relative; float: left; color:#898d96; font-size: 12px; } #accordion .openall { position: relative; float: right; padding: 1px 4px 1px 6px; border: 1px solid #e7e9ec; background:#f9f9f9; color:#666666; font-size: 11px; } #accordion .openall img { width: 7px; margin-left: 1px;} #accordion ul { position: relative; float: left; width: 100%; margin: 6px 0; border-top: 2px solid #666666; border-bottom: 1px solid #666666; color:#000000; font-size: 14px; letter-spacing: -0.02em; } #accordion ul li { position: relative; float: left; width: 100%;} #accordion ul li .q { margin: 0; border-top: 1px solid #dddddd; line-height: 140%;} #accordion ul li .q span { display: block; margin-left: 15px;} #accordion ul li:first-child .q { border-top: none;} #accordion ul li .q img { display: inline-block; position: absolute; top: 18px; right: 5px; width: 12px; } #accordion ul li .q a.trigger { display: block; padding: 10px 0 10px 5px; background:#f9f9f9; color:#333; text-align: left;} #accordion ul .acc_hide .q a.trigger { background: none; font-weight: normal; } #accordion ul li .q a.trigger:hover { background:#f9f9f9;} #accordion ul li .a { display: none; overflow: hidden; width: 100%; } #accordion ul li .a img { display: block; width: 100%; } /* 메인 : 레이어팝업*/ /* #pop {position:absolute; top:-1000px; left:-1000px; width:100px;} #pop { position: absolute; z-index: 10000; top: 7%; left: 5%; width: 70%; border: 0px solid #3E4156; background:#3E4156; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);} #pop img { width: 100%;} #pop .close { float: left; width: 100%; padding: 3px 15px;} #pop .close div { float: left; text-align: left;} #pop #check { float: left; width: 85%; color:#ffffff; font-size: 14px; } #pop #check input { padding-top: 4px; vertical-align: middle; } #pop #close { float: right; width: 15%; text-align: right;} #pop #close a { padding-right: 4px; color:#ffffff; font-size: 14px; font-weight: bold; } */ #pop{position:absolute; width:90%; top:90px; left:5%; background:#e4ecff; z-index:998; -webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7); box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7);} #pop #pop_tx { width: 100%; float:left;} #pop #pop_tx .pop_area { display: flex; flex-direction: column;} #pop #pop_tx h5{font-size:17px; color:#333333; font-weight:600; padding:20px 0; background:#ffffff;} #pop #pop_tx div{width:100%; background:#ffffff; padding:0; line-height: 0;} #pop #pop_tx div p{width:100%; float:left; text-align:left; margin:5px 0;} #pop #pop_tx div .tx_600{border-bottom:1px solid #333333;} #pop img{width:100%;} #pop .close{float:right; padding:5px;} #pop .close div{float:left; text-align:right;} #pop #check{float:left; font-size:12px; color:#5d6474;} #pop #check input{vertical-align:middle;} #pop #close{float:left; font-size:13px; padding-left:5px; font-weight:bold;} #pop #close a{color:#5d6474; float:left; padding-right:4px;} #pop2{position:absolute; width:90%; top:90px; left:5%; background:#e4ecff; z-index:999; -webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7); box-shadow:0px 3px 10px 0px rgba(0,0,0,0.7);} #pop2 #pop_tx{width:100%; float:left;} #pop2 #pop_tx h5{font-size:17px; color:#333333; font-weight:600; padding:20px 0; background:#ffffff;} #pop2 #pop_tx div{width:100%; float:left; background:#ffffff; } #pop2 #pop_tx div p{width:100%; float:left; text-align:left; margin:5px 0;} #pop2 #pop_tx div .tx_600{border-bottom:1px solid #333333;} #pop2 #pop_tx img{width:100%;} #pop2 .close{float:right; padding:5px;} #pop2 .close div{float:left; text-align:right;} #pop2 #check{float:left; font-size:12px; color:#5d6474;} #pop2 #check input{vertical-align:middle;} #pop2 #close{float:left; font-size:13px; padding-left:5px; font-weight:bold;} #pop2 #close a{color:#5d6474; float:left; padding-right:4px;} /*----------------------- 여기까지----------------------- */ .board2 table tr td img { width: 20px; margin-top: 7px;} .board2 table tr td a span { color:#666666; font-size: 12px;} .board2 table tr td a span:hover { color:#999999;} .board_view_paper article { float: left; width: 100%; } .board_view_paper article h4 { margin-bottom: 10px; color:#ce1b22; font-size: 16px; } .board_view_paper article h5 { margin-bottom: 10px; font-size: 14px; } .board_view_paper article h6 { margin-bottom: 5px; font-size: 14px; } .board_view_paper .paper_a1 { margin: 30px 0 50px 0;} .board_view_paper .paper_a1 img { float: left; width: 200px; margin-right: 30px;} .board_view_paper .paper_a1 p { margin-bottom: 10px; line-height: 1.2em; } .board_view_paper .paper_a1 a { float: left; padding: 4px 15px; margin-top: 10px; font-size: 12px;} .board_view_paper .paper_a2 { margin-bottom: 50px;} .board_view_paper .paper_a2 div { float: left; width: 100%; margin: 10px 0;} .board_view_paper .paper_a2 div:last-child { margin-bottom: 0;} .board_view_paper .paper_a2 div h5 { float: left; width: 60px; } .board_view_paper .paper_a2 div p { float: right; width: 720px; } .board_view_paper .paper_a3 div div { margin-bottom: 30px;} /*학술연구 후원(장학사업)*/ #scholar { float: left;width: 100%; } #scholar ul { float: left;width: 100%; margin-top: 40px;} #scholar ul li { float: left;width: 385px; margin-right: 30px; background:#eeeeee; } #scholar ul li:nth-child(2) { margin-right: 0!important;} #scholar ul li h4 { float: left; width: 190px; padding: 10px 10px 10px 23px; background:#ce1b22; color:#ffffff; font-size: 15px; } #scholar ul li h4 img { float: left; width: 20px; margin: 0 10px 0 0;} #scholar ul li:nth-child(2) h4 { padding-left: 38px;} #scholar ul li p { float: left; width: 195px; padding: 10px 20px; font-size: 17px; font-weight: bold; text-align: center; } #scholar ul li p span { font-size: 12px;} #scholar table { width: 100%; float: left; margin: 50px 0; border-top: 2px solid #666666; border-bottom: 1px solid #666666; } #scholar table tr:nth-child(even) { border-bottom: 1px solid #dddddd;} #scholar table tr:last-child { border-bottom: none;} #scholar table tr td { text-align: left;} #scholar table tr td .scholar_logo { width: 210px; margin: 20px 0 20px 50px;} #scholar table tr td .icon_scholar { float: left; width: 18px; margin-right: 8px;} #scholar table tr:nth-child(odd) td { vertical-align: bottom;} #scholar table tr:nth-child(even) td { padding-top: 5px; vertical-align: top; } #scholar table tr td span { font-weight: bold;} #scholar .btn_dgray { float: left; width: 180px; height: 35px; padding: 7px 0; margin-left: 325px; } #scholar .btn_dgray img { float: right; width: 7px; margin: 5px 15px 0 -15px;} /* 7 : 媛�寃⑺몴 */ .contents_rpt { position: relative; float: left; width: 100%;} .contents_rpt h5 { position: relative; float: left; width: 100%; margin: 30px 0 10px 0; color:#4343c1; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; } .contents_rpt h5 { position: relative; float: left; width: 100%; margin: 30px 0 10px 0; color:#3e4349; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; } .contents_rpt p.contents_rpt_depthMenuTit { position: relative; float: left; width: 100%; margin: 30px 0 10px 0; color:#2f343f; font-size: 19px; font-weight: bold; text-align: center; } .contents_rpt .contents_rpt_depthMenu { position: relative; float: left; width: 100%; margin-top: 20px;} .contents_rpt .contents_rpt_depthMenu li { position: relative; float: left; width: 25%; padding: 2px;} .contents_rpt .contents_rpt_depthMenu li a { position: relative; float: left; width: 100%; height: 45px; padding-left: 1px; padding-right: 1px; border: 1px solid #dde2e9; border-radius: 2px; background:#ebeef3; color:#838b99; font-size: 14px; text-align: center; line-height: 120%; letter-spacing: -0.05em; } .contents_rpt .contents_rpt_depthMenu li a span { display: block;} .contents_rpt .contents_rpt_depthMenu li a.current { border: 1px solid #4343c1; background:#4343c1; color:#ffffff; } .contents_rpt .contents_rpt_depthMenu li a.lin1 { padding-top: 10px;} .contents_rpt .contents_rpt_depthMenu li a.lin2 { padding-top: 4px;} .contactus_report1 { position: relative; float: left; width: 100%; margin-bottom: 10px;} .contactus_report1 th { height: 40px; border-right: 1px solid #dadee6; border-top: 2px solid #2e303e; border-bottom: 2px solid #2e303e; color:#2e303e; font-size: 15px; font-weight: bold; text-align: center; line-height: 110%; } .contactus_report1 th:first-child { width: 12%;} .contactus_report1 th:nth-child(2) { width: 38%;} .contactus_report1 th:last-child { width: 22%; border-right: 0;} .contactus_report1 td { padding: 4px 8px; border-right: 1px solid #dadee6; border-bottom: 1px solid #bfc5d0; color:#40464f; font-size: 14px; text-align: center; line-height: 120%; } .contactus_report1 td.align_left { text-align: left;} .contactus_report1 td:last-child { border-right: 0;} .contactus_report_tbl_col3 { position: relative; float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #bfc5d0;} .contactus_report_tbl_col3 th { height: 40px; border-right: 1px solid #dadee6; border-top: 2px solid #2e303e; border-bottom: 2px solid #2e303e; color:#2e303e; font-weight: bold; font-size: 15px; text-align: center; line-height: 110%; } .contactus_report_tbl_col3 th:last-child { border-right: 0;} .contactus_report_tbl_col3 td { width: 33.33333333333%; padding: 4px 1px 3px 8px; border-right: 1px solid #dadee6; color:#40464f; font-size: 14px; line-height: 120%; text-align: left; } .contactus_report_tbl_col3 td:last-child { border-right: 0;} .contactus_report_tbl_col3 td.groupTit { background:#eff2f6; font-weight: bold;} .contactus_report_tbl_col3 td.depth { padding: 1px 10px 3px 10px} .contactus_report_tbl_col3 td.bg { background:#eff2f6;} /* 媛�寃⑺몴 : 援��궡�뿬�뻾吏� */ .contactus_report4-tbl1 { position: relative; float: left; width: 100%; margin-bottom: 10px;} .contactus_report4-tbl1 th { height: 40px; border-right: 1px solid #dadee6; border-top: 2px solid #2e303e; border-bottom: 2px solid #2e303e; color:#2e303e; font-weight: bold; font-size: 15px; text-align: center; line-height: 110%; } .contactus_report4-tbl1 th:first-child { width: 12%;} .contactus_report4-tbl1 th:nth-child(2) { width: 25%;} .contactus_report4-tbl1 th:last-child { width: 24%; border-right: 0;} .contactus_report4-tbl1 td { padding: 4px 3px; border-right: 1px solid #dadee6; border-bottom: 1px solid #bfc5d0; color:#40464f; font-size: 13px; text-align: center; line-height: 120%; } .contactus_report4-tbl1 td:last-child { border-right: 0;} .contactus_report4-tbl2 { position: relative; float: left; width: 100%; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #bfc5d0;} .contactus_report4-tbl2 tr:first-child th { background:#e7eaef;} .contactus_report4-tbl2 tr:nth-child(2) th { background:#f2f4f7;} .contactus_report4-tbl2 th { height:45px; font-size:15px; text-align:center; color:#2e303e; font-weight:bold; line-height:115%; border-right:1px solid #8e8f9a; border-top:2px solid #2e303e; border-bottom:2px solid #2e303e;} .contactus_report4-tbl2 th:last-child { border-right:0;} .contactus_report4-tbl2 td { width:20%; font-size:13px; color:#40464f; text-align:center; letter-spacing:-0.07em; line-height:115%; padding:4px 2px 3px 2px; border-right:1px solid #e7eaef; border-bottom:1px solid #b6bcc3;} .contactus_report4-tbl2 td:last-child { border-right:0;} .contactus_report4-tbl2 span {display:block;} .contactus_report4-tbl3 { position: relative; float: left; width: 100%; margin-bottom: 10px; border-top: 2px solid #2e303e; border-bottom: 1px solid #bfc5d0; font-size: 15px; } .contactus_report4-tbl3 th { height: 35px; border-right: 1px solid #8e8f9a; border-top:px solid #b6bcc3; border-bottom:1px solid #8e8f9a; background:#e7eaef; color:#2e303e; font-weight: bold; font-size: 15px; text-align: center; } .contactus_report4-tbl3 th:last-child { border-right: 0;} .contactus_report4-tbl3 th span { display: block;} .contactus_report4-tbl3 tr:nth-child(2) th:last-child { border-right: 1px solid #8e8f9a;} .contactus_report4-tbl3 tr { border-bottom: 1px solid #b6bcc3;} .contactus_report4-tbl3 tr:nth-child(3) { border-top: 2px solid #2e303e;} .contactus_report4-tbl3 td { width: 20%; padding: 4px 5px 3px 10px; border-right: 1px solid #e7eaef; color:#40464f; font-size: 13px; text-align: center; letter-spacing: -0.06em; } .contactus_report4-tbl3 td:last-child { border-right: 0;} .contactus_report4-tbl3 td:first-child { padding-left: 5px; text-align: left; } .contactus_report_ment { position: relative; float: left; width: 100%; color:#7f8692; font-size: 12px; line-height: 120%;} .contactus_report_ment a.lik1 { display: inline-block; padding: 2px 10px; margin-left: 5px; background:#647183; color:#ffffff; } .contactus_report_ment strong { color:#616976;} .contactus_report_mentBig { position: relative; float: left; width: 100%; color:#000000; font-size: 13px; line-height: 120%;} /* 8 : 게시판 가격표 */ .contents_rpt210309 { position: relative; float: left; width: 100%;} .contents_rpt210309 h5 { position: relative; float: left; width: 100%; margin: 60px 0 10px 0; color: #4343c1; font-weight: bold; font-size: 19px; letter-spacing: -0.01em; } .contents_rpt210309 h5.txt_Gray { position: relative; float: left; width: 100%; margin: 60px 0 10px 0; color: #3e4349; font-weight: bold; font-size: 19px; letter-spacing: -0.01em; } .contents_rpt210309 p.contents_rpt_depthMenuTit { position: relative; float: left; width: 100%; margin: 50px 0 10px 0; color: #2f343f; font-size: 19px; font-weight: bold; text-align: center; } .contents_rpt210309 .contents_rpt_depthMenu { position: relative; float: left; width: 100%; margin-top: 50px;} .contents_rpt210309 .contents_rpt_depthMenu li { position: relative; float: left; width: 25%; padding: 0 2px;} .contents_rpt210309 .contents_rpt_depthMenu li a { position: relative; float: left; width: 100%; height: 55px; padding-left: 3px; padding-right: 3px; border: 1px solid #d3d7df; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ebeef3; color: #646b7a; font-size: 16px; text-align: center; line-height: 125%; letter-spacing: -0.01em; } .contents_rpt210309 .contents_rpt_depthMenu li a span { display: inline-block;} .contents_rpt210309 .contents_rpt_depthMenu li a:hover { color: #4343c1;} .contents_rpt210309 .contents_rpt_depthMenu li a.current { border: 1px solid #4343c1; background: #4343c1; color: #ffffff; } .contents_rpt210309 .contents_rpt_depthMenu li a.lin1 { padding-top: 17px;} .contents_rpt210309 .contents_rpt_depthMenu li a.lin2 { padding-top: 17px;} .contactus_report5_mentBig { position: relative; float: left; width: 100%; margin-top: 30px; font-size: 15px; color: #000000; line-height: 140%; } .contactus_report5_mentBig a { color:#a4a4a4; text-decoration: none;} .contactus_report5_ment a { color: #0015BB; text-decoration: underline; } .contactus_report5_ment a.lik1 { display: inline-block; padding: 2px 10px; margin-left: 5px; background: #647183; color: #ffffff; } .contactus_report5_ment span.strong { font-weight: bold;} .contactus_report5_ment span.txred { color: #B30002;} .contactus_report5_ment span a { color: #B30002; font-weight: bold; text-decoration: underline; } /* 媛�寃⑺몴 : �썡媛� �뿬�뻾�룞�뼢 援щ룆沅� */ .contactus_report5-tbl1_210309 { position: relative; float: left; width: 100%; margin-bottom: 10px;} .contactus_report5-tbl1_210309 th { height: 50px; border-right: 1px solid #dadee6; border-top: 2px solid #2e303e; border-bottom: 2px solid #2e303e; color: #2e303e; font-weight: bold; font-size: 16px; text-align: center; } .contactus_report5-tbl1_210309 th:first-child { width: 25%;} .contactus_report5-tbl1_210309 th:nth-child(2) { width: 25%;} .contactus_report5-tbl1_210309 th:last-child { width: 25%; border-right: 0;} .contactus_report5-tbl1_210309 td { padding: 4px; border-right: 1px solid #dadee6; border-bottom: 1px solid #bfc5d0; color: #40464f; font-size: 14px; text-align: center; } .contactus_report5-tbl1_210309 td:last-child { border-right: 0;} .contactus_report5-tbl2_210309 { position: relative; float: left; width: 100%; margin-bottom: 10px;} .contactus_report5-tbl2_210309 th { height: 35px; border-right: 1px solid #dadee6; border-top: 2px solid #2e303e; border-bottom: 2px solid #2e303e; color: #2e303e; font-weight: bold; font-size: 16px; text-align: center; } .contactus_report5-tbl2_210309 th:first-child { width: 25%;} .contactus_report5-tbl2_210309 th:nth-child(2) { width: 25%;} .contactus_report5-tbl2_210309 th:last-child { width: 25%; border-right: 0;} .contactus_report5-tbl2_210309 td { padding: 4px 0; border-right: 1px solid #dadee6; border-bottom: 1px solid #bfc5d0; color: #40464f; font-size: 14px; text-align: center; } .contactus_report5-tbl2_210309 td:last-child { border-right: 0;} .contactus_report5-tbl2_210309 td span.txblue { color:#0015BB;} .contactus_report5-tbl2_210309 td span.arrow { display: inline-block; padding: 2px; margin: 0 5px 0 5px; border: solid #666666; border-width: 0 2px 2px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .contactus_report5-tbl2_210309 td.align_left { padding-left: 20px; text-align: left; vertical-align: top;} .contactus_report5-tbl2_210309 td span.line { color:#9a9a9a; text-decoration: line-through; } /* 220325 패널기초조사 당첨자 선정 안내 */ .prize_guide { position: relative; width: 100%; margin: 0 auto; padding: 20px; } .prize_guide h3 { color: #000; font-weight: 600; font-size: 28px; text-align: center;} .prize_guide .cont { position: relative; padding: 20px; margin-top: 15px; border: 1px solid #ddd; border-radius: 5px;} .prize_guide .cont h4 { color: #2d62cc; font-weight: 600; font-size: 18px; line-height: 1.4;} .prize_guide .cont h4 + ul { margin-top: 10px;} .prize_guide .cont li { position: relative; padding: 1px 0; font-size: 16px; line-height: 1.4;} .prize_guide .cont li + li { margin-top: 5px;} .prize_guide .cont .dot { padding-left: 10px; } .prize_guide .cont .dot::before { content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #7c7c7c;} .prize_guide .cont .img_box { margin-top: 15px;} .prize_guide .cont .img_box img { width: 100%;} .prize_guide .cont dl { margin-left: 10px; color: #555; font-size: 14px;} .prize_guide .cont dt span { background-image: -webkit-linear-gradient(90deg, #fff796 7px ,transparent 0%); } /* 220530 연례 자동차 리서치 경품 추첨 안내 */ .car_prize_guide { position: relative; margin: 0 auto; padding-bottom: 100px; margin: 10px;} .car_prize_guide h1 { margin-top: 30px; color: #2d62cc; font-weight: 600; font-size: 25px; text-align: center;} .car_prize_guide h1 span { display: block; color: #333;} .car_prize_guide .red { color: #ce1b22; font-size: 22x;} .car_prize_guide .small { display: block; font-size: 15px;} .car_prize_guide .img_area { margin-top: 20px;} .car_prize_guide .img_area img { width: 100%;} .car_prize_guide .benefit { position: relative; padding: 20px 20px 30px 20px; margin-top: 25px; border: 2px solid #ddd; border-radius: 10px; } .car_prize_guide .benefit h2 { position: absolute; top: -2px; left: 18px; width: 44px; height: 52px; padding-top: 11px; background: url(../img/bg_ribbon_tag.png) no-repeat; color: #fff; font-weight: 700; font-size: 16px; text-align: center;} .car_prize_guide .benefit h3 { margin-left: 60px; color: #000; font-weight: 600; font-size: 22px; } .car_prize_guide dl { margin-top: 20px; font-size: 16px;} .car_prize_guide dt { display: inline-block; width: 100px; padding: 5px 0; border-radius: 50px; background: #999; color: #fff; font-weight: 500; text-align: center;} .car_prize_guide dd { margin-left: 10px; margin-top: 10px;} .car_prize_guide dt span { background-image: -webkit-linear-gradient(90deg, #fff796 7px ,transparent 0%); } .car_prize_guide dl + dl { margin-top: 15px;} .car_prize_guide .notice { padding: 20px; margin-top: 30px; border-radius: 10px; background: #f9f9f9;} .car_prize_guide .notice ul { margin-top: 5px; margin-bottom: 10px;} .car_prize_guide .notice li { position: relative; padding: 1px 0; font-size: 15px; line-height: 1.6;} .car_prize_guide .notice .dot { padding-left: 10px; } .car_prize_guide .notice .dot::before { content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #7c7c7c;} .car_prize_guide .btn_area { margin-top: 30px; text-align: center;} .car_prize_guide .btn_area a { display: inline-block; width: 200px; padding: 15px 0; border-radius: 50px; background: #ce1b22; color: #fff; font-weight: 500; font-size: 20px;} /* 기차 화재 관련 “소비자반응 추적조사” 경과 */ .electric_car_survey { margin-top: -50px;} .electric_car_survey h4 { margin-bottom: 30px; font-size: 18px; font-weight: bold; text-align: center;} .electric_car_survey .txt { font-size: 15px; text-align: left; line-height: 1.4;} .electric_car_survey .tbl { width: 100%; margin-top: 20px; margin-bottom: 50px; border-top: 2px solid #999;} .electric_car_survey .tbl tr { border-bottom: 1px solid #ddd;} .electric_car_survey .tbl th { display: block; width: 100%; padding: 10px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background: #f6f6f6; color: #333; font-size: 15px; text-align: center; vertical-align: middle;} .electric_car_survey .tbl td { display: block; width: 100%; padding: 10px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; color: #333; font-size: 15px; text-align: left;} .electric_car_survey .tbl td ol li { position: relative; margin-top: 8px;} .electric_car_survey .tbl td ol li:first-child { margin-top: 0;} .electric_car_survey .tbl td ol li .dot { display: block; padding-left: 12px; text-indent: -2px; line-height: 1.5;} .electric_car_survey .tbl td ol li .dot::before { content: ''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; border-radius: 100px; background: #7c7c7c;} .electric_car_survey .tbl td a.link { color: #0015BB; text-decoration: underline; } .electric_car_survey .tbl td a { display: block; margin-top: 20px; margin-bottom: 5px; color: #ce1b22; font-size: 15px; cursor: pointer; } .electric_car_survey .tbl td .more { padding: 10px; background: #fff6f6; } .electric_car_survey .tbl td .more .list { display: flex; flex-direction: column;} .electric_car_survey .tbl td .more .list span { font-size: 13px; text-align: left; line-height: 1.5;} .electric_car_survey .tbl td .more .list span + span { margin-top: 3px;} .electric_car_survey .tbl td .tilt { display: block; color: #ce1b22; font-style: italic; font-size: 13px; } .layer_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .electric_car_survey .tbl .wrap { } .electric_car_survey .tbl .wrap .qbox { } .electric_car_survey .tbl .wrap .qbox + .qbox { margin-top: 7px;} .electric_car_survey .tbl .wrap .qbox a.btn_layer { margin-top: 0; margin-bottom: 0; color: #333; font-size: 15px; text-align: left;} .electric_car_survey .tbl .wrap .qbox a.btn_layer:hover { text-decoration: underline;} .electric_car_survey .tbl .wrap .qbox .layer_wrap { position: absolute; z-index: 1000; top: 20px; left: 0; width: 100%; height: auto; padding-left: 12px; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 4px; background:#fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); } .electric_car_survey .tbl .wrap .qbox .btn_layer .q_list { display: flex; flex-direction: column;} .electric_car_survey .tbl .wrap .qbox .btn_layer .q_list button { border: none; background: none; line-height: 1.6; text-align: left;} .electric_car_survey .tbl .wrap .qbox .btn_layer .q_list button:hover { text-decoration: underline;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll1 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll2 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll3 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll4 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll5 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll6 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .scroll7 { overflow-y: scroll; height: 400px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .tit { margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 1.5;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .tit.emphasis { display: inline; background: #ffffb4;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .qArea { padding: 10px; border-radius: 4px; background: #f2f2f2; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qArea + .qArea { margin-top: 20px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap dl { text-align: left;} .electric_car_survey .tbl .wrap .qbox .layer_wrap dl + dl { margin-top: 25px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap dl dt { margin-bottom: 10px; font-size: 14px; line-height: 1.5;} .electric_car_survey .tbl .wrap .qbox .layer_wrap dl dd p { font-size: 13px; } .electric_car_survey .tbl .wrap .qbox .layer_wrap dl dd p + p { margin-top: 6px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .txtbox { padding: 12px; margin-bottom: 15px; border: 1px solid #c0d0f0; background: #f9fafd;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .txtbox .tit { font-weight: bold; text-align: center; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .txtbox .body { margin-top: 10px; font-size: 14px; text-align: left; line-height: 1.5;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .sbox { padding: 12px; margin-bottom: 15px; border: 1px solid #c0d0f0; background: #f9fafd; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .sbox p { color: #2d62cc; font-size: 13px; text-align: center; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl { width: 100%; margin-bottom: 15px; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl th { display: inline-block; width: 33.33333%; height: 30px; padding: 8px; border: none; background: none; font-size: 12px; text-align: center; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl td { display: inline-block; width: 33.33333%; padding: 8px; border: none; background: #f9fafd; font-size: 12px; text-align: center; line-height: 1.5;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl tr { border-bottom: 1px solid #c0d0f0;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl tr:first-child { border-top: 1px solid #c0d0f0; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st2 th { width: 100%; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st2 td { display: block; width: 100%; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st3 th { display: block; width: 100%; background: #f9fafd; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st3 td { display: block; width: 100%; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st4 th { width: 100%; background: #e1e8ff; text-align: center; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st4 td { width: 100%; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st5 th { display: block; width: 100%; height: auto; background: #f9fafd; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl.st5 td { display: block; width: 100%; background: #e1e8ff; text-align: left; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .qtbl .gap { display: flex; flex-wrap: wrap; gap: 10px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .bold { font-weight: bold;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .under { text-decoration: underline;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .cred { color: #ce1b22; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .cblue { color: #2d62cc; } .electric_car_survey .tbl .wrap .qbox .layer_wrap .tbg { background: #f2f5ff;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .tbg.tbg2 { background: #e1e8ff;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .tbggr { background: #d3d3d3;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .pl { padding-left: 20px;} .electric_car_survey .tbl .wrap .qbox .layer_wrap .btn_close { display: block; position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; margin-top: 0; background: url(../img/btn_close.png) center no-repeat;} }