@media screen and (min-width:1010px) and (max-width:1079px) { /*/////怨듯넻/////*/ body { min-width: 100%; width: 100%; height: 100%;} html { overflow-y: scroll; width: 100%; height: 100%; } a { text-decoration: none;} #container { position: relative; float: left; width: 100%; /*min-height:100%;*/} #contents { position: relative; float: left; width: 100%; /*min-height:100%;*/} .txt_black { color:#000000;} .txt_gray { color:#7d7d7d;} .txt_red { color:#ce1b22;} .txt_darkgray { color:#2f1f1f;} /* 而⑥뒋癒몃━�룷�듃 �긽�꽭 �븯�떒 怨듯넻 �쁺�뿭 */ .report_imgname { position: relative; float: left; width: 100%; margin-bottom: 40px; color:#7d7d7d; font-size: 12px; text-align: center; } /* �쑀�넻 */ .report_footercom_pr16 { position: relative; float: left; width: 100%; margin-bottom: 30px; border-top: 1px dashed #d8d8d8; color:#7d7d7d; font-size: 14px; text-align: center; line-height: 120%; } .report_footercom_pr16 td p { margin: 50px 0 10px 0;} .report_footercom_pr16 td span { display: inline-block; margin: 5px 10px 0 0;} /* �씠�룞�넻�떊 */ .report_footercom_ins02 { position: relative; float: left; width: 100%; margin-bottom: 30px; border-top: 1px dashed #d8d8d8; color:#7d7d7d; font-size: 14px; text-align: center; line-height: 130%; } .report_footercom_ins02 td { padding-top: 50px;} .report_footercom_ins02 td img { margin: 20px auto;} /* �옄�룞李� */ .report_footercom_car { position: relative; float: left; width: 100%; margin-bottom: 30px; border-top:1px dashed #d8d8d8; color:#7d7d7d; font-size: 12px; text-align: left; line-height: 130%; } .report_footercom_car td { padding-top: 50px;} .report_footercom_car td img { margin: 20px auto;} /* header */ #headwrap { position: relative; float: left; width: 100%; min-height: 100%;} header { display: block; position: relative; width: 100%; margin: 0 auto; } header nav { position: relative; z-index: 200; float: left; width: 100%; margin: 20px 0 0 0; border-bottom: 1px solid #dcdcdc;} header .mainmenu { position: relative; float: left; width: 100%;} .mainmenu_in1 #header_top { width: 100%; margin: 0 auto;} .mainmenu_in1 #header_top a { display:inline-block; z-index: 300; float: left; width: 230px; /*margin-right:30px;*/} .mainmenu_in1 #header_top #top_logo1 { float: right; width: 160px; margin-top: 5px;} .mainmenu_in1 #header_top a.language_Kor { position: absolute; top: -1000px; left: -1000px; font-size: 0; line-height: 0; text-indent: -4000px;} .mainmenu_in1 #header_top a.language_Eng { display: inline-block; float: right; width: 30px; height: 16px; margin-top: 17px; margin-right: 13px; background: url(../img/language_Eng_off.png) center center/30px no-repeat; font-size: 0; text-indent: -4000px; } #top_logo2 { display: none;} .mainmenu_in2 .top_menu { width: 100%; padding-left: 260px; margin: 0 auto; } .mainmenu_in2 .top_menu a { display: inline-block; z-index: 200; float: left; width: 140px; height: 60px; padding-top: 10px; color:#171b28; font-weight: 700; font-size: 18px; text-align: center; } .mainmenu_in2 .sub_menu { display: none; position: absolute; z-index: 100; top: 60px; left: 0; width: 100%; border-bottom: 1px solid #999999; background:#ffffff; font-size: 14px; } .mainmenu_in2 .sub_menu_in { width: 100%; padding: 0 0 0 260px; margin: 0 auto; border-right:1px solid #e8eaed; } .mainmenu_in2 .sub_menu_in div { display: table-cell; width: 140px; padding-bottom: 20px; border-left: 1px solid #e8eaed; vertical-align:top; } .mainmenu_in2 .sub_menu_in div ul li { position: relative; float: left; width: 100%; height: 25px!important;} .mainmenu_in2 .sub_menu_in div ul li a { position: relative; float: left; width: 100%; padding: 4px 0; color:#777777; text-align: center; } .mainmenu_in2 .sub_menu_in div ul li a:hover { background:#ce1b22; color:#ffffff; } .quick_box { float: left; width: 100%; } .quick_box ul { width: 100%; margin: -60px auto 0 auto; color:#999999; font-size: 11px; line-height: 0.3em; } .quick_box ul li { display: inline; float: right;} .quick_box a { padding: 0 5px; color:#999999;} .quick_box a:hover { color:#666666;} #mobile_menu_box { display: none;} .w1080 { width: 90%; margin: 0 auto;} .w1080h3 { float: left; width: 100%; margin: 50px 0; font-size: 24px; } /* 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;} /* Footer : �뙣諛�由� �궗�씠�듃 .familysite {position:relative; float:left; width:100%; height:78px; display:block; border-top:1px solid #d1d5da; border-bottom:1px solid #d1d5da;} .familysite a {height:38px; float:left; padding-top:10px; background:#FFFFFF; color:#515a65; font-size:14px; text-align:left; letter-spacing:-0.01em; } .familysite a.m1 {width:25%; background: url(../img/icon_blank.png) 91% center no-repeat; background-size:13px ; padding-left:2.5%; border-bottom:1px solid #e5e8eb; border-right:1px solid #e5e8eb;} .familysite a.m2 {width:25%; background: url(../img/icon_blank.png) 91% center no-repeat; background-size:13px ; padding-left:2.5%; border-bottom:1px solid #e5e8eb; border-right:1px solid #e5e8eb;} .familysite a.m3 {width:25%; background: url(../img/icon_blank.png) 91% center no-repeat; background-size:13px ; padding-left:2.5%; border-bottom:1px solid #e5e8eb; border-right:1px solid #e5e8eb;} .img_measure{display:none; width:20px; } */ .familysite { position: relative; float: left; width: 100%; border-top: 1px solid #d1d5da; border-bottom: 1px solid #d1d5da;} .familysite ul { margin: 0 auto; width: 1000px;} .familysite li { position: relative; float: left; width: 25%; border-left: 1px solid #d1d5da;} .familysite li:last-child { border-right: 1px solid #d1d5da;} .familysite a { float: left; width: 100%; height: 35px; padding-top: 7px; padding-left: 20px; background: url(../img/icon_blank.png) 92% center/13px no-repeat; color: #515a65; font-size: 15px; text-align: left; letter-spacing: -0.01em; } /* Footer : SNS */ footer .footer_sns { display: block; position: relative; float: left; width: 100%; height: 50px; margin-top: 40px; text-align: center; } footer .footer_sns a { display: inline-block; position: relative; width: 30px; height: 30px; border: 1px solid #b8bcc8; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; } footer .footer_sns a.facebook { background:url(../img/icon_facebook.png) center center no-repeat; background-size:30px ; text-indent: -4000px; } footer .footer_sns a.naverpost { background:url(../img/icon_naverpost.png) center center no-repeat; background-size:23px ; text-indent: -4000px;} footer .footer_sns a.youtube { background:url(../img/icon_youtube.png) center center no-repeat; background-size:26px ; text-indent: -4000px;} /*footer .footer_sns a.linkedin {background:#0079b8 url(../img/icon_linkedin.png) center center no-repeat; background-size:30px ; text-indent: -4000px; }*/ /* Footer : Copyright */ footer .copyright { display: block; position: relative; float: left; width: 100%; padding-bottom: 20px; text-align: center; font-size: 13px; } footer .copyright address { display: block; width: 100%; margin: 0 auto; color:#000000; text-align: center; } footer .copyright address p { display: inline-block; padding: 0 10px; margin: 0 10px; border-left: 1px solid #cfcfd5; border-right: 1px solid #cfcfd5; 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: 350px; height: 100px; margin: 0 auto; font-size: 13px; text-align: center; } footer .copyright a { display: inline-block; position: relative; width: 150px; height: 33px; padding-top: 5px; border: 1px solid #8e949d; color:#4a525c; } /* 踰꾪듉 */ .btnbox { position: relative; float: left; width: 100%; padding: 18px 0px 10px 0px; border-top: 0px solid #e6e6e6; text-align: center;} .btnbox .btn_list { width: 100px; margin: 0 auto; } .btnbox .btn_list a { float: left; width: 100%; height: 42px; padding-top: 11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#ce1b22; color:#FFFFFF; font-size: 16px; text-align: center; } .btnbox .btn_list a:hover { padding-top: 9px; border: 2px solid #ce1b22; background:#ffffff; color:#ce1b22; font-weight: 700; } .btnbox a.btn_send { padding: 15px 30px; margin: 0 1px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#ce1b22; color:#FFFFFF; font-size: 16px; text-align: center; } .btnbox a.btn_cancel { padding: 15px 30px; margin: 0 1px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#848891; color:#FFFFFF; font-size: 16px; text-align: center; } .btnbox a.btn_comm { padding: 15px 40px 15px 25px; margin: 0 1px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#ce1b22 url(../img/right/icon_gow.png) 90% center no-repeat; background-size: 8px; color:#FFFFFF; font-size: 16px; text-align:center; } .btnbox a:hover.btn_comm { border: 2px solid #ce1b22; background:#ffffff url(../img/right/icon_gow_on.png) 90% center no-repeat; background-size: 8px; color:#ce1b22; font-weight: 700; } /* �럹�씠吏� */ .paging { position: relative; float: left; width: 100%; margin-top: 20px; font-size: 15px; text-align: center; } .paging a { color:#2d2d2d; padding: 5px 9px 4px 9px; margin: 0 1px; border-radius: 1px; -moz-border-radius:1px; -webkit-border-radius:1px;} .paging a:hover { color:#ce1b22;} .paging a.choice { border:1px solid #ce1b22; background:#ce1b22; color:#ffffff; } .paging a.prev { border: 1px solid #e4e6eb;} .paging a.next { border: 1px solid #e4e6eb;} /* 硫붿씤 : �뒳�씪�씠�뵫 諛곕꼫 */ .slider { position: relative; float: left; width: 100%;} .slider img { width: 100%;} .slider .slidebox { position: relative; float: left; width: 100%; height: 100%;} .slider .slidebox .slidetx { position: absolute; top: 0; width: 100%; height: 100%; padding: 3% 10% 0 10%;} .slider .slidebox .slidetx dl { position: relative; float: left; width: 100%; text-align: center; text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);} .slider .slidebox .slidetx dl dt { position: relative; float: left; width: 100%; color:#ffffff; font-weight: 700; font-size: 37px; line-height: 190%; letter-spacing: -0.02em;} .slider .slidebox .slidetx dl dd { position: relative; float: left; width: 100%; color:#ffffff; font-size: 16px; line-height: 160%; } .slider .slidebox .slidetx dl dd a { width: 170px!important; height: 50px!important; padding: 11px 0 0 35px; margin: 30px auto 0 auto!important; border: 2px solid #ffffff; border-radius: 1px; -moz-border-radius:1px; -webkit-border-radius:1px; background:rgba(0, 0, 0, 0.4) url(../img/right/icon_gow.png) 85% center no-repeat; background-size: 8px; color:#ffffff!important; font-size: 17px; text-align: left; } .slider .slidebox .slidetx dl dd a:hover { border: 2px solid #ff0505; color:#ff0505!important; } .slider .slidebox .slidetx2 { position: absolute; top: 0; width: 100%; height: 100%; padding: 6% 10% 0 25%;} .slider .slidebox .slidetx2 dl { position: relative; float: left; width: 100%; text-align: left; text-shadow:1px 0px 0px rgba(0, 0, 0, 0.1);} .slider .slidebox .slidetx2 dl .yl { color: #fffa7b;} .slider .slidebox .slidetx2 dl dt { position: relative; float: left; width: 100%; color:#fff; font-weight: bold; font-size: 45px; line-height: 170%; letter-spacing: -0.02em;} .slider .slidebox .slidetx2 dl dt .tit { display: block; color: #0e1b49; font-family: 'GmarketSansMedium'; font-size: 60px;} .slider .slidebox .slidetx2 dl dt .stxt { display: inline-flex; justify-content: center; align-items: center; padding: 6px 9px 2px 9px; border: 1px solid #fff; color: #fff; font-family: 'GmarketSansMedium'; font-size: 28px; line-height: 1.1; text-align: center;} .slider .slidebox .slidetx2 dl dd p { width: 100%; color:#fff; color: #fff; font-size: 19px; line-height: 140%; } .slider .slidebox .slidetx2 dl dd a { width: 170px!important; height: 50px!important; margin-top: 20px; border: 2px solid #fffa7b; color:#fffa7b!important; font-weight: bold; font-size: 18px; line-height: 50px; text-align: center; } /* 硫붿씤 : 而⑦뀗痢� */ #main { width: 95%; margin: 0 auto; display: block; } #main h3 { position: relative; float: left; width: 100%; height: 45px; padding-left: 10px; margin-top: 15px; border:0px solid #0000ff; color:#ce1b22; font-weight: 900; font-size: 26px; letter-spacing: -0.02em; } #main h3 a { position: relative; float: right; width: 24px; height: 24px; margin-top: -2px; border: 2px solid #ce1b22; border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px; background:#ce1b22; color:#ffffff; font-weight: 900; font-size: 18px; text-align: center; } #main h3 a.btn_letter { position: relative; float: right; width: 100px; height: 24px; padding-left: 20px; padding-top: 3px; margin-top: -2px; border: 1px solid #ce1b22; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#ffffff url(../img/btn_letter.png) 10px center/15px no-repeat; color:#ce1b22; font-weight: normal; font-size: 15px; text-align: center; } #main ul { position: relative; float: left; width: 100%; margin-top: 40px; margin-bottom: 70px;} #main ul li { display: inline; position: relative; float: left; width: 50%; } /* 硫붿씤 : 議곗궗�쓽猶�, �뙣�꼸媛��엯�븞�궡 */ #main div.inquiry { position: relative; float: left; width: 45%; height: 220px; display: inline; background:url(../img/main/main_icon1.png) center 20px no-repeat; border:2px solid #dadada; margin-right:17px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #main div.panel { position: relative; float: left; width: 45%; height: 220px; display: inline; background:url(../img/main/main_icon2.png) center 20px no-repeat; border:2px solid #dadada; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #main div ol { position: relative; float: left; width: 100%; margin-top: 115px; text-align: center; } #main div ol li { position: relative; float: left; width: 100%; padding-bottom: 5px; font-size: 14px; line-height: 110%; } #main div ol li p { display: inline;} #main div ol li.tit { color:#ce1b22; font-weight: 700; font-size: 22px; letter-spacing: -0.05em;} #main div ol li a { display: block; position: relative; width: 100px; padding: 4px 0 3px 0; margin: 5px auto; border:2px solid #ce1b22; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#ce1b22; color:#ffffff; font-size: 14px; text-align: center; } #main div ol li a:hover { border: 2px solid #ce1b22; background:#ffffff; color:#ce1b22; font-weight: 700; } /* 硫붿씤 : Insight Report */ #main dl { position: relative; float: left; width: 100%;} #main dl dt { display: inline; position: relative; float: left; width: 83%; padding-left: 10px; background: url(../img/icon_dot.png) left center no-repeat; color:#3e404e; font-size: 17px; text-align: left; letter-spacing: -0.02em; line-height: 180%; } #main dl dd { display: inline; position: relative; float: left; width: 17%; color:#a8a8a8; font-size: 13px; text-align: right; } #main dl dt a { color:#3e404e;} #main dl dt a:hover { color:#ce1b22;} /* �꽌釉� 鍮꾩＜�뼹 */ #subtop { position: relative; float: left; width: 100%; height: 120px; padding-top: 3px;} .topimg1 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg1.png') left top no-repeat; background-size:cover; opacity:0.9; } .topimg2 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg2.png') left top no-repeat; background-size:cover; opacity:0.9; } .topimg3 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg3.png') left top no-repeat; background-size:cover; opacity:0.9; } .topimg4 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg4.png') left top no-repeat; background-size:cover; opacity:0.9; } .topimg5 { z-index: 1; padding-top: 12px; background:url('../img/header/topimg5.png') left top no-repeat; background-size:cover; 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: 26px; text-align: center; line-height: 140%; letter-spacing: -0.02em; opacity:0.4;} #subtop li:last-child { color:#ffffff; font-size: 16px; opacity: 0.3;} #subtop li.pc_notxt { font-size: 0; line-height: 0; text-indent: -4000px;} #subtop ul.nomenu { overflow: hidden; position: relative; float: left; width: 100%; margin-top: 25px; font-weight: normal; } /* �꽌釉� 硫붾돱 */ #left { position: relative; z-index: 190; float: left; width: 100%; height: 55px; margin-top: -45px; border: 0px solid #2bff49; background:#ffffff; } #left ul { position: relative; float: left; width: 100%;} #left ul li { position: relative; float: left; width: 11.1111%; border-top: 4px solid #ffffff; background:url('../img/pc_submenu_line.png') right center no-repeat; text-align: center; } #left ul li a { position: relative; float: left; width: 100%; padding: 13px 0; color:#686868; font-size: 16px; text-align: center; letter-spacing: -0.07em; } #left ul li a:hover { color:#ce1b22;} #left ul li.on { border-top: 4px solid #ce1b22;} #left ul li.on a { color:#ce1b22;} #left ul li:last-child { background: none;} #left ul li a span { /*display:block; margin-top:-6px;*/ font-size: 0; text-indent: -4000px;} #left ul li a strong { font-size: 0; line-height: 0; text-indent: -4000px;} #left ul.cell3 { position: relative; float: left; width: 100%;} #left ul.cell3 li { position: relative; float: left; width: 33.3333333333333333%; border-top:6px solid #ffffff; background:url('../img/pc_submenu_line.png') right center no-repeat; text-align: center; } #left ul.cell3 li a { position: relative; float: left; width: 100%; padding: 15px 0; color:#686868; font-size: 18px; text-align: center; letter-spacing: -0.02em; } #left ul.cell3 li a:hover { color:#ce1b22;} #left ul.cell3 li.on { border-top: 4px solid #ce1b22;} #left ul.cell3 li.on a { color:#ce1b22;} #left ul.cell3 li:last-child { background: none;} /* 而⑦뀗痢� �쁺�뿭 */ #right { display: inline-block; position: relative; float: left; width: 100%; padding-bottom: 100px; border: 0px solid #ff73ed;} #right h3 { position: relative; float: left; width: 100%; padding-bottom: 25px; margin-top: 70px; background:url('../img/pc_tit_line.png') center bottom no-repeat; font-size: 34px; text-align: center; } #right h5 { position: relative; float: left; width: 100%; padding-left: 20px; margin: 30px 0 10px 0; background:url(../img/h5_ico.png) left center no-repeat; background-size:10px; color:#41454c; font-weight: 600; font-size: 19px; } /*CEO �씤�궗留�*/ #ceo { position: relative; float: left; width: 100%; margin-bottom: 40px;} #ceo .ceo_visual { position: relative; float: left; width: 100%; padding: 60px 0 50px 60px; margin-top: 80px; 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: 35px; text-align: left; line-height: 46px; letter-spacing: -0.02em;} #ceo .ceo_visual ul li.name { padding-top: 30px; color:#000000; font-size: 17px; line-height: 20px; letter-spacing: -0.02em; } #ceo .ceo_visual ul li strong { display: block; font-size: 19px;} #ceo .ceo_visual div.photo { position: absolute; bottom: 0; right: 50px; width: 330px; height: 400px; background:url(../img/ceo_photo.png) left bottom no-repeat; background-size:330px;} #ceo .ceo_visual div.sign { position: absolute; bottom: 30px; left: 200px; width: 120px; height: 50px; background:url(../img/ceo_sign.png) left center no-repeat; background-size:100%;} #ceo .ceo_con { position: relative; float: left; width: 100%; padding: 0 55px; margin-top: 60px; } #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: 17px; text-align: left; line-height: 29px; letter-spacing: -0.05em; } #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%; padding: 60px 0 50px 0; } #ceo .ceo h1 { margin-bottom: 35px; font-size: 30px; text-align: left; line-height: 1.5;} #ceo .ceo h3 { font-size: 20px; text-align: left;} #ceo .ceo p { font-size: 18px; line-height: 1.5;} #ceo .ceo p + p { padding-top: 15px;} #ceo .ceo .bold { font-weight: bold;} #ceo .ceo .line_bg { background: -webkit-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; line-height: ;} #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%; margin-top: 50px; border-top: 2px solid #ce1b22;} #history dl { position: relative; float: left; width: 100%; list-style-type: none;} #history dl dt { position: relative; float: left; width: 10%; padding-top: 22px; border-top: 1px solid #dce0e7; color:#ce1b22; font-weight: 900; font-style: italic; font-size: 20px; text-align: left; } #history dl dd { position: relative; float: left; width: 89%; padding: 20px 0 25px 0; border-top:1px solid #dce0e7; color:#5f6368; font-size: 16px; text-align: left; line-height: 25px; } #history dl dd p { display: block; position: relative; float: left; width: 100%; padding-left: 13px; background:url(../img/icon_dot.png) left 10px no-repeat; } #history dl dd p.txt_Point { color:#000000; font-size: 18px;} #history dl dd a { color:#000000;} #history dl dd a:hover { color:#ce1b22;} /*議곗쭅援ъ꽦*/ #organization { position: relative; float: left; width: 100%; margin-top: 50px;} #organization .pic { position: relative; float: left; width: 100%; height: 486px; background:url(../img/right/organization_pic1.png) center top no-repeat; background-size:400px; font-size: 0; line-height: 0; text-indent: -4000px;} #organization dl { position: relative; float: left; width: 100%; list-style-type: none; border-top: 2px solid #ce1b22;} #organization dl dt { position: relative; float: left; width: 15%; font-size: 18px; text-align: left; line-height: 29px; color:#ce1b22; font-weight: 900; padding: 18px 0 0 20px; border-top:1px solid #dce0e7;} #organization dl dd { position: relative; float: left; width: 85%; font-size: 17px; text-align: left; line-height: 25px; color:#5f6368; padding: 20px 0 35px 0; border-top: 1px solid #dce0e7;} /*�궗�쉶怨듯뿄 �궗�뾽*/ #contribute { position: relative; float: left; width: 100%; margin-top: 40px;} #contribute p.ment { position: relative; float: left; width: 100%; padding: 0 5%; margin-bottom: 30px; font-size: 16px; text-align: center; line-height: 140%; } #contribute ol { display: block; position: relative; width: 60%; margin: 0 auto; } #contribute ol li { position: relative; float: left; width: 44%; padding: 13% 0 4% 0; margin: 0 3%; border: 1px solid #f4d7d7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size: 18px; text-align: center; } #contribute ol li:first-child { background:#ffeded url(../img/contribute_icon1.png) center 18% no-repeat; background-size:20%;} #contribute ol li:last-child { background:#ffeded url(../img/contribute_icon2.png) center 15% no-repeat; background-size:20%;} #contribute ol li p { margin-top: 10px; color:#ce1b22; font-weight: bold; font-size: 22px; } #contribute ul { position: relative; float: left; width: 100%; margin: 40px 0;} #contribute ul li { position: relative; float: left; width: 30%; padding: 1%; border: 1px solid #cccccc;} #contribute ul li:nth-child(2) { margin: 0 5%;} #contribute ul li dl { position: relative; float: left; width: 100%;} #contribute ul li dl dt { position: relative; float: left; width: 100%; height: 60px; 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:80%;} #contribute ul li dl dt.logo2 { background:#f4f4f4 url(../img/contribute_logo2.png) center center no-repeat; background-size:60%;} #contribute ul li dl dt.logo3 { background:#f4f4f4 url(../img/contribute_logo3.png) center center no-repeat; background-size:80%;} #contribute ul li dl dd { position: relative; float: left; width: 100%; padding: 10px; border-bottom: 1px solid #cbced1; font-size: 14px; } #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: 17px; } /*湲�濡쒕쾶�꽕�듃�썙�겕 */ #global { position: relative; float: left; width: 100%; } #global dl { position: relative; float: left; width: 100%; margin-top: 20px;} #global dl dt { position: relative; float: left; width: 100%; padding: 40px 0 10px 0; color:#ce1b22; font-size: 18px; } #global dl dd { position: relative; float: left; width: 100%; padding-bottom: 3px; color:#747e85; font-size: 14px; } #global dl dd.txt_c { position: relative; float: left; width: 100%; border: 1px solid #dddddd; text-align: center; } #global dl dd img { width: 800px; margin: 25px 0;} #global dl dd p { display: inline-block; font-size: 13px;} #global dl dd p:first-child span { margin-right: 5px; color:#ff4e00; } #global dl dd p:last-child span { margin: 0 5px 0 20px; 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: 10px; color:#ce1b22; font-size: 18px; line-height: 20px; } #global .global_con dl dd { position: relative; float: left; width: 33.3333333333333%; padding-left: 10px; background:url(../img/icon_dot.png) left 10px no-repeat; color:#33353b; font-size: 15px; line-height: 22px; } /*�겢�씪�씠�뼵�듃 */ #client { position: relative; float: left; width: 100%;} #client ul { list-style-type: none; width: 100%;} #client ul li { position: relative; float: left; width: 23.4%; 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; } #client ul li.KT { background:url(../img/client/pc/KT.png) center center no-repeat;} #client ul li.KT_m { background:url(../img/client/KT_m.png) center center no-repeat;} #client ul li.LGU { background:url(../img/client/pc/LGU.png) center center no-repeat;} #client ul li.LGHellovision { background:url(../img/client/LGHellovision.png) center center no-repeat;} #client ul li.KBLiivM { background:url(../img/client/KBLiivM.png) center center no-repeat;} #client ul li.tmapmobility { background:url(../img/client/tmapmobility.png) center center no-repeat;} #client ul li.kakaomobility { background:url(../img/client/kakaomobility.png) center center no-repeat;} #client ul li.tmoney { background:url(../img/client/tmoney.png) center center no-repeat;} #client ul li.woowahan { background:url(../img/client/woowahan.png) center center no-repeat;} #client ul li.samsung { background:url(../img/client/samsung.png) center center no-repeat;} #client ul li.Apple { background:url(../img/client/Apple.png) center center no-repeat;} #client ul li.CJEnM { background:url(../img/client/pc/CJEnM.png) center center no-repeat;} #client ul li.MBC { background:url(../img/client/MBC.png) center center no-repeat;} #client ul li.EBS { background:url(../img/client/EBS.png) center center no-repeat;} #client ul li.Netflix { background:url(../img/client/Netflix.png) center center no-repeat;} #client ul li.tving { background:url(../img/client/tving.png) center center no-repeat;} #client ul li.megabox { background:url(../img/client/megabox.png) center center no-repeat;} #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/ci_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: 0px; } #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%; margin-top: 40px;} #map .maparea { position: relative; float: left; width: 100%; height: 500px; background:#000000;} #map dl { list-style-type: none; position: relative; float: left; width: 100%; margin-top: 30px;} #map dl dt { position: relative; float: left; width: 10%; padding: 5px 0 0 20px; color:#ce1b22; font-size: 17px; text-align: left; } #map dl dd { position: relative; float: left; width: 90%; padding: 5px 0 10px 0; color:#5f6368; font-size: 17px; text-align: left; } /* 湲고쉷議곗궗 */ .business1 { position: relative; float: left; width: 100%; margin-top: 50px;} .business1 ul { list-style-type: none; position: relative; width: 80%; margin: 0 auto; } .business1 ul li { position: relative; float: left; width: 100%; padding-bottom: 15px; font-size: 17px; text-align: center; } .business1 p.ment { position: relative; float: left; width: 100%; font-size: 17px; text-align: center;} .business1 ul { list-style-type: none; position: relative; margin: 0 auto; width: 99%; } .business1 ul li { position: relative; float: left; width: 33.333333333333333%; height: 290px; padding: 50px 0; margin-top: 20px; border-top: 1px solid #c1c3ca; border-bottom: 1px solid #c1c3ca; border-left: 1px solid #c1c3ca; text-align: center; } .business1 ul li:nth-child(3) { border-right: 1px solid #c1c3ca;} .business1 ul li:last-child { border-right: 1px solid #c1c3ca;} .business1 ul li .icon1 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon1.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; text-indent: -4000px;} .business1 ul li .icon2 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon2.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; text-indent: -4000px;} .business1 ul li .icon3 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon3.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; text-indent: -4000px;} .business1 ul li .icon4 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon4.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; text-indent: -4000px;} .business1 ul li .icon5 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon5.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; text-indent: -4000px;} .business1 ul li .icon6 { width: 60px; height: 60px; margin: 0 auto; margin-top: 5px; background:#ce1b22 url(../img/survey_icon6.png) center center no-repeat; background-size:50px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; 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-weight: bold; font-size: 21px; } .business1 dl dt span { display: inline-block; padding-left: 5px;} .business1 dl dt span.txt_mini { display: block; width: 100%; font-weight: normal; font-size: 18px; } .business1 dl dd { position: relative; float: left; width: 100%; text-align: center; line-height: 170%;} .business1 dl dd p:first-child { color:#5f6368; font-size: 15px; } .business1 dl dd p:nth-child(3) { margin-top: 7px; color:#5f6368; font-size: 14px; } .business1 dl dd p:last-child { margin-left: -5px; color:#5c616e; font-weight: bold; font-size: 21px; } .business1 table { position: relative; float: left; width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #666666; font-size: 16px; text-align: center; } .business1 th { position: relative; height: 45px; background:#ce1b22; font-weight: 700; color:#ffffff; } .business1 td { position: relative; padding: 15px 0 12px 0; line-height: 1em;} .business1 table tr:nth-child(odd) { background:#f9f9f9;} /* 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; 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: 45%;} .business1-1 ul li:first-child img.SRImg { width: 95%;} .business1-1 dl.srpart { position: relative; width: 450px; 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: 5px; -moz-border-radius:5px;-webkit-border-radius:5px; text-indent: -4000px;} .business1-1 dl.srpart dt:first-child span { background:#ce1b22 url(../img/survey_icon1.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_icon4.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(9) span { background:#ce1b22 url(../img/survey_icon7.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(11) span { background:#ce1b22 url(../img/survey_icon3.png) center center/30px no-repeat;} .business1-1 dl.srpart dt:nth-child(13) span { background:#ce1b22 url(../img/survey_icon6.png) center center/30px no-repeat;} .business1-1 dl.srpart dd { position: relative; float: left; width: 397px; line-height: 120%; text-align: left; letter-spacing: -0.02em; padding-bottom: 15px;} .business1-1 dl.srpart dd p:first-child { color:#2d323b; font-weight: normal; font-size: 15px; } .business1-1 dl.srpart dd p:first-child strong { display: block; color:#ce1b22; font-size:18px; } .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-weight:normal; font-size:15px; } /* 20220203 국대패널 메뉴 추가 */ .kd1-1 { position: relative; float: left; width: 100%; margin-top: 35px;} .kd1-1 h2 span { background: -webkit-linear-gradient(90deg, #ffe479 11px ,transparent 0%)} .kd1-1 h4 { font-size: 25px; text-align: left; } .kd1-1 .txt { font-size: 30px; font-weight: 600; } .kd1-1 .intro { margin-top: 20px;} .kd1-1 .intro li { font-size: 18px; line-height: 180%;} .kd1-1 .intro .intro2 { margin-top: 10px; margin-left: 20px;} .kd1-1 .intro .intro2 li:nth-child(2) { padding-left: 90px;} .kd1-1 .intro .intro2 li:nth-child(3) { padding-left: 70px;} .kd1-1 .ment { font-size: 22px; font-weight: 600; text-decoration: underline;} .kd1-1 .found { display: flex; margin-top: 10px;} .kd1-1 .found li { width: 25%; padding: 15px; margin-left: 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: 10px; 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; margin: 0 auto; padding-bottom: 10px;} .kd1-1 p.end { padding: 0 80px; font-size: 30px; text-align: center; } .kd1-1 .kd_info { margin-top: 20px; font-size: 18px; } .kd1-1 .kd_info li { position: relative; padding-left: 10px; line-height: 180%;} .kd1-1 .kd_info li::before { content: ""; display: block; position: absolute; top: 13px; left: 0; width: 2px; height: 2px; background: #666; } .advantage { margin-top: 80px; } .advantage h6 { color: #ce1b22; font-size: 25px; text-align: left; } .advantage h6 span { background: -webkit-linear-gradient(90deg, #ffe479 11px ,transparent 0%)} .advantage dl { padding: 20px; padding-left: 0;} .advantage dd { position: relative; padding-top: 10px; padding-left: 10px; 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: 10px; border-right: 1px solid #fff; background: #666; color: #fff;} .advantage th:last-child { border-right: 0; } .advantage td { padding: 10px; border-right: 1px solid #666; text-align: left; vertical-align: top;} .advantage td:first-child { vertical-align: middle;} .advantage td:last-child { border-right: 0; } .typicality { width: 100%; margin-top: 80px; } .typicality p { line-height: 150%;} .typicality h4 { font-size: 25px; text-align: left; } .typicality .graph { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 30px; margin-top: 30px; background: #d8d8d8;} .typicality .graph dl { width: 48%; } .typicality .graph dt { font-weight: 600;} .typicality .graph dd { padding-top: 10px;} .typicality .graph dd img { border-radius: 10px;} .typicality .ment { font-size: 13px;} .typicality .recruit { display: flex; width: 100%; margin-top: 30px;} .typicality .recruit .method { width: 49%;} .typicality .recruit .method ul { display: flex; margin-bottom: 20px;} .typicality .recruit .method li { position: relative; width: 20%; padding: 20px; margin-left: 15px; border-right: 1px solid #f3f3f3; border-radius: 5px; background: #e2e9f6;} .typicality .recruit .method li:first-child { margin-left: 0;} .typicality .recruit .method li h6 { color: #0a4da7; font-size: 25px; line-height: 120%; font-weight: 600; letter-spacing: -0.05rem; text-align: center;} .typicality .recruit .method .li::before { content: ""; position: absolute; left: -13px; top: 85px; width: 14px; height: 25px; background: url(../img/step_arrow_icon.png) no-repeat; background-size: 70%;} .typicality .recruit .method li p { height: 120px; padding: 10px; margin-bottom: 0; border-radius: 3px; background: #fff; font-size: 14px; text-align: center;} .typicality .recruit .method p { font-size: 22px; margin-bottom: 10px; } .typicality .recruit .situation { width: 49%;} .typicality .recruit .situation p { font-size: 22px; margin-bottom: 10px; } .typicality .recruit .situation .graph2 { margin-top: 10px;} .typicality .recruit .situation .graph2 p { font-size: 16px;} .typicality .recruit .situation .graph2 img { border-radius: 5px;} .typicality .tbl_horizontal { display: flex; justify-content: space-between; } .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: 20px; 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 { display: flex; justify-content: space-between;} .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: 20px; 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 { height: 25px; padding-left: 20px; 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;} .bg_grey { padding: 5px; background: #d8d8d8;} /* 泥댄뿕湲곕컲 由ъ꽌移� */ .business2 { position: relative; float: left; width: 100%; margin-top: 50px; margin-bottom: 50px;} .business2 ul { list-style-type: none; position: relative; width: 80%; margin: 0 auto; } .business2 ul li { position: relative; float: left; width: 100%; font-size: 15px; text-align: center; } .business2 ul li.tit { padding: 60px 0 30px 0; color:#ce1b22; font-weight: 700; font-size: 22px; } .business2 .business_con4 { margin: 0px auto 20px auto;} .business2 .business_con4_box_1 { width: 30%; height: 40px; padding: 10px 0 9px 0; margin: 0 auto; background:#ce1b22; color:#ffffff; 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: 46%; margin: 0 2%; border: 1px solid #888888; text-align: center; } .business2 .business_con4_box_4 dl dt { height: 40px; padding: 10px 0 9px 0; background:#ce1b22; color:#ffffff;} .business2 .business_con4_box_4 dl dd { height: 40px; padding: 10px 0 9px 0; border-bottom: 1px solid #eeeeee;} .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%; height: 250px; padding: 215px 10px 10px 10px; border: 1px dashed #CE1B22; color:#CE1B22; text-align:center; } .business2 .business_con5 { margin-top: 10px;} .business2 .business_con5 img { display: block; width: 400px; margin: 0 auto; border: 1px solid #dddddd;} .business2 .business_con5 div { float: right; width: 724px; height: 40px; margin-top: 30px; background: rgba(206,27,34,1); background: -moz-linear-gradient(left, rgba(206,27,34,1) 0%, rgba(255,122,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,27,34,1)), color-stop(100%, rgba(255,122,0,1))); background: -webkit-linear-gradient(left, rgba(206,27,34,1) 0%, rgba(255,122,0,1) 100%); background: -o-linear-gradient(left, rgba(206,27,34,1) 0%, rgba(255,122,0,1) 100%); background: -ms-linear-gradient(left, rgba(206,27,34,1) 0%, rgba(255,122,0,1) 100%); 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: 362px; height: 40px; padding: 10px; color:#ffffff; font-size: 16px; text-align: center; } .business2 .business_con5 div p:first-child { border-left: 1px solid #ffffff;} .business2 .business_con5 table { float: left; width: 100%; text-align:center;} .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;} .business2 .business_con5 table tr th:first-child { width: 130px; border-bottom:1px solid #ffffff;} .business2 .business_con5 table tr th:last-child { border-right: none;} .business2 .business_con5 table tr td { width: 335px;} .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: 500;} .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%; margin-top: 50px;} .business3 ul { list-style-type: none; position: relative; margin: 0 auto; width: 80%; } .business3 ul li { position: relative; float: left; width: 100%; font-size: 16px; text-align: left; line-height: 160%;} .business3 ul li.tit { padding-bottom: 10px; font-size: 22px; color:#ce1b22; font-weight: 700; } .business3 .ibp { float: left; width: 100%; } .business3 .ibp #ibp_con1 { float: left; width: 100%; margin-bottom: 70px;} .business3 .ibp #ibp_con1_in { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; border: 1px solid #dddddd; } .business3 #ibp_con1_1 { float: left; width: 100%; } .business3 #ibp_con1_1 h5 { float: left; width: 100%; padding: 15px; margin-top: 0px; margin-bottom: 30px; color:#ffffff; font-size: 16px; text-align: center; background: rgba(255,123,0,1); background: -moz-linear-gradient(left, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,123,0,1)), color-stop(74%, rgba(206,27,33,1)), color-stop(100%, rgba(206,27,33,1))); background: -webkit-linear-gradient(left, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); background: -o-linear-gradient(left, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); background: -ms-linear-gradient(left, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); background: linear-gradient(to right, rgba(255,123,0,1) 0%, rgba(206,27,33,1) 74%, rgba(206,27,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b00', endColorstr='#ce1b21', GradientType=1 );} .business3 #ibp_con1_1>p { float: left; width: 100%; text-align: center; font-weight: 600;} .business3 #ibp_con1_1 ul { width: 100%; float: left; padding: 0 85px; margin-top: 20px; } .business3 #ibp_con1_1 ul li { float: left;} .business3 #ibp_con1_1 ul li:first-child { width: 204px;} .business3 #ibp_con1_1 ul li:nth-child(2) { width: 75px; padding:0 30px;} .business3 #ibp_con1_1 ul li:nth-child(3) { width: 132px;} .business3 #ibp_con1_1 ul li:nth-child(4) { width: 75px; padding:0 10px 0 40px;} .business3 #ibp_con1_1 ul li:last-child { width: 205px;} .business3 #ibp_con1_1 ul li:nth-child(odd) img { display: block; height: 150px; margin: 0 auto; } .business3 #ibp_con1_1 ul li:nth-child(even) img { float: left; width: 15px; 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-top: 25px;} .business3 #ibp_con1_2 { position: relative; float: left; width: 100%; padding: 30px 90px; margin-top: 30px; border-top: 1px dashed #dddddd; } .business3 #ibp_con1_2 #x { position: absolute; z-index: 200; top: 24px; left: 120px; width: 200px; opacity: 0.2; } .business3 #ibp_con1_2 ul { display: inline-block; float: left; width: 255px; margin-right: 30px;} .business3 #ibp_con1_2 ul li { display: inline-block; float: left; width: 125px; padding: 5px 0; margin-bottom: 5px; background:#eeeeee; text-align: center; } .business3 #ibp_con1_2 ul li:nth-child(odd) { margin-right: 5px;} .business3 #ibp_con1_2 #dr { float: left; width: 20px; margin: 22px 26px 0 0; opacity: 0.4; } .business3 #ibp_con1_2 p { float: left; width: 345px; margin-top: 12px; text-align: left; } .business3 .ibp #ibp_con2 table { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; 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;-moz-border-radius:35px;-webkit-border-radius:35px; color:#ffffff; font-weight: 600; text-align: center; line-height: 4.5em;} .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%; margin-bottom: 40px;} #inquiry dl { position: relative; float: left; width: 100%; margin-top: 40px;} #inquiry dl dt { position: relative; float: left; width: 100%; padding-bottom: 10px; color:#ce1b22; font-size: 18px; line-height: 20px; } #inquiry dl dd { position: relative; float: left; width: 100%; padding-bottom: 5px; color:#747e85; font-size: 14px; line-height: 15px; } #inquiry .address { position: relative; float:left; width: 100%; margin: 20px 0 30px 0; border-top: 2px solid #666666; border-bottom: 1px solid #e7e7e7;} #inquiry .address li { position: relative; float:left; width: 100%; padding: 15px 10px; border-bottom: 1px solid #e7e7e7; font-size: 16px; } #inquiry .address li div { position: relative; float:left;} #inquiry .address li div p { float: left; } #inquiry .address li div img { float: left; width: 15px; margin: 3px 6px 0 0;} #inquiry .address li div a { float: left;} #inquiry .address li .ad1 { width: 300px;} #inquiry .address li .ad1 p:first-child { width: 130px; font-weight: 600; color:#ce1b22;} #inquiry .address li .ad1 p:last-child { font-weight: 600;} #inquiry .address li .ad1 p.txt_long { width: 130px; color:#ce1b22;} #inquiry .address li .ad2 { width: 200px; font-size: 15px; padding-right: 20px;} #inquiry .address li .ad3 { width: 300px; font-size: 15px;} #inquiry img { width: 14px; margin-right: 5px;} #inquiry #inform { position: relative; float: left; width:100%; border-top: 2px solid #CE1B22; border-bottom: 2px solid #CE1B22; } #inquiry #inform tr {/*height:60px;*/} #inquiry #inform tr th { width: 20%; padding: 0px 7px; border-bottom: 1px solid #d53b41; background:#CE1B22; color:#ffffff; font-weight: 500; font-size: 15px; text-align: center; /*vertical-align:top;*/ } #inquiry #inform tr:last-child th { border-bottom: none;} #inquiry #inform tr th span { display: inline-block;} #inquiry #inform tr td { width: 80%; padding: 8px 10px; border-bottom:1px solid #e5e5e5;} #inquiry #inform tr:last-child td { border-bottom: none;} #inquiry #inform tr td input { float: left; height: 35px; padding-left: 5px; border: 1px solid #cccccc; color:#000000; font-size: 16px; } #inquiry #inform tr td select { float: left; width: 100px; height: 35px; padding-left: 5px; border: 1px solid #999999;} #inquiry #inform tr td p { float: left; padding: 0 10px; line-height: 2.3em;} #inquiry #company, #inquiry #name { width: 100%;} #inquiry select,#inquiry #tel2,#inquiry #tel3 { width: 100px;} #inquiry table tr td textarea { overflow-y: scroll; width: 100%; height: 100px; padding: 5px; border: 1px solid #cccccc; color:#000000; font-size: 16px; } #inquiry #email1 { width: 100%;} #inquiry #inform tr td .size_w { float: left; width: 100%; height: 40px; padding-left: 5px; border: 1px solid #cccccc; color:#000000; font-size: 18px; } #inquiry #inform tr td .size_w2 { float: left; width: 25%; height: 40px; padding-left: 5px; border: 1px solid #cccccc; color:#000000; font-size: 14px; } #inquiry .privacy_area { position: relative; float: left; width: 100%;} #inquiry .privacy_area table { position: relative; float: left; width: 100%;} #inquiry .privacy_area tr td { width: 100%; padding: 0 0 15px 0; font-weight: normal; text-align: left; } #inquiry .privacy_area tr:first-child { color:#000000; font-size: 16px; letter-spacing: -0.03em;} #inquiry .privacy_area tr:nth-child(2) { color:#ce1b22; font-weight: bold; font-size: 18px; } #inquiry .privacy_area tr:nth-child(4) { color:#747e85; font-size: 14px; } #inquiry .privacy_area tr:last-child { color:#000000; font-size: 16px; } #inquiry .privacy_area input { display: inline-block; float: left; width: 20px; height: 20px; margin: 0 10px 0 0; } #inquiry .privacy_area ul { position: relative; float: left; width: 100%; border: 1px solid #a1a3ad;} #inquiry .privacy_area li { position: relative; float: left; width: 33.3333333333%; padding: 10px 0; border-right: 1px solid #a1a3ad; font-size: 17px; text-align: center; } #inquiry .privacy_area li:last-child { border-right: 0px solid #a1a3ad;} #inquiry .privacy_area li p:first-child { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #a1a3ad;} #inquiry .privacy_area li p:last-child { width: 100%; padding-top: 10px; color:#747e85; font-size: 16px; } #inquiry a.CIPanel { position: relative; float: left; width: 100%; padding-top: 23px; padding-bottom: 21px; padding-left: 29%; border: 1px solid #f7d9da; background:#fcefef url(../img/icon_moment.png) 24% center/38px no-repeat; color:#9a8d8d; font-size: 14px; } #inquiry a.CIPanel p { font-size: 18px;} #inquiry .privacy_area .input_code { margin-top: 10px; } #inquiry .privacy_area .input_code img { width: auto;} #inquiry .privacy_area .input_code .reload { width: 3%; padding-top: 10px; vertical-align: top;} #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; } /*梨꾩슜�븞�궡*/ #recruit { position: relative; float: left; width: 100%; margin-bottom: 40px;} #recruit dl { position: relative; float: left; width: 100%; margin-top: 40px;} #recruit dl dt { position: relative; float: left; width: 100%; padding-bottom: 10px; color:#ce1b22; font-size: 18px; line-height: 20px; } #recruit dl dd { position: relative; float: left; width: 100%; padding-bottom: 5px; color:#747e85; font-size: 14px; line-height: 15px; } #recruit div { float: left; width: 100%; margin-bottom: 50px;} #recruit div table { 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: center;} #recruit div table td:first-child { width: 200px;} #recruit div table td:nth-child(2) { width: 50px;} #recruit div table td:last-child { padding-left: 60px; text-align: left; } #recruit div table td p { margin-left: 5px; line-height: 1.5em!important; text-indent: -5px; } #recruit div a.resume { padding: 3px 0 3px 25px; margin-left: 15px; background: url(../img/icon_hwp.png) left top no-repeat; background-size:23px; color:#666666; font-size: 14px; } #recruit div ol { position: relative; float: left; width: 100%;} #recruit div ol li { position: relative; float: left; width: 100%; padding-left: 33px; padding-bottom: 7px; background: url(../img/icon_dot.png) 20px 9px no-repeat; } #recruit div ol li a { color:#333333; /*text-decoration: underline;*/} #recruit div ol li a:hover { 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: 19%; font-size: 14px; text-align: center; line-height: 120%; } #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) { padding-left: 1%;} #recruit div ul li:last-child { padding-left: 2%;} #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: 32%; height: 220px; padding: 0; background: none;} #recruit div.job ol li:nth-child(2) { width: 36%; padding:0 3%;} #recruit div.job ol li:nth-child(4) { height: 140px;} #recruit div.job ol li:nth-child(5) { height: 140px; width: 36%; padding: 0 3%;} #recruit div.job ol li:last-child { height: 140px;} #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: 90px; padding-top: 35px; margin-bottom: 15px; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#ffffff; font-weight: bold; font-size: 18px; text-align: center; } #recruit div.job ol li dl dd { position: relative; float: left; width: 100%; text-align: left; font-size: 14px; color:#000000; line-height: 110%; padding-left: 10px; background:url(../img/icon_dot.png) 5px 9px no-repeat;} #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%;} /* 由ы룷�듃 : 由ъ뒪�듃 : 寃��깋 */ #searchbox { position: relative; float: left; width: 100%; margin-top: 40px;} #searchbox .sinput { position: relative; float: left; width: 270px; height: 35px; padding-left: 5px; border: 1px solid #bbbbbb; border-right: none; } #searchbox .btn_gray { position: relative; float: left; width: 50px; height: 35px; border: none; background:#525661; font-size: 13px; } #searchbox a.btn_letter { position: relative; float: right; width: 110px; height: 35px; padding-top: 8px ; padding-left: 22px; border: none; border: 1px solid #ce1b22; color:#ce1b22; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#ffffff url(../img/btn_letter.png) 12px center/17px no-repeat; font-size: 16px; text-align: center; } #searchbox a.btn_engReport { position: relative; float: right; width: 50px; height: 35px; padding-top: 9px; margin-left: 10px; border: none; border: 1px solid #ce1b22; color:#ce1b22; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; font-size: 15px; text-align: center; } /* 由ы룷�듃 : 由ъ뒪�듃*/ .board { position: relative; float: left; width: 100%;} .board table { position: relative; float: left; width: 100%; margin: 20px 0 40px 0; border-top: 2px solid #eb0a1e;} .board table tr { border-bottom: 1px solid #dddddd;} .board table th { height: 50px; border-bottom: 1px solid #666666; font-weight: 700; font-size: 16px; } .board table td { height: 50px; padding: 0 10px; font-size: 14px; } .board table td:first-child { color:#666666;} .board table td:nth-child(2) { width: 75%; font-size: 16px; text-align: left; } .board table td a:hover { color:#eb0a1e;} .board table td:last-child { width: 15%; color:#666666;} /* 由ы룷�듃 : 由ъ뒪�듃 �룷�넗 */ .board_photo { position: relative; float: left; width: 100%;} .board_photo .txt { position: relative; z-index: 100; float: left; width: 82%; } .board_photo .thumb { position: relative; float: left; width: 18%;} .board_photo ul { float: left; width: 100%; margin: 20px 0 40px 0; border-top: 2px solid #eb0a1e;} .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: 0 0 7px 30px; color:#000000; font-weight: 600; font-size: 18px; line-height: 1.2em; } .board_photo dl dt p { color:#494b54; font-weight: normal; font-size: 14px; } .board_photo dl dd { position: relative; float: left; width: 100%; padding: 5px 0 0 30px; color:#4a4e5d; font-weight: none; font-size:15px; line-height:1.4em; } .board_photo dl .date { position: relative; float: left; padding-top: 12px; color:#9ca2ab; font-size: 13px; } .board_photo dl .date span { margin-right: 15px;} .board_photo img { position: relative; float: left; width:100%; border:1px solid #eef2f5; /*height:150px;*/} /* 由ы룷�듃 : 酉� */ .board_view { position: relative; float: left; width: 100%; margin-top: 80px;} .board_view div.tit { position: relative; float: left; width: 100%; margin-bottom: 20px;} .board_view div.tit dl { position: relative; float: left; width: 100%; } .board_view div.tit dl dt { position: relative; float: left; width: 100%; padding-bottom: 25px; font-weight: bold; font-size: 27px; letter-spacing: -0.02em; } .board_view div.tit dl dt p { color:#404040; font-weight: normal; font-size: 18px; letter-spacing: 0.01em; } .board_view div.tit dl dd { position: relative; float: left; width: 50%; height: 40px; font-size: 14px; color:#6f7680; border-bottom: 1px #e6e6e6 solid;} .board_view div.tit dl dd:last-child { text-align: right; padding-right:3px;} .board_view div.tit dl dd p { display: inline; height: 14px; margin-left:10px; padding-left:10px; border-left:1px solid #cdd3db;} .board_view div.tit dl dd span { display: inline-block; position: relative; padding:0px 5px 20px 0px;} .board_view div.tit dl dd a.file_doc_kor { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; background:#3d6cc5 url(../img/file_doc.png) center center no-repeat; background-size:100%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .board_view div.tit dl dd a.file_pdf_kor { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; margin-right: 15px; background:#f02823 url(../img/file_pdf.png) center center no-repeat; background-size:100%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .board_view div.tit dl dd a.sns_facebook { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; background:#214486 url(../img/icon_facebook.png) center center no-repeat; background-size:98%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .board_view div.tit dl dd a.sns_nblog { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; background:#00be29 url(../img/btn_nblog.png) center center no-repeat; background-size:100%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .board_view div.tit dl dd a.sns_kakaos { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; background:#faba00 url(../img/btn_snskakaos.png) center center no-repeat; background-size:100%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .board_view div.tit dl dd a.btn_print { display: inline-block; position: relative; bottom: 10px; width: 25px; height: 25px; background:#8d8d8d url(../img/btn_print.png) center center no-repeat; background-size:100%; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } /* 由ы룷�듃 : 酉� : �씠�쟾湲�, �떎�쓬湲� */ .board_view ul { position: relative; float: left; width: 100%; border-top: 2px solid #464646; margin-top: 30px;} .board_view ul li { position: relative; float: left; width: 100%; border-top: 1px solid #dddddd; padding: 15px 0; font-size: 16px;} .board_view ul li p:first-child { display: inline; position: relative; float: left; width: 10%; padding-left: 25px; font-weight: 700; color:#585c62; letter-spacing: -0.01em; } .board_view ul li p:nth-child(3) { display: inline; position: relative; float: left; width: 14%; padding-left: 25px; color:#9b9b9b; text-align: right; letter-spacing: -0.01em; } .board_view ul li a { display: inline; position: relative; float: left; width: 76%; color:#000000; line-height: 16px; } .board_view ul li a p:first-child { display: inline-block; width: 185px; padding: 0; color:#585a63; font-weight: normal; text-align:left; } .board_view ul li p img { width: 15px; margin: 0 0 -2px 3px;} .board_view ul li:last-child { border-bottom: 2px solid #464646;} /* 由ы룷�듃 : 酉� : �궡�슜 */ .board_view_con { position: relative; float: left; width: 100%; font-size: 17px; line-height: 30px; } .board_view_con img { display: block; max-width: 750px; /*max-height:750px;*/ margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 5px;} .board_view_con .txt_point { color:#ce1b22;} /* 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; text-align: left; line-height: 130%; } .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: 13px; text-align: center;} .report_view_lst th:first-child { width: 8%;} .report_view_lst th:last-child { width: 12%;} .report_view_lst td { border-bottom: 1px solid #e7e9ed; color:#6e7480; font-size: 12px; text-align: center; } .report_view_lst td:nth-child(2) { text-align: left;} .report_view_lst td:nth-child(2) a { color:#000000; font-size: 13px; } .report_view_lst td:nth-child(2) a:hover { color:#1a65c1; text-decoration: underline;} .report_view_lst tr.now td { color:#000000; font-weight: bold; letter-spacing: 0.03em;} /* 由ы룷�듃 : 酉� : 臾몄쓽 */ .report_ContactUs { position:relative; float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; border-top: 2px dashed #d8d8d8;} .report_ContactUs td { padding: 40px 0 30px 0; border-top: 1px solid #d8d8d8; color:#7d7d7d; font-size: 14px; line-height: 160%; } .report_ContactUs td span.txt_black { margin-right: 5px; color:#000000; } .report_ContactUs td a { display: inline-block; color:#000000;} /* 由ы룷�듃 酉� : �뜲�씠�꽣諛붿슦泥� 踰꾪듉 �뒪����씪 */ .board_view_con td a.kdata { display: inline-block; width: 27%; padding: 10px 14px 10px 0; margin-bottom: 10px; border-radius: 30px; -moz-border-radius:30px; -webkit-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; -moz-border-radius:30px; -webkit-border-radius:30px; background:#5402c3 url(https://www.consumerinsight.co.kr/img/icon_ArrowRight_blue.png) 85% center no-repeat; font-size: 15px; color:#ffffff; 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; } .board_view_con .report_ContactUs_econo { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_econo td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_econo td span { font-size: 15px;} .board_view_con .report_ContactUs_econo td span.parkkh { display: inline-block; margin: 2px 63px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo td span.kimyh { display: inline-block; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_econo2 { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo2 td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_econo2 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_econo2 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo2 td span.parkkh { margin: 2px 76px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo2 td span.kimyh { margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo2 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_econo3 { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo3 td { padding: 25px 0; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_econo3 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_econo3 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo3 td span.ljh { padding-left: 110px; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo3 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_econo4 { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_econo4 td { padding: 25px 0; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_econo4 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_econo4 td span { font-size: 15px;} .board_view_con .report_ContactUs_econo4 td span.ljh { padding-left: 80px; margin: 2px 76px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo4 td span.kimyh { padding-left: 80px; margin: 2px 10px 0 0; color: #000000; } .board_view_con .report_ContactUs_econo4 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_shopping { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_shopping td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_shopping td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_shopping td span { font-size: 15px;} .board_view_con .report_ContactUs_shopping td span.kimmh { margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping td span.choisj { margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping td span.johw { margin: 2px 11px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_shopping2 { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_shopping2 td { padding: 25px 0; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_shopping2 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_shopping2 td span { font-size: 15px;} .board_view_con .report_ContactUs_shopping2 td span.pkh { padding-left: 90px; margin: 2px 16px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping2 td span.jdw { padding-left: 90px; margin: 2px 30px 0 0; color: #000000; } .board_view_con .report_ContactUs_shopping2 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_travel { position: relative; width: 700px; margin:0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center;} .board_view_con .report_ContactUs_travel td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_travel td p { margin-bottom: 10px; font-size: 14px; text-align: center; } .board_view_con .report_ContactUs_travel td span { font-size: 15px;} .board_view_con .report_ContactUs_travel td span { font-size: 15px;} .board_view_con .report_ContactUs_travel td span.kimmh { display: inline-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; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_travel2 td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_travel2 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_travel2 td span { font-size: 15px;} .board_view_con .report_ContactUs_travel2 td span.kimmh { display: inline-block; margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel2 td span.choisj { display: inline-block; margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel2 td span.johw { display: inline-block; margin: 2px 11px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel2 td span.kimjy { display: inline-block; margin: 2px 77px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel2 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_travel3 { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: left;} .board_view_con .report_ContactUs_travel3 td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_travel3 td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_travel3 td span { font-size: 15px;} .board_view_con .report_ContactUs_travel3 td span.kimmh { display: inline-block; margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel3 td span.choisj { display: inline-block; margin: 2px 50px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel3 td span.johw { display: inline-block; margin: 2px 78px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel3 td span.kimjy { display: inline-block; margin: 2px 77px 0 0; color: #000000; } .board_view_con .report_ContactUs_travel3 td a { margin-left: 15px; color: #414249; } .board_view_con .report_ContactUs_auto { position: relative; width: 700px; margin: 0 auto; margin-bottom: 70px; border: 1px solid #e3e7f0; background: #f6f8fc;} .board_view_con .report_ContactUs_auto td { padding: 25px 65px; color:#818491; font-size: 14px; line-height: 140%; } .board_view_con .report_ContactUs_auto td p { margin-bottom: 10px; font-size: 14px; text-align:center; } .board_view_con .report_ContactUs_auto td span { font-size: 15px;} .board_view_con .report_ContactUs_auto td span.psp { margin: 2px 23px 0 0; color: #000000; } .board_view_con .report_ContactUs_auto td a { margin-left: 15px; color: #414249; } /* aimm 이주의 신차 게시판 보도자료 하단 */ .aimm_go { display: flex; justify-content: center; width: 600px; margin: auto; } .aimm_go a { padding: 12px 20px; margin-right: 20px; border: 1px solid #ce1b22; background: #ce1b22; color: #fff; font-weight: 500; font-size: 18px; text-align: center; } .aimm_go a:last-child { margin-right: 0; } .aimm_go a:hover { background: #ab0007; } .aimm_sns { margin-top: 50px; } .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: 650px; margin: 0 auto; border: 1px solid #e3e7f0; background: #f6f8fc; text-align: center; line-height: 140%;} .report_Contact td { padding: 20px; color:#818491; font-size: 14px; } .report_Contact p { display: block; margin-bottom: 20px; } .report_Contact dl { display: flex; justify-content: center; color: #000; font-size: 13px;} .report_Contact dl dd { padding-left: 10px;} /* 220211 보도지료 하단 문의처 통일 */ .Contactnew_p { text-align: center; padding-bottom: 10px; font-size: 15px;} .Contactnew_tr1 { width: 650px; margin: auto; border-top: 2px solid #aab8d4; text-align: center;} .Contactnew_tr1 th { width: 30%; padding: 10px 0; background: #ecf0f7; font-size: 14px; line-height: 150%;} .Contactnew_tr1 td { padding: 10px 0; padding-left: 20px; background: #f6f8fc; font-size: 14px; line-height: 150%;} .Contactnew_tr1 td:first-child { width: 40%;} .Contactnew_tr1 td:last-child { width: 30%;} .Contactnew_tr2 { width: 650px; margin: auto; border-top: 2px solid #aab8d4; text-align: left;} .Contactnew_tr2 th { width: 30%; padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #ecf0f7; font-size: 14px; line-height: 150%;} .Contactnew_tr2 td { padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #f6f8fc; font-size: 14px; 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 td:first-child { width: 40%;} .Contactnew_tr2 td:last-child { width: 30%;} .Contactnew_tr3 { width: 650px; margin: auto; border-top: 2px solid #aab8d4; text-align: left;} .Contactnew_tr3 th { width: 30%; padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #ecf0f7; font-size: 14px; line-height: 150%;} .Contactnew_tr3 td { padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #f6f8fc; font-size: 14px; 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 td:first-child { width: 40%;} .Contactnew_tr3 td:last-child { width: 30%;} /* 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;} /* �넻�빀 寃��깋 寃곌낵 */ .voc_search_result { position: relative; float: left; width: 100%; padding-bottom: 20px; margin: 30px 0 20px 0; border-bottom:1px solid #e7e9ed;} .voc_search_result p { display: block; margin-top: 10px; font-weight: bold; font-size: 22px; } .voc_search_result span.tit { display: block; float: left; margin-top: 20px; color:#000000; font-size: 18px; } .voc_search_result span.txt { display: block; margin-top: 5px; color:#6d707e; font-size: 16px; } .voc_search_result span.date { float: left; color:#6d707e; font-size: 16px; } .category { float: left; width: 100%; height: 100%; text-align: center;} .category ul li { width: 150px; border: none; text-align: center; } .category ul li a { float: left; width: 50%; padding: 15px 0 0 0; font-weight: bold; font-size: 20px; line-height: 110%; } .category ul li a:hover, .category ul li a.on { color:#ce1b22;} /* 援щ룆�떊泥� */ #letter { margin: 0 auto; width: 600px;} #letter ul { position: relative; float: left; width: 100%; margin-top: 40px;} #letter li { position: relative; float: left; width: 100%; } #letter li:first-child { height: 195px; padding-top: 105px; background:url(../img/icon_letter.png) center top no-repeat; color:#a5a8af; font-size: 15px; text-align: center; line-height: 230%; letter-spacing: -0.02em; } #letter li p { color:#2f1f1f; font-weight: bold; font-size: 32px; } #letter li span { color:#ce1b22;} #letter li:last-child { height: 8px; background:url(../img/line_letter.png) left top no-repeat; } #letter dl { position: relative; float: left; width: 100%; margin-bottom: 30px; } #letter dl dt { position: relative; float: left; width: 100%; padding: 30px 0 8px 0; color:#333333; font-size: 18px; } #letter dl dd { position: relative; float: left; width: 100%; color:#747e85; font-size: 15px; line-height: 140%;} #letter dl dd.privacy { padding: 13px 18px; border: 1px solid #e0e4e9; background:#f4f5f7; } #letter dl dd input { width: 190px; height: 40px; padding-left: 5px; border: 1px solid #999999; color:#000000; font-size: 17px; } #letter dl dd select { width: 190px; height: 40px; padding-left: 5px; border: 1px solid #999999;} #letter dl dd:last-child { padding-top: 12px; color:#181818;} #letter dl dd:last-child input { float: left; width: 22px; height: 22px; margin-right: 5px;} #letter_comp { margin: 0 auto; width: 600px; height: 470px;} #letter_comp ul { position: relative; float: left; width: 100%; margin-top: 120px; margin-bottom: 30px;} #letter_comp li { position: relative; float: left; width: 100%; height: 195px; padding-top: 105px; background:url(../img/icon_lettercomp.png) center top no-repeat; color:#a5a8af; font-size: 15px; text-align: center; line-height: 230%; letter-spacing: -0.02em; } #letter_comp li p { color:#2f1f1f; font-weight: bold; font-size: 32px; } #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; -moz-border-radius:2px; -webkit-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; -moz-border-radius:2px; -webkit-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; background:#50535d url('../img/icon_SelectCondition.png') 12px center no-repeat; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 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; background:#ffffff url('../img/icon_ClearCondition.png') 12px center no-repeat; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 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-right: 1px solid #b7bbc2; border-top: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; color:#989898; font-weight: 500; } #letter_list a.btn_view { padding: 1px 2px 2px 2px; border: 1px solid #e1e3ea; border-radius:4px; -moz-border-radius:4px; -webkit-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; -moz-border-radius:4px; -webkit-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 70%;} #privacy { position: relative; float: left; width: 100%; padding: 0 15px 20px 15px; margin-top: 10px;} #privacy h3 { position: relative; float: left; width: 100%; margin: 25px 0 40px 0;color:#000000; font-weight: 700; font-size: 27px; } #privacy dl { position: relative; float: left; width: 100%;} #privacy dl dt { position: relative; float: left; width: 100%; padding: 20px 0 10px 0; color:#ce1b22; font-weight: 700; font-size: 17px; } #privacy dl dd { position: relative; float: left; width: 100%; padding-bottom: 5px; color:#000000; font-size: 14px; line-height: 1.5em; } #privacy ol { margin-left: 30px;} #privacy ol li { list-style-type: decimal; padding-bottom: 10px;} #privacy ul { margin-left: 30px; padding-top: 10px;} #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 a.btn { position: relative; float: left; width: 100%; padding: 25px 0; margin: 20px 0 50px 0; border:1px solid #c4c8cf; background:#e8ebf0; color:#000000; font-weight: normal; font-size: 17px; text-align: center; } /* 由ы룷�듃 : �옄�룞李� 硫붽�� �듃�젋�뱶 : �꺆*/ .voctrend_tab { display: block; position: relative; float: left; width: 100%; margin-top: 40px;} .voctrend_tab a { float: left; width: 50%; padding: 15px 0 12px 0; border: 1px solid #c1c3c9; background:#FFFFFF; color:#74767b; font-size: 19px; text-align: center; line-height: 110%; } .voctrend_tab a:hover { color:#ce1b22;} .voctrend_tab a.choice { border: 1px solid #ce1b22; background:#ce1b22; color:#FFFFFF; } .voctrend_tab a p { font-size: 13px;} /*�븘肄붾뵒�뼵硫붾돱*/ #accordion { position: relative; float: left; width: 100%; margin-top: 40px;} #accordion p.ment { display: inline-block; position: relative; float: left; color:#898d96; font-size: 14px; } #accordion .openall { position: relative; float: right; padding: 2px 6px 2px 9px; border: 1px solid #dddddd; background:#f9f9f9; color:#666666; font-size: 13px; } #accordion .openall img { width: 11px; margin-left: 2px;} #accordion ul { position: relative; float: left; width: 100%; padding: 0; margin: 15px 0; border-top: 2px solid #666666; border-bottom: 1px solid #666666;} #accordion ul li { position: relative; float: left; width: 100%;} #accordion ul li .q { margin: 0; border-top: 1px solid #dddddd; line-height: 2.5em; } #accordion ul li:first-child .q { border-top: none;} #accordion ul li .q img { float: right; width: 12px; margin-top:14px;} #accordion ul li .q a.trigger { display: block; padding: 5px 15px; background:#f9f9f9; color:#333; font-size: 17px; text-align: left; } #accordion ul li .q a:hover.trigger { color:#ce1b22;} #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 { overflow: hidden; display: none; width: 100%; padding-bottom: 40px; margin: 10px auto; } #accordion ul li .a img { display: block; width: 60%; margin: 20px auto 50px auto;} /* #accordion ul li .aa img {margin:30px auto;} #accordion .openall_1 {margin-top:-25px;} */ /* 메인 : 레이어팝업*/ /* #pop { position: absolute; top: -1000px; left: -1000px; top: 7%; width: 100px;} #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-weight: bold; font-size: 14px; } */ /* 메인 : 레이어팝업*/ #pop { display:; position: absolute; z-index: 10000; top: 7%; left: 5%; border: 0px solid #3E4156; background-color:#3E4156; -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 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-weight: bold; font-size: 14px; } /*----------------------- 여기까지----------------------- */ .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;} /*학술연구 후원(장학사업)*/ #scholar { float: left; width: 100%; } #scholar ul { float: left; width: 100%; margin-top: 40px;} #scholar ul li { float: left; width: 100%; background:#eeeeee; margin-right: 30px;} #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-weight: 600; font-size: 17px; text-align: center; } #scholar ul li p span { font-size: 12px;} #scholar table { float: left; width: 100%; 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: 600;} #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;} /* 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-weight: bold; font-size: 19px; 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_report_ment { position: relative; float: left; width: 100%; color: #7f8692; font-size: 13px; line-height: 120%;} .contactus_report5_ment { position: relative; float: left; width: 100%; color: #7f8692; font-size: 14px; line-height: 120%;} .contactus_report5_ment a.lik1 { display: inline-block; padding: 2px 10px; margin-left: 5px; background: #647183; color: #ffffff; } .contactus_report5_ment a { color: #0015BB; text-decoration: underline; } .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_mentBig { position: relative; float: left; width: 100%; margin-top: 30px; color: #000000; font-size: 15px; line-height: 140%; } .contactus_report5_mentBig a { color:#a4a4a4; text-decoration: none;} .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; } /* 220530 연례 자동차 리서치 경품 추첨 안내 */ .car_prize_guide { position: relative; width: 100%; margin: 0 auto; padding-bottom: 100px; } .car_prize_guide h1 { margin-top: 80px; color: #2d62cc; font-weight: 600; font-size: 32px; text-align: center;} .car_prize_guide h1 span { color: #333;} .car_prize_guide .red { color: #ce1b22; font-size: 24px;} .car_prize_guide .small { font-size: 18px;} .car_prize_guide .img_area { margin-top: 20px;} .car_prize_guide .benefit { position: relative; padding: 25px 30px 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 { display: flex; align-items: center; margin-top: 20px; font-size: 17px;} .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;} .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: 16px; 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: 300px; padding: 20px 0; border-radius: 50px; background: #ce1b22; color: #fff; font-weight: 500; font-size: 24px;} }