body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .gl_txt01 { font-size:11px; padding-left:3px; } .gl_td01 { background-color: #f5f5f5; border-bottom: #d0d0d0 solid 1px; border-top-color: #ffffff; } .gl_btn01 { margin:0 5px; }@charset "euc-kr"; @import url(https://fonts.googleapis.com/css?family=Roboto); @font-face{ font-family:nsR; font-weight:400; src:url('/font/NanumSquareR.eot'); src:local('¡Ø'), url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareR.woff') format('woff'), url('/font/NanumSquareR.ttf') format('truetype'), url('/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nsB; font-weight:700; src:url('/font/NanumSquareB.eot'); src:local('¡Ø'), url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareB.woff') format('woff'), url('/font/NanumSquareB.ttf') format('truetype'), url('/static/font/NanumSquareB.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nsEB; font-weight:; src:url('/font/NanumSquareEB.eot'); src:local('¡Ø'), url('/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareEB.woff') format('woff'), url('/font/NanumSquareEB.ttf') format('truetype'), url('/font/NanumSquareEB.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:ulR; src:url('/font/UNIVERSLIGHTR.eot'); src:local('¡Ø'), url('/font/UNIVERSLIGHTR.woff') format('woff'), url('/font/UNIVERSLIGHTR.ttf') format('truetype'), url('/font/UNIVERSLIGHTR.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nm; src:url('/font/NanumMyeongjo.eot'); src:local('¡Ø'), url('/font/NanumMyeongjo.woff') format('woff'), url('/font/NanumMyeongjo.ttf') format('truetype'), url('/font/NanumMyeongjo.svg#webfontdeSVIj0D') format('svg') } @font-face { font-family:'shg'; src: url(/font/sh/SeoulHangang.eot); src: url(/font/sh/SeoulHangang.eot?#iefix) format('embedded-opentype'), url(/font/sh/SeoulHangang.woff2) format('woff2'), url(/font/sh/SeoulHangang.woff) format('woff'), url(/font/sh/SeoulHangang.ttf) format('truetype'), url(/font/sh/SeoulHangang.svg#seoulhangangregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'shgBL'; src: url(/font/sh/seoulhangangjangbl.eot); src: url(/font/sh/seoulhangangjangbl.eot?#iefix) format('embedded-opentype'), url(/font/sh/seoulhangangjangbl.woff2) format('woff2'), url(/font/sh/seoulhangangjangbl.woff) format('woff'), url(/font/sh/seoulhangangjangbl.ttf) format('truetype'), url(/font/sh/seoulhangangjangbl.svg#seoul-hangang-jang-bl) format('svg'); font-weight: normal; font-style: normal; } /*{font-family:'ulR','nsR','Malgun Gothic',dotdum;_font-family:'nsR','ulR','Malgun Gothic',dotdum;font-size:14px;line-height:125%;letter-spacing:}*/ body {font-family:"Noto Sans KR", sans-serif,'Malgun Gothic','¸¼Àº °íµñ';font-weight:400;font-size:14px} html,body,p,img,div,input,ul,header,footer,mark,article,ul li,dl,dl dt,dl dd,form,legend,caption,h1,h2,h3,h4,h5,fieldset,label,ol,ol li,xmp{margin:0;padding:0;border:0;list-style-type:none} table{/*border-collapse:collapse;border:0*/} caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0} td,th{padding:0} optgroup label,em{font-style:normal;font-weight:normal} form,p,blockquote,dl,dd,dt{margin:0;padding:0} ul,li,ol{margin:0;padding:0;list-style:none} fieldset{margin:0;padding:0;border:0} img,input.type-image{border:0 none} input,select,textarea{font-size:12px;color:#656565;vertical-align:middle;} select{height:px;} a:link,a:visited{color:#000;text-decoration:none} a:hover,a:active,a:focus{text-decoration:none} input {font-size: 16px;font-family:"Noto Sans KR", sans-serif,'Malgun Gothic','¸¼Àº °íµñ';letter-spacing: -0.5px;/*height: 43px;*/line-height:16px;border: none;padding: 0px 10px 4px 10px;box-sizing: border-box;} textarea,input,select {outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important; cursor:pointer; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0} input[type="radio"],{ opacity: 0; filter: alpha(opacity=0); display: inline-block; position: absolute; z-index: -1; vertical-align: top; appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; } /* -------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- ---------------------------------------2020 02 04 Å°¿öµå ·£µù 2Â÷ PC -------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- */ /* wrap */ .keyword_wrap{width:100%;} .top_bg{width: 100%;background: url(/img/landing/200204_landing_bg.jpg) center 0 no-repeat;position: relative;margin: 0 auto;} .logo_shop{height:105px;background-color:#212181;opacity:0.9;width: 100%;text-align: center;margin: 0 auto;} .logo_shop h1{width:138px;height:56px;background: url(/img/landing/200204_landing_toplogo.png) center center no-repeat;padding-top:40px;text-align: center;margin: 0 auto;display: inline-block;} .gnb{position:relative;background:#050749;height:52px;} .menu{width: 926px;margin: 0 auto;} .menu_wrap{justify-content: space-around;display: flex;width: 960px;line-height: 52px;} .menu_wrap li{} .menu_wrap li a{text-align:center;color:#fff;font-weight: 500;font-size:18px;width:120px;letter-spacing: -1px;text-shadow: 1px 1px 1px rgba(0,0,0,0.6);} .menu_wrap li a:hover{color:#f6d457;} .menu_wrap .on{color:#f6d457;} .call_w{width:926px;position: relative;display: inline-block;} /* »ó´Ü ÅÇ ¸Þ´º */ .tab{height:336px;padding: 61px 0 64px 0;box-sizing: border-box;text-align: center;} .tab_wrap {width:926px;display: inline-flex;text-align: center;} .tab_wrap .m01 {width:205px;text-align: left;margin-left: 32px;} .tab_wrap .m01 .txt {font-size:30px;letter-spacing:-1px;line-height:120%;font-family: 'Malgun Gothic','¸¼Àº °íµñ';color: #000;} .tab_wrap .m01 .txt em{ color:#3c7ffb; font-weight:900} .tab_wrap .m02 {width:720px;background: #fff;height: 208px; box-sizing:border-box} .boxWrap{display:flex;flex-wrap:wrap;border:1px solid #cfd6df;border-bottom:none;border-right:none;background:#fff;justify-content: space-between;} .boxWrap li {border-bottom:1px solid #cfd6df;border-right:1px solid #cfd6df;} .boxWrap li {height:104px;background-size:30px;box-sizing:border-box;width: 16.6%;} .boxWrap li.on {display: flex;border: 7px solid #3c7ffb;position: relative;margin: 0;padding: 0;margin-left: -1px;} .boxWrap li.on a {margin-top:4px} .boxWrap li.on a .txt { position:absolute; bottom:13px} .boxWrap li:nth-child(even) {} .boxWrap li a {position:relative;display: block;width: 100%;height: 100%;text-align: center;font-size: 12px;letter-spacing:-0.08em;background: url(/img/stan_join/sta_listbg.gif) center 0 no-repeat;text-decoration:none !important;box-sizing:border-box;margin-top: 12px;} .boxWrap li a.on {color: #3c7ffb;text-decoration: underline !important;} .boxWrap li a .txt {position:absolute;left:0;bottom: 27px;display:block;width:100%;font-weight:normal;} .boxWrap li a.on .txt {text-decoration:underline;} /* ÅÇ ¸Þ´º ¾ÆÀÌÄÜ */ #mkg1 { background-position: center -14px;}/* 1 */ #mkg2 { background-position: center -125px;}/* 1 */ #mkg3 { background-position: center -236px;}/* 2 */ #mkg4 { background-position: center -347px;}/* 2 */ #mkg5 { background-position: center -458px;}/* 1 */ #mkg6 { background-position: center -569px;}/* 2 */ #mkg7 { background-position: center -682px;}/* 1 */ #mkg8 { background-position: center -791px;}/* 2 */ #mkg9 { background-position: center -902px;}/* 3 */ #mkg10 { background-position: center -1013px;}/* 3 */ #mkg11 { background-position: center -1124px;}/* 3 */ #mkg12 { background-position: center -1221px;} #mkg13 { background-position: center -2694px;}/* 3 */ #mkg14 { background-position: center -3124px;}/* 4 */ #mkg15 { background-position: center -2902px;}/* 4 */ #mkg1.on { background-position: center -1346px;}/* 1 */ #mkg2.on { background-position: center -1457px;}/* 1 */ #mkg3.on { background-position: center -1568px;}/* 2 */ #mkg4.on { background-position: center -1679px;}/* 2 */ #mkg5.on { background-position: center -1790px;}/* 1 */ #mkg6.on { background-position: center -1901px;}/* 2 */ #mkg7.on { background-position: center -2022px;}/* 1 */ #mkg8.on { background-position: center -2131px;}/* 2 */ #mkg9.on { background-position: center -2242px;}/* 3 */ #mkg10.on { background-position: center -2353px;}/* 3 */ #mkg11.on { background-position: center -2464px;}/* 3 */ #mkg12.on { background-position: center -2575px;} #mkg13.on { background-position: center -2805px;}/* 3 */ #mkg14.on { background-position: center -3235px;}/* 4 */ #mkg15.on { background-position: center -3013px;}/* 4 */ /* Áß°£ ÀÔ·ÂÆû */ #key_landing { position:relative;text-align:center} #key_landing .galleryTop {position:relative;width:926px;margin:0 auto;display: inline-flex;border: none;} #key_landingkey_landing .galleryTop:after{content:"";clear:both;display:block} #key_landing .galleryTop .cellL {width:403px;height:221px;position:relative;float:left;border-right:none;border: none;} #key_landing .galleryTop .cellR {width:523px!important;height:221px!important;float:left;background: url("/img/landing/200204_landing_arrow.png") left center no-repeat;background-color: #6694e9;text-align: left;border: none;} #key_landing .galleryTop .cellB {width:926px; height:203px; position:relative; float:left; background-color:#434159;} #key_landing .cellL {background:url(/img/landing/200204_landing_dot.jpg);} #key_landing .kindGood {margin:55px 0px 0px 45px; position:absolute;} #key_landing .kindGood .icon01{left:0px; width:95px; height:95px; background:#ffb61a; text-align:center; border-radius:50px;} #key_landing .kindGood .icon01 img{width: 85px;height: 85px;text-align:center;margin-top:7px;} #key_landing .kindGood .icon02{left:0px; width:95px; height:95px; background:#ffb61a; text-align:center; border-radius:50px;} #key_landing .kindGood .icon02 img{width: 85px;height: 85px;text-align:center;margin-top:3px;} #key_landing .kindGood dt{display:inline-block; vertical-align:top; float:left;} #key_landing .kindGood dd{} #key_landing .kindGood dd.gName{left:154px; display:inline-block; font-size:37px;color:#333; font-weight:900; line-height:36px; letter-spacing:-5px; vertical-align:top; padding:5px 0 0 9px; font-family:'Malgun Gothic'} #key_landing .kindGood dd em{display:block; text-align:left; font-size:14px;color:#333; line-height:17px; letter-spacing:-1px; padding-top:11px; margin-left:4px} #key_landing .join_galleryTop01 .cellL .kindGood {margin:38px 0px 0px 30px; position:absolute;} #key_landing .kindGood .icon01 img{width: 85px;height: 85px;text-align:center;margin-top:7px;} #key_landing .kindGood .icon02{left:0px; width:95px; height:95px; background:#ffb61a; text-align:center; border-radius:50px;} #key_landing .kindGood .icon02 img{width: 85px;height: 85px;text-align:center;margin-top:3px;} #key_landing .kindGood dt{display:inline-block; vertical-align:top; float:left;} #key_landing .kindGood dd{} #key_landing .kindGood dd.gName{left:152px;display:inline-block;font-size: 28px;color:#212181;font-weight:900;line-height:36px;letter-spacing: -4.3px;vertical-align:top;padding:10px 0 0 9px;text-align:left;} #key_landing .kindGood dd em{display:block;text-align:left;font-size: 14px;color:#333;line-height: 19px;letter-spacing: -2px;padding-top: 8px;margin-left: 3px;} #key_landing .kindGood dd em.red{display:block;text-align:left;font-size:15px!important;color: #fe002e;line-height: 20px;letter-spacing: -2px;padding-top: 8px;margin-left: 3px;font-weight: bold;} #key_landing .cellR h1 {font-size:21px; color:#fff; padding:33px 0 0 65px; text-align:left; letter-spacing:-2px} #key_landing .cellR h1 em{color:#212181; font-weight:900; text-decoration:underline;} #key_landing .cellR .xxx {position:relative; display:block; width:285px;} #key_landing .cellR .xxx:after{ content:""; clear:both; display:block} #key_landing .cellR .xxx.item0{margin:15px 0 0 60px;} #key_landing .cellR .xxx.item1{margin: 25px 0 0 65px;} #key_landing .cellR .xxx.item2{margin: 7px 0 0 65px;} #key_landing .cellR .xxx dt {display:block; float:left; height:0px; text-align:left; font-family:'Malgun Gothic'} #key_landing .cellR .xxx dt { text-indent:-9999px} #key_landing .cellR .xxx dd.name {display:inline-block;width: 250px;height: 42px;border: 1px solid #fff;background:#fff;text-align:left;white-space:nowrap;} #key_landing .cellR .xxx dd.name input {width: 92%;white-space:nowrap;} #key_landing .cellR .xxx dd.radio {border:none} #key_landing .cellR .xxx dd input {vertical-align:middle;height: 39px;font-size: 17px;letter-spacing: -1.2px;font-family: 'Malgun Gothic','¸¼Àº °íµñ';} #key_landing .cellR .xxx .radio_btn{display:inline-block;} #key_landing .cellR .xxx .radio_btn a {display:inline-block;width: 126px;height: 44px;font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 18px;color: #fff;line-height: 211%;text-align: center;border: 1px solid #fff;text-decoration:none;box-sizing: border-box;background-color: #6694e9;} #key_landing .cellR .xxx .radio_btn a.ma { margin-left: 0!important; } #key_landing .cellR .xxx .radio_btn a.on {background: #212181!important;color: #fff;border: 1px solid #212181;box-sizing: border-box;} #key_landing .cellR .btn{position:absolute;top: 77px;height:67px;left: 732px;} /***************** Áß°£ ÀÔ·ÂÆû (½ÃÀ庰 ¾ÆÀÌÄÜ) ******************/ /* 01 ¾Ï */ .kl_D03{background:url(/img/landing/200204_landing_ico01.png) no-repeat center center;width: 100px;height: 99px;} /* 02 ¹«ÇØÁöȯ±ÝÇü */ .kl_D18{background:url(/img/landing/200204_landing_ico02.png) no-repeat left center;width: 100px;height: 99px;} /* 03 °Ç°­ */ .kl_D02{background:url(/img/landing/200204_landing_ico03.png) no-repeat center center;width: 100px;height: 99px;} /* 04 ¾î¸°ÀÌ */ .kl_D04{background:url(/img/landing/200204_landing_ico04.png) no-repeat center center;width: 100px;height: 99px;} /* 05 À¯º´ÀÚ */ .kl_D16{background:url(/img/landing/200204_landing_ico05.png) no-repeat left center;width: 100px;height: 99px;} /* 06 ½Ç¹öÄ¡¸Å°£º´ */ .kl_D05{background:url(/img/landing/200204_landing_ico06.png) no-repeat center center;width: 100px;height: 99px;} /* 07 Ä¡¾Æ */ .kl_D17{background:url(/img/landing/200204_landing_ico07.png) no-repeat center center;width: 100px;height: 99px;} /* 08 ¿îÀüÀÚ */ .kl_D10{background:url(/img/landing/200204_landing_ico08.png) no-repeat center center;width: 100px;height: 99px;} /* 09 ÀÇ·á½Çºñ */ .kl_D01{background:url(/img/landing/200204_landing_ico09.png) no-repeat center center;width: 100px;height: 99px;} /* 10 Á¾½ÅÁ¤±â */ .kl_D06{background:url(/img/landing/200204_landing_ico10.png) no-repeat center center;width: 100px;height: 99px;} /* 11 ¿¬±Ý */ .kl_D08{background:url(/img/landing/200204_landing_ico11.png) no-repeat center center;width: 100px;height: 99px;} /* 12 ÁÖÅðñÇÁ */ .kl_D12{background:url(/img/landing/200204_landing_ico12.png) no-repeat center center;width: 100px;height: 99px;} .gallerylist{position:relative; width:926px; margin:0 auto} /* °¶·¯¸®»óÇ°ÅÇ¿µ¿ª */ #goodDeNaviGA_L {position:relative;width:100%;margin: 80px 0 15px 0;} #goodDeNaviGA_L a {display:block;overflow:hidden; float:left; text-decoration:none;padding-top:12px;padding-bottom:12px;margin-bottom:15px; } #gDeTypeGA_L {border-right: 1px solid #fff;background-color: #d2d5da;color: #47555e;font: 12px dotum;text-align: center;padding: 0px 14px 0 14px;} #gDeTypeGA_L.on {background-color: #444a58;color: #fff;font: 14px dotum;padding: 11px 30px 11px 30px;} /* ǪÅÍ¿µ¿ª */ .footer_block {width:100%;padding:47px 0 45px 0;background:#eeeeee; margin-top:60px} .footer_b{width:926px;margin: 0 auto;} .footer_b .b_txt{display:inline-block;margin: 0 0 0 48px;vertical-align: top;} .footer_b .b_txt a{font-family:'Malgun Gothic','¸¼Àº °íµñ'!important; letter-spacing:-1px!important; text-decoration:underline!important;} .b_txt .txt01{color:#666;font-size:14px;font-weight:900;letter-spacing: -0.5px;text-decoration: underline;} .b_txt .txt02{font-family:'Malgun Gothic','¸¼Àº °íµñ';font-size:13px;color:#9c9c9c;line-height: 135%; letter-spacing: -0.5px;} .b_txt .txt02 a{color:#9c9c9c;} h6 {display: inline-block;width:126px;height:51px;background: url(/img/landing/200204_landing_logo.png) center center no-repeat;margin: 25px 0 0 50px!important;opacity: 0.8;} h7 {display: inline-block;width: 134px;height:51px;background: url(/img/landing/200214_landing_logo.png) center center no-repeat;margin: 25px 0 0 50px!important;opacity: 0.8;} address {font-style:normal;font-size:13px;color:#9c9c9c;line-height: 135%;margin: 8px 0;letter-spacing: -0.5px;} /* ÇÏ´Ü Ç÷ÎÆà »ó´ã½ÅûBAR */ .floating_bar{position:fixed;bottom: 0px;z-index: 999;background:#2fc7da;width:100%;height:107px; text-align:center} .floating_bar01{position:fixed;bottom: 0px;z-index: 999;background:#28b5ff;width:100%;height:107px; text-align:center} .floating_wrap{position:relative;display: inline-flex;width:926px;height: 107px;margin: 0 auto;opacity: inherit;} .f_close{position:absolute;top: -23px;right: 2px;background: url(/img/landing/200204_landing_close.png) center center no-repeat;width: 52px;height: 23px; text-indent:-9999px} .f_close01{position:absolute;top: -23px;right: 2px;background: url(/img/landing/200214_landing_close.png) center center no-repeat;width: 52px;height: 23px; text-indent:-9999px} .f_btn{position:absolute;top: 22px;right: 17px;background: url(/img/landing/200204_landing_Fbtn.png) center center no-repeat;width: 103px;height: 71px; text-indent:-9999px} .f_btn01{position:absolute;top: 22px;right: 17px;background: url(/img/landing/200214_landing_Fbtn.png) center center no-repeat;width: 103px;height: 71px; text-indent:-9999px} .phone {display: inline-block;width: 300px;padding: 5px 0 0 0px;font-size:40px;font-weight:700;box-sizing:border-box;line-height:1.4;text-align: center;} .phone .icon_phone {display:inline-block;width: 54px;height: 54px;background:url(/img/landing/200204_landing_call.png) no-repeat left center;} .phone .icon_phone01 {display:inline-block;width: 61px;height: 55px;background: url(/img/landing/200214_landing_call01.png) no-repeat left center;} .app_kind {width:200px;margin:10px auto;border:1px solid #dfdfdf;border-radius:30px;padding:8px 10px;font-size:14px } .fix_title{color: #013743;font-family:'Malgun Gothic','¸¼Àº °íµñ';font-size:22px;letter-spacing: -3px;vertical-align: top;text-align: left;margin-left: 5px;line-height: 80%;} .fix_title em{display:block;font-family:'Malgun Gothic','¸¼Àº °íµñ';color: #fff;font-size: 30px;letter-spacing: -2.3px;font-weight: 700;vertical-align: top;margin-top: -25px;margin-left: 58px;text-shadow: 2px 2px 0px #015b79;} .fix_title01{color: #002d7f;font-family:'Malgun Gothic','¸¼Àº °íµñ';font-size:22px;letter-spacing: -3px;vertical-align: top;text-align: left;margin-left: 7px;line-height: 80%;} .fix_title01 em{display:block;font-family:'Malgun Gothic','¸¼Àº °íµñ';color: #fff;font-size: 30px;letter-spacing: -2.3px;font-weight: 700;vertical-align: top;margin-top: -25px;margin-left: 68px;} .phone_in{margin-left: 16px;vertical-align: top;position: relative;display: inline-flex;margin-top: 27px;} .myplan_input_cell {background:#fff!important;height: 36px;padding-left: 6px;font-size: 13px;margin-top: 0px;}/* °¡·ÎÁ¤·Ä */ .w01{width: 100px;} .w02{width: 135px;margin-left: 5px;} .w03{width: 170px;margin-left: 5px;} .myplan_input_cell .lab_g {display:none;cursor:text}/* ¶óº§ */ .myplan_input_cell .tf_g {display:block;width: 97%;height:32px;padding:0;border:none;background-color: #fff!important;font-size: 14px;letter-spacing: -1.5px;}/* ÀÎDz¹Ú½º */ /* ¶óµð¿À */ .selection {display:flex;height: 36px;} .selection.gender {flex: 0 0 90px;margin-right:-1px;margin-left: 5px;} .seltem{position:relative;z-index:10;width: 45px;height: 36px;box-sizing:border-box;} .seltem label {position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height: 2.3;text-align:center;font-size: 14px;color: #666;background:#fff;} .seltem.chk input{width: 1%;height: 1%;margin-top: 3px;box-sizing:border-box;background: #fff;margin-right: -20px;} .seltem.chk input:checked {background-color: #013843;border: 1px solid #013843;} .seltem.chk input:checked + label {background-color: #013843;color:#fff} .seltem.chk input:checked:after {content:"";display:block;position:relative} .seltem01{position:relative;z-index:10;width: 45px;height: 36px;box-sizing:border-box;} .seltem01 label {position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height: 2.3;text-align:center;font-size: 14px;color: #666;background:#fff;} .seltem01.chk input{width: 1%;height: 1%;margin-top: 3px;box-sizing:border-box;background: #fff;margin-right: -20px;} .seltem01.chk input:checked {background-color: #002d7f;border: 1px solid #002d7f;} .seltem01.chk input:checked + label {background-color: #002d7f;color:#fff} .seltem01.chk input:checked:after {content:"";display:block;position:relative} /* °³ÀÎ Á¤º¸ ¼öÁý ÀÌ¿ë µ¿ÀÇ */ .w_chk_landing {display: block;width: 29%;right: 0px;top: 47px;position: absolute;height: 25px;} .w_chk_landing input{position:absolute;top:5px;left:3px;z-index:9;width: 1%;height: 1%;} .w_chk_landing label{display:block;position:absolute;top: 0;left:0;cursor:pointer;background: url("/img/landing/200204_landing_chk.png") no-repeat scroll left center;padding-left: 23px;height: 18px;} .w_chk_landing label span{font-size: 13px;letter-spacing: -1.5px;color: #fff;margin-top: -1.3px;vertical-align: top;display: inline-block;} .w_chk_landing input:checked + label {z-index:100;} .w_chk_landing label.on {z-index:100;background: url("/img/landing/200204_landing_chk_on.png") no-repeat scroll left center;} /* -------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- -------------------------------------- 2020 02 14 Å°¿öµå ·£µù 1Â÷ PC -------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- */ #landing_goodsList{position: relative;width: 100%; text-align:center; margin:0 auto} #landing_goodsList .L_title{font-family:'Malgun Gothic','¸¼Àº °íµñ'; color:#3a3a3a; border-bottom: 2px solid #3a3a3a;font-size: 31px;text-align: center;line-height: 200%;letter-spacing: -2.8px;} #landing_goodsList .L_title span{color:#2069ad; font-weight:900} .landing_txt{font-family:'Malgun Gothic','¸¼Àº °íµñ';} .landing_txt01{font-family:'Malgun Gothic','¸¼Àº °íµñ';vertical-align: top;padding-top: 6px;padding-left: 6px;letter-spacing: -2.8px!important;} .landing_txt02{font-family:'Malgun Gothic','¸¼Àº °íµñ';color: #ff4651;vertical-align: top;padding-top: 8px;padding-left: 10px;font-size: 23px;font-weight: 900;} .landing_Gbox {border-top:#838383 4px solid;border-right:#838383 4px solid;border-bottom:#838383 4px solid;border-left:#838383 4px solid;height: 43px; box-sizing:border-box} a.Gbox_btn01{display:block;width:147px;height:43px;line-height: 211%!important;background:#ff501e;color:#fff!important;font-family:'Malgun Gothic','¸¼Àº °íµñ'!important;font-size:19px!important;font-weight:bold;letter-spacing: -2px;text-align:center;} a.Gbox_btn02{display:block; width:147px; height:43px; line-height:211%!important; background:#44c7cc; color:#fff!important; font-family:'Malgun Gothic','¸¼Àº °íµñ'!important; font-size:19px!important; font-weight:bold; letter-spacing:-2px; text-align:center;} header {height: 92px;position: relative;box-sizing: border-box;margin: 0 auto;width: 100%;padding-bottom: 20px;border-bottom: 1px solid #e3e3e3;} .h_menu{ position: relative; width: 926px; display: flex; margin: 0 auto; } header {} header h1 {position: relative;margin-top: 44px;} header h1 img{width: 139px;height: 28px;} nav {position: relative;z-index: 100;width: 100%;} nav .nav-box {position: relative;display: inline-flex;width: 70%;height: 92px;margin-left: 18px;} nav .nav-box.over {} nav .nav-box.over:after { content: ''; display: block; position: absolute; left: 0; width: 100%; background: #e3e3e3; top: 81px; height: 1px; } nav .inner_wrap, nav .main_visual, nav .tab_wrap {width: 100%;} nav .inner_wrap > ul, nav .main_visual > ul, nav .tab_wrap > ul {display: inline-block;background: transparent;margin-right: -25px;margin-top: 22px;height: 70px;} nav .inner_wrap > ul > li, nav .main_visual > ul > li, nav .tab_wrap > ul > li {float: left;position: relative;min-height: 1px;width: 140px;} nav .inner_wrap > ul li ul li{cursor:pointer} nav .inner_wrap > ul > li.on .dep1 a, nav .main_visual > ul > li.on .dep1 a, nav .tab_wrap > ul > li.on .dep1 a, nav .inner_wrap > ul > li.act .dep1 a, nav .main_visual > ul > li.act .dep1 a, nav .tab_wrap > ul > li.act .dep1 a {} nav .inner_wrap > ul > li.on .dep1 a:before, nav .main_visual > ul > li.on .dep1 a:before, nav .tab_wrap > ul > li.on .dep1 a:before, nav .inner_wrap > ul > li.act .dep1 a:before, nav .main_visual > ul > li.act .dep1 a:before, nav .tab_wrap > ul > li.act .dep1 a:before { left: 0; right: 0; opacity: 1; } nav .inner_wrap > ul > li.act .dep1 a:before, nav .main_visual > ul > li.act .dep1 a:before, nav .tab_wrap > ul > li.act .dep1 a:before { display: none; } nav .inner_wrap > ul > li.on .dep1 a:before, nav .main_visual > ul > li.on .dep1 a:before, nav .tab_wrap > ul > li.on .dep1 a:before { display: block; } nav .dep1 {display: block;text-align: center;white-space: nowrap;vertical-align: top;cursor:pointer;} nav .dep1 a {font-family:'Malgun Gothic','¸¼Àº °íµñ';display: inline-block;padding-top: 23px;position: relative;letter-spacing: -3px;font-size: 22px;font-weight: bold;color: #000;} nav .dep1 a:before { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 1px; opacity: 0; background: #ed1b23; z-index: 3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav .dep1.on {box-sizing: border-box;border-bottom: 4px solid #fa5c2c;width:90%;text-align: center;margin: 0 auto;height: 69px;} nav .dep2 { white-space: nowrap; text-align: center; margin: 0 -30px; padding-top: 18px; } nav .dep2 a { font-size: 16px; display: block; color: #222; padding: 8px 10px; } nav .dep2 .act a, nav .dep2 a:hover { color: #ed1b23; font-weight: 500; } /* º¸Ç踶ÄÏ »ó´Ü ÀüÈ­¹øÈ£ */ .top_call {position:absolute;right:5px;display: inline-flex;height: 92px;margin-top: 32px;text-align: left;} .top_call li{font-size: 15px;letter-spacing: -1px;color:#000;width: 200px;display: inline-block;line-height: 150%;} .top_call .img_call{background: #fff url(/img/landing/200214_landing_call.png) no-repeat left bottom;width:49px;height: 43px;display: inline-flex;margin-right: 1px;} .top_call li span{font-size:28px;letter-spacing: -1.5px;font-weight:900;display: block;} /* º¸Çè¼¥ »ó´Ü ÀüÈ­¹øÈ£ */ .top_call01 {position:absolute;right:5px;height: 92px;text-align: left;display: inline-block;margin-top: 25px;} .top_call01 li{font-size: 14px;letter-spacing: -1px;color: #fff;display: inline-block;line-height: 160%;} .top_call01 .img_call01{background:url(/img/landing/200204_landing_call01.png) no-repeat left bottom;width: 45px;height: 43px;display: inline-flex;} .top_call01 li span{font-size: 30px;letter-spacing: -1px;font-weight: 500;display: block;} /* Áß°£ visual */ .visual_bg{height:341px;position:relative;width: 100%; background:#2f6894 url(/img/landing/200214_landing_bg.jpg) no-repeat center top; margin-bottom:80px;} .visual_bg01{height: 355px;position:relative;width: 100%;background:#2f6894 url(/img/landing/200214_landing_bg.jpg) no-repeat center top;margin-bottom:80px;} .visual_wrap{height:341px;width: 926px;position: relative;margin: 0 auto;display: flex;justify-content: space-between; /*background: #2f6894 url(/img/landing/200214_landing_bg.jpg) no-repeat center top;*/} .pro_wrap{text-align:center;width: 463px;height: 341px;margin: 0 auto;} .pro_wrap .pro_tit{font-family:'Malgun Gothic','¸¼Àº °íµñ';font-size: 40px;margin-top:58px;color: #fff;letter-spacing: -3px;font-weight:900;line-height: 70%;} .pro_wrap .pro_txt{font-family:'Malgun Gothic','¸¼Àº °íµñ';font-size:15px;color: #fff;letter-spacing: -1px;font-weight:500;line-height: 120%;margin-top: 20px;margin-bottom: 11px;} .pro_wrap .pro_circle{position:relative;background-color:#ebf3ff;border-radius: 500px;width:149px;height:149px;margin: 0 auto;box-sizing: border-box;text-align: center;display: table;} .pro_img {width:149px;height:149px;display: table-cell;vertical-align: middle;} .pro_img01 {} /***************** ½ÃÀ庰 ¾ÆÀÌÄÜ ******************/ /* 01 ¾Ï */ .pro_D03{background: url(/img/landing/200204_landing_D03.png) no-repeat center bottom;width: 113px;height: 95px;display: block; margin: 0 auto;} /* 02 ¹«ÇØÁöȯ±ÝÇü */ .pro_D18{background: url(/img/landing/200204_landing_D18.png) no-repeat center bottom;width: 120px;height: 100px;display: block; margin: 0 auto;} /* 03 °Ç°­ */ .pro_D02{background: url(/img/landing/200204_landing_D02.png) no-repeat center bottom;width: 106px;height: 99px;display: block; margin: 0 auto;} /* 04 ¾î¸°ÀÌ */ .pro_D04{background: url(/img/landing/200204_landing_D04.png) no-repeat right center;width: 106px;height: 99px;display: block; margin: 0 auto;} /* 05 À¯º´ÀÚ */ .pro_D16{background: url(/img/landing/200204_landing_D16.png) no-repeat right center;width: 98px;height: 100px;display: block; margin: 0 auto;} /* 06 ½Ç¹öÄ¡¸Å°£º´ */ .pro_D05{background:url(/img/landing/200204_landing_D05.png) no-repeat center center;width: 106px;height: 99px; display: block; margin: 0 auto;} /* 07 Ä¡¾Æ */ .pro_D17{background:url(/img/landing/200204_landing_D17.png) no-repeat center center;width: 106px;height: 120px;display: block;margin: 0 auto;} /* 08 ¿îÀüÀÚ */ .pro_D10{background: url(/img/landing/200204_landing_D10.png) no-repeat right bottom;width: 120px;height: 131px;display: block;margin: 0 auto;} /* 09 ÀÇ·á½Çºñ */ .pro_D01{background: url(/img/landing/200204_landing_D01.png) no-repeat right bottom;width: 115px;height: 110px;display: block;margin: 0 auto;} /* 10 Á¾½ÅÁ¤±â */ .pro_D06{background:url(/img/landing/200204_landing_D06.png) no-repeat center center;width: 106px;height: 99px; display: block; margin: 0 auto;} /* 11 ¿¬±Ý */ .pro_D08{background:url(/img/landing/200204_landing_D08.png) no-repeat center center;width: 106px;height: 99px; display: block; margin: 0 auto;} /* 12 ÁÖÅðñÇÁ */ .pro_D12{background:url(/img/landing/200204_landing_D12.png) no-repeat center center;width: 106px;height: 99px; display: block; margin: 0 auto;} .GL_box{width:463px;position: relative;} .GLinput_box{width:357px;height:347px;background-image: linear-gradient(/*to right*/-45deg, #f93b46 0%, #fb6723 100%);box-sizing:border-box;margin: 21px 0 0 59px;border-top-left-radius: 33px;border-bottom-right-radius: 33px;box-shadow: 10px 10px 15px rgba(0,0,0,0.2);position: relative;} .GLinput_box01{width:357px;height: 385px;background-image: linear-gradient(/*to right*/-45deg, #f93b46 0%, #fb6723 100%);box-sizing:border-box;margin: 21px 0 0 59px;border-top-left-radius: 33px;border-bottom-right-radius: 33px;box-shadow: 10px 10px 15px rgba(0,0,0,0.2);position: relative;} .GLinput_cc{width:279px;margin: 0 auto;padding-top: 22px;} /* input Á¤º¸ÀÔ·Â */ .GL_bg_join {border-bottom: 2px solid #fff; box-sizing:border-box} .GL_input_cell {position:relative;display:flex;justify-content:space-between;align-items:center;background: transparent;height: 40px;padding-left: 6px;font-size:16px;color: #000;}/* °¡·ÎÁ¤·Ä */ .GL_input_cell01 {width: 100%;margin-right: 15px;} .GL_input_cell02 {width: 100%;} .GL_input_cell03 {width: 85%;} .GL_input_cell .lab_g {display:none;cursor:text}/* ¶óº§ */ .GL_input_cell .tf_g {display:block;width:96%;height:32px;padding:0;border:none;color: #fff;background-color: transparent;}/* ÀÎDz¹Ú½º */ .GL_input_cell .tf_g01 {display:block;width: 70%;height:32px;padding:0;border:none;color: #fff;background-color: transparent;}/* ÀÎDz¹Ú½º */ .GL_input_cell .stxt { position:absolute; display:inline-block; right:0; font-size:14px; color:#0095fd; margin-right:7px; }/* ÀÎÁõ½Ã°£ */ /* ¶óµð¿À */ .myplan_selection {display: inline-flex;height: 38px;width: 100%;} .myplan_selection.gender {flex: 0 0 120px;margin-right:-1px;} .GL_seltem{position:relative;z-index:10;width:50%;height:100%;box-sizing:border-box;} .GL_seltem:first-child{margin-right:12px;} .GL_seltem label {position:absolute;top:0;display:block;width:100%;height:100%;line-height:3;text-align: right;color: #747474;} .GL_seltem label span{color:#000;} .GL_seltem.chk input{height: calc(100% + 2px);width:100%;border:none;background:none;margin-top:-1px;box-sizing:border-box} .GL_seltem.chk input:checked {background: url(/img/smart/app_myinsurer/ico_chk.png) no-repeat 6px 14px;border: none;background-size:18px;} .GL_seltem.chk input:checked:after {content:"";display:block;position:relative} .GL_mphone .ps_box {flex:0 0 100%!important;} .GL_mphone .phoneArea {flex:1;display: inline-flex;} .GL_mail .ps_box {flex:0 0 100%!important;} .sel{width: 97%;padding:0!important;height:26px;border:none;background: url(/img/landing/200214_landing_arrow01.png) 245px 10px no-repeat;color: #fff;font-size: 17px;font-family:'Malgun Gothic','¸¼Àº °íµñ';} .Lma_8{margin-top: 8px;} .Lma_12{margin-top: 12px;} .Lma_40{margin-top: 40px;} .gallery2003_Lma_26{margin-top: 26px;} .Lmab_12{ margin-bottom:15px;} .Lpa_4{padding-top: 4px;} /* INPUTºÎºÐ °³ÀÎ Á¤º¸ ¼öÁý ÀÌ¿ë µ¿ÀÇ */ .GL_w_chk {display: block;width: 98%;position: relative;height: 25px;margin-top: 13px;} .GL_w_chk input{position:absolute;top:5px;left:3px;z-index:9;width: 1%;height: 1%;} .GL_w_chk label{display:block;position:absolute;top: 0;left:0;cursor:pointer;background: url("/img/landing/200204_landing_chk.png") no-repeat scroll left center;padding-left: 23px;height: 18px;} .GL_w_chk label span{font-size: 13px;letter-spacing: -1.5px;color: #fff;margin-top: -1.3px;vertical-align: top;display: inline-block;} .GL_w_chk input:checked + label {z-index:100;} .GL_w_chk label.on {z-index:100;background: url("/img/landing/200204_landing_chk_on.png") no-repeat scroll left center;} /* ¹öÆ° */ .GL_btnWrap {position:relative;display:block;text-align:center} .GL_btnWrap01 {position:relative;text-align:center;margin-bottom: 3px;} .GL_btn {display:inline-block;height: 57px;width: 100%;cursor:pointer;box-sizing:border-box;} .GL_btn01 {display:inline-block;height: 27px;cursor:pointer;box-sizing:border-box;} .GL_btn_round_in01 {color: #1c2e4b!important;border-radius: 5px;background-color: #fff;font-size: 23px;font-weight: 900;letter-spacing: -2px;padding: 13px 30px;box-shadow: 0px 6px 0px rgba(0,0,0,0.9);box-shadow: 0px 6px 0px 0px #24354d;} .GL_btn_round_in02 {color: #bec3c9!important;border-radius: 3px;background-color: #24364c;font-size: 15px;font-weight: 500;letter-spacing: -2px;line-height: 140%;padding: 5px 10px;width: 60px;} .arrow01{background: url("/img/landing/200214_landing_arrow.png") no-repeat right center;width:23px;height:23px;display: inline-block;vertical-align: bottom;margin-left: 7px;} input::-ms-input-placeholder { color: #333; } input::-webkit-input-placeholder { color: #333; } input::-moz-placeholder { color: #333; } input::placeholder{ color: #333; } .GL_input_cell input::-ms-input-placeholder { color: #fff; } .GL_input_cell input::-webkit-input-placeholder { color: #fff; } .GL_input_cell input::-moz-placeholder { color: #fff; } .GL_input_cell input::placeholder { color: #fff; } .f_txt{color:#000;} /* ¼ºº°*/ .gallery2003_rdo_area{margin-top: -3px;font-size:0;width: 160px;text-align: right;margin-right: 4px;} .gallery2003_rdo_area .ccs_inp_rdo{margin: 5px 0 0 12px;vertical-align:middle;line-height:1.2;} /*default radio .GL_inp_rdo{position:relative;min-width: 30px;display:inline-block;min-height:20px;word-wrap:normal;word-break:normal;vertical-align:top;margin-left: 18px;} .GL_inp_rdo input{position:absolute;display:block;width:20px;height:20px;margin:0;padding:0;border:0;background:none;vertical-align:top;-webkit-appearance:none!important;border-radius:0} .GL_inp_rdo input:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/landing/200214_landing_rachk.png) no-repeat;} .GL_inp_rdo input:checked:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/landing/200214_landing_rachk01.png) no-repeat;} .GL_inp_rdo input + label{display:inline-block;padding-left: 23px;line-height:20px;font-size: 17px;color: #fff;vertical-align:top;} .GL_inp_rdo input:checked + label{color: #000;}*/ /*default radio */ .gallery2003_inp_rdo{position:relative;min-width: 30px;display:inline-block;min-height:20px;word-wrap:normal;word-break:normal;vertical-align:top;margin-left: 11px;} .gallery2003_inp_rdo:first-child{margin-left:5px;} .gallery2003_inp_rdo input{position:absolute;display:block;width: 1px;height: 1px;margin:0;padding:0;border:0;background:none;vertical-align:top;-webkit-appearance:none!important;border-radius:0;} .gallery2003_inp_rdo input+ label:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/good_201008/2003_rachk.png) no-repeat;} .gallery2003_inp_rdo input:checked+ label:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/good_201008/2003_rachk01.png) no-repeat;} .gallery2003_inp_rdo input + label{font-family: "¸¼Àº °íµñ","µ¸¿ò"; display:inline-block;padding-left: 22px;line-height:20px;font-size: 16px;color: #333;vertical-align:top;} .gallery2003_inp_rdo input:checked + label{color: #000;} /********************** º¸Çè»ç »óÇ° ¸®½ºÆ® ÆäÀÌÁö **********************/ .GL_company{width:100%; position:relative} .GL_galleryTop {position:relative;width:926px;/*height:373px;*/margin:0 auto;border: 1px solid #192847;} .GL_galleryTop:after{content:"";clear:both;display:block} .GL_galleryTop .GL_cellL {width:400px;height:170px;position:relative;float:left;border-right:none;} .GL_galleryTop .GL_cellR {width:524px!important;height:170px!important;float:left;width:25px;height:167px;border-left:none;} .GL_galleryTop .GL_cellB {width:926px;height:203px;position:relative;float:left;} .GL_cellB {} .GL_cellB h4 {font-size:17px;color: #000;font-family:'Malgun Gothic';font-weight:900;padding:23px 0 0 40px;text-align:left;letter-spacing:-1px;} .GL_cellB em {color: #e3163b; font-weight:900;} .GL_cellB em.txt {font-family:nsB,"¸¼Àº °íµñ","µ¸¿ò";} .GL_cellB .Sbox {position:absolute; margin:0 auto; top:19px; right:43px;} .GL_cellR h1 {font-size:17px; color:#000; font-family:'Malgun Gothic'!important; padding:28px 0 0 60px; text-align:left; letter-spacing:-1.5px} .GL_cellR h1.tx01 {font-size:17px; color:#000; font-family:'Malgun Gothic'!important; padding:20px 0 0 60px; text-align:left; letter-spacing:-1.5px} .GL_cellR .Sbox {font-size:0} .GL_cellR .Sbox > select {float:right; width:206px; height:28px; padding:0 0 0 3px; border:1px solid #fff; font-family:nsB,"¸¼Àº °íµñ","µ¸¿ò"; font-size:13px; color:#50555a; font-weight:normal; margin:0;} .GL_cellR .xxx {position:relative; display:block; width:285px;} .GL_cellR .xxx:after{ content:""; clear:both; display:block} .GL_cellR .xxx.item0{margin:15px 0 0 60px;} .GL_cellR .xxx.item1{margin:20px 0 0 60px;} .GL_cellR .xxx.item2{margin:4px 0 0 60px;} .GL_item2 dd.radio {border:none; margin-bottom:2px;} .GL_item2 .radio_btn{display:inline-block; vertical-align:middle;background:#fff;} .GL_item2 .radio_btn a {display:inline-block;width:119px; height:28px; font-family:nsB,"¸¼Àº °íµñ","µ¸¿ò"; font-size:14px; color:#000; line-height:220%; text-align:center; border:1px solid #273346; text-decoration:none} .GL_item2 .radio_btn a.ma {margin-left:4px} .GL_item2 .radio_btn a.on { background:#fff!important;color:#e10029; border:1px solid #e10029} .GL_cellR .xxx dt {display:block; float:left; height:0px; text-align:left; font-family:'Malgun Gothic'} .GL_cellR .xxx dt {width:70px; font-size:14px; color:#000; letter-spacing:-1.5px; margin-top:0px;} .GL_cellR .xxx dd.name {display:inline-block; width:206px; height:28px;border:1px solid #273346; background:#fff; text-align:left;white-space:nowrap} .GL_cellR .xxx dd.name input {width:150px; white-space:nowrap} .GL_cellR .xxx dd.radio {border:none} .GL_cellR .xxx dd input {vertical-align:middle} .GL_cellR .xxx .radio_btn{display:inline-block; vertical-align:middle;background:#fff;} .GL_cellR .xxx .radio_btn a {display:inline-block;width:100px; height:28px; font-family:nsB,"¸¼Àº °íµñ","µ¸¿ò"; font-size:14px; color:#000; line-height:220%; text-align:center; border:1px solid #273346; text-decoration:none} .GL_cellR .xxx .radio_btn a.ma {margin-left:4px} .GL_cellR .xxx .radio_btn a.on { background:#fff!important;color:#e10029; border:1px solid #e10029} .GL_cellR .btn{position:absolute; top:65px; height:67px; left:748px;} .GL_cellL {} .kindGood {margin:38px 0px 0px 48px; position:absolute;} .kindGood .icon01{left:0px; width:95px; height:95px; background:#ffb61a; text-align:center; border-radius:50px;} .kindGood .icon01 img{width: 85px;height: 85px;text-align:center;margin-top:7px;} .kindGood .icon02{left:0px; width:95px; height:95px; background:#ffb61a; text-align:center; border-radius:50px;} .kindGood .icon02 img{width: 85px;height: 85px;text-align:center;margin-top:3px;} .kindGood dt{display:inline-block; vertical-align:top; float:left;} .kindGood dd{} .kindGood dd.gName{left:154px; display:inline-block; font-size:37px;color:#333; font-weight:900; line-height:36px; letter-spacing:-5px; vertical-align:top; padding:5px 0 0 9px; font-family:'Malgun Gothic'} .kindGood dd em{display:block; text-align:left; font-size:14px;color:#333; line-height:17px; letter-spacing:-1px; padding-top:11px; margin-left:4px} /* º¸Çè»ç */ .GL_insurGood {margin:12px 0px 0px 11px; position:absolute; width:400px; text-align:center} .GL_insurGood .c_logo {left:0px; width:92px;} .GL_insurGood .c_logo img{left:0px; width:75px;} .GL_insurGood dd.gName{display:block; text-align:center; font-size:37px; color:#333; font-weight:900; line-height:36px; letter-spacing:-5px; vertical-align:top; padding:11px 0 0 9px; font-family:'Malgun Gothic'} .GL_insurGood dd em{display:block; text-align:center; font-size:14px;color:#333; line-height:17px; letter-spacing:-1px; padding-top:11px;} .GL_cellB .Gbox {position:relative; margin:0 auto; top:15px; text-align:center; vertical-align:top;} .GL_Gbox01 {display:inline-block; width:204px; height:124px; background-color:#ffcb63; vertical-align:top;} .GL_Gbox02 {display:inline-block; width:204px; height:124px; background-color:#ffcb63; margin-left:7px; vertical-align:top} .GL_Gbox03 {display:inline-block; width:204px; height:124px; background-color:#ffcb63; margin-left:7px; vertical-align:top} .GL_Gbox04 {display:inline-block; width:204px; height:124px; background-color:#ffcb63; margin-left:7px; vertical-align:top} .GL_Gbox05 {display:inline-block; width:204px; height:124px; background:url(/img/good_201008/galleryTop_img00.jpg) no-repeat; margin-left:7px; vertical-align:top} .GL_Gbox .layer_g {position:absolute;top: -35px;left: 690px;margin: 0 auto;display:inline-block;background: #e10029;padding: 6px 20px; font-family:'Malgun Gothic';font-size: 12px;font-weight:500;border-radius:5px;line-height: 120%;width: 150px;letter-spacing:-0.5px;color: fff;} .GL_Gbox .layer_g:after{content:'';position:absolute;top:36px; right:0; left:0; margin:0 auto; width:0;height:0;border-top:10px solid #e10029;border-left:10px solid transparent;border-right:10px solid transparent;} /* »óÇ° */ .GL_Gbox01{text-align:center; margin:0 auto; position:relative;} .likeGood{margin:18px 0 0 0; text-align:center; position:relative;} .likeGood dt{height:26px;} .likeGood dt.cp_logo{width:92px;} .likeGood dt.cp_tit{ text-align:center; font-family:'Malgun Gothic'; font-size:18px; font-weight:900; color:#000; letter-spacing:-1.5px; margin:3px 0 0 0;} .likeGood dd.gName{font-size:14px; font-family:nsB,"¸¼Àº °íµñ","µ¸¿ò"; color:#000; padding:9px 0px 3px 0px; width:190px; height:15px; text-align:center;} .btnWrap {margin-top:12px; position:relative;} .btnWrap .btn{display:block;border-bottom:1px solid #000;/*width:70%*/; padding-bottom:-2px; height:65x!important; margin:0 auto; padding:0px; /*height:22px*/} .btnWrap .btn a.btn01{display:block; width:204px; text-align:center} .btnWrap .btn_F{display:block;border-bottom:1px solid #e10029;width:55%; padding-bottom:-2px; height:65x!important; margin:0 auto; padding:0px; height:22px} .btnWrap .alignL{width:14px; float:left; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-size:18px; color:#000; margin-left:6px;} .btnWrap .alignC{width:85px; float:left; font-family:"nsEB"; font-size:25px; font-weight:bold; color:#e51939; padding:0px 6px; letter-spacing:-2.5px;} .btnWrap .alignR{width:7px; float:left; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-size:18px; color:#000;} .btnWrap .alignF{width:120px; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-size:20px; font-weight:bold; color:#e51939; letter-spacing:-2.5px;} .likeGood dd.gName{overflow : hidden; text-overflow : ellipsis; white-space : nowrap; display : inline-block;} /* ¸Þ´º */ #gnbmn {position: relative;width:100%;background: #fff;} #gnbmn ul.depth3 {display:block;padding:5px 0 0 0;margin:0;width:100%;text-align:left;} #gnbmn ul.depth3 li {display:block;float:none;padding:0 0 0 13px;margin:2px 0;width:100%;position:relative;} #gnbmn ul.depth3 li a {font-family:"¸¼Àº °íµñ","µ¸¿ò"; display:inline-block;color: #333 !important;border:none;line-height: 1.5;padding:0;margin:0;font-size: 15px;font-weight:400;background:none;vertical-align:top;text-align:left;} #gnbmn ul.depth2 li:hover ul.depth3 li a {background:none !important;color:#666 !important;} #gnbmn ul.depth2 li:hover ul.depth3 li a:hover, #gnbmn ul.depth3 li a:hover, #gnbmn ul.depth3 li a:focus {color:#ff5200 !important;border:none;background:none;} #gnbmn ul.depth3 li:before {content:"";display:inline-block;width:6px;height:2px;background:#666;vertical-align:middle;position:absolute;left:0;top:9px;} #gnbmn ul.depth3 li:hover:before{background:#ff5200;} #gnbmn ul.depth3 li a:after {content:"";display:block;margin-top:2px;width:0;height:1px;border-bottom: 1px solid #ff5200;transition:all .3s;} #gnbmn ul.depth3 li a:hover:after{width:100%;} .depth_bg{height:154px;z-index: 9999;text-align: center;} .GL_sub {width: 926px;display: inline-flex;justify-content: space-around;text-align: center;} .GL_sub .ssub{width: 15%;padding-top:25px;} .GL_sub01 {width: 926px;display: inline-flex; justify-content: space-around;} .GL_sub01 .ssub01{width: 348px;padding-top:25px;} .GL_sub01 .ssub01 a:hover .company_tit01{color:#ff5200 !important;} .GL_sub01 .ssub01 .company_tit{font-family:"¸¼Àº °íµñ","µ¸¿ò";color:#333;font-size: 15px;font-weight:900;text-align: left;line-height: 170%;border-bottom: 1px solid #c9c9c9;margin-bottom: 10px;} .company_tit01{ font-size:13px; font-family:"¸¼Àº °íµñ","µ¸¿ò"; color:#000;} .depth_bg01{height: 265px;z-index: 9999;text-align: center;} .landing_nogoods{position:relative;width:926px;text-align: center;margin: 0 auto;padding: 55px 0;} .landing_nogoods .nogoods_txt{display:inline-block;font-family:"¸¼Àº °íµñ","µ¸¿ò";color: #818181;font-size: 28px;letter-spacing: -2.8px;} .nogoods_txt .no_ico{display:inline-block;margin-right: 10px;background: url(/img/landing/200214_landing_nogoods.png) no-repeat center center;width:46px;height:44px;vertical-align: text-top;} .gl_bdtb { padding:10px 0; border-bottom: #d0d0d0 1px dashed; } .gl_bdtb03 { padding:10px 15px; border-bottom: #d0d0d0 1px dashed; } .gl_bdtb04 { padding-right:8px; } .gl_bdtb02 { padding:0 10px; } .gl_bdtxt01 {color:#000000; font-weight:bold; line-height:16px;} a.gl_bdtxt01:link {text-decoration:none; color:#000000; line-height:16px;} a.gl_bdtxt01:visited {text-decoration:none; color:#000000; line-height:16px;} a.gl_bdtxt01:hover { text-decoration:underline; color:#000000; line-height:16px;} .gl_bdstar { padding-bottom:7px; } .gl_bdtxt00 {font-size:11px; line-height:15px;} a.gl_bdtxt00:link {text-decoration:none; font-size:11px; line-height:15px;} a.gl_bdtxt00:visited {text-decoration:none; font-size:11px; line-height:15px;} a.gl_bdtxt00:hover { text-decoration:underline; font-size:11px; line-height:15px;} .gl_bdtxt001 {font-size:10px; line-height:14px;} a.gl_bdtxt001:link {text-decoration:none; font-size:10px; line-height:14px;} a.gl_bdtxt001:visited {text-decoration:none; font-size:10px; line-height:14px;} a.gl_bdtxt001:hover { text-decoration:underline; font-size:10px; line-height:14px;} .gl_bdtxt02 { color:#999999; font-size:11px; } .gl_bdtxt03 { color: #fe5656; font-weight:bold; } .gl_bdtxt04 { color:#999999; font-size:11px; text-decoration:underline; } .gl_bdtxt05 { font-size:11px; font-weight:bold; color:#000000; } .gl_bdtxt06 { color:#999999; line-height:14px; font-size:11px; } .gl_icon { margin:0 1px; } .gl_icon02 { margin-right:5px; } .gl_td02 { border-right: #dcdcdc 1px solid; } .gl_td03 { padding-left:10px; } .gl_top01 { padding-top:29px; } .gl_top02 { padding-left:13px; } .input_f {BACKGROUND-COLOR: #FFFFFF; border: #546fb0 1px solid; COLOR: #666666; FONT-FAMILY: "±¼¸²", "Arial", "Helverica"; FONT-SIZE: 11px; height:19px; } .tdpd { padding-right:4px; } .gl_best01 {font-size:16px; font-weight:bold; line-height:20px; color:#000000;} a.gl_best01:link {font-size:16px; font-weight:bold; line-height:20px; color:#000000; text-decoration:none;} a.gl_best01:visited {font-size:16px; font-weight:bold; line-height:20px; color:#000000; text-decoration:none;} a.gl_best01:hover {font-size:16px; font-weight:bold; line-height:20px; color:#000000; text-decoration:underline;} .gl_best02 { font-size:22px; font-family:Impact; color:#fd3e3d; } .style5 {font-size: 8px; line-height: 14px; } .style6 {font-size: 8px} .gl_link {color: #000000;} a.gl_link:link { text-decoration:none;} a.gl_link:visited { color: #000000; text-decoration:none;} a.gl_link:hover { color: #fd3e3d; font-weight:bold; text-decoration:underline;} .gl_icon021 { margin-right:3px; } .gl_red_strong {color: #fe5656; font-weight:bold;} .gl_top03625 { background:url(/img/2007main/gallery_top03_625.jpg) no-repeat; } .gl_bdtb02625 { padding:0 4px; } /* -------------------------------------------------------------------------------------------------------------------------- -------------------------------------- 2020 03 13 °¶·¯¸® »óÇ°¸®½ºÆ® °³Æí --------------------------------------------- -------------------------------------------------------------------------------------------------------------------------- */ @charset "euc-kr"; @import url(https://fonts.googleapis.com/css?family=Roboto); @font-face{ font-family:nsR; font-weight:400; src:url('/font/NanumSquareR.eot'); src:local('¡Ø'), url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareR.woff') format('woff'), url('/font/NanumSquareR.ttf') format('truetype'), url('/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nsB; font-weight:700; src:url('/font/NanumSquareB.eot'); src:local('¡Ø'), url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareB.woff') format('woff'), url('/font/NanumSquareB.ttf') format('truetype'), url('/static/font/NanumSquareB.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nsEB; font-weight:; src:url('/font/NanumSquareEB.eot'); src:local('¡Ø'), url('/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareEB.woff') format('woff'), url('/font/NanumSquareEB.ttf') format('truetype'), url('/font/NanumSquareEB.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:ulR; src:url('/font/UNIVERSLIGHTR.eot'); src:local('¡Ø'), url('/font/UNIVERSLIGHTR.woff') format('woff'), url('/font/UNIVERSLIGHTR.ttf') format('truetype'), url('/font/UNIVERSLIGHTR.svg#webfontdeSVIj0D') format('svg') } @font-face{ font-family:nm; src:url('/font/NanumMyeongjo.eot'); src:local('¡Ø'), url('/font/NanumMyeongjo.woff') format('woff'), url('/font/NanumMyeongjo.ttf') format('truetype'), url('/font/NanumMyeongjo.svg#webfontdeSVIj0D') format('svg') } @font-face { font-family:'shg'; src: url(/font/sh/SeoulHangang.eot); src: url(/font/sh/SeoulHangang.eot?#iefix) format('embedded-opentype'), url(/font/sh/SeoulHangang.woff2) format('woff2'), url(/font/sh/SeoulHangang.woff) format('woff'), url(/font/sh/SeoulHangang.ttf) format('truetype'), url(/font/sh/SeoulHangang.svg#seoulhangangregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'shgBL'; src: url(/font/sh/seoulhangangjangbl.eot); src: url(/font/sh/seoulhangangjangbl.eot?#iefix) format('embedded-opentype'), url(/font/sh/seoulhangangjangbl.woff2) format('woff2'), url(/font/sh/seoulhangangjangbl.woff) format('woff'), url(/font/sh/seoulhangangjangbl.ttf) format('truetype'), url(/font/sh/seoulhangangjangbl.svg#seoul-hangang-jang-bl) format('svg'); font-weight: normal; font-style: normal; } input{outline-style:none!important;} /* º¸Çè»ç ·Î°í */ .l01 {background:url(/img/smart/logo_L01.png) no-repeat center center}/* ÇÑÈ­»ý¸í */ .l02 {background:url(/img/smart/logo_L02.png) no-repeat center center}/* ABL */ .l03 {background:url(/img/smart/logo_L03.png) no-repeat center center} .l04 {background:url(/img/smart/logo_L04.png) no-repeat center center} .l05 {background:url(/img/smart/logo_L05.png) no-repeat center center} .l12 {background:url(/img/smart/logo_L12.png) no-repeat center center} .l33 {background:url(/img/smart/logo_L33.png) no-repeat center center} .l34 {background:url(/img/smart/logo_L34.png) no-repeat center center} .l39 {background:url(/img/smart/logo_L39.png) no-repeat center center}/* KB»ý¸í */ .l41 {background:url(/img/smart/logo_L41.png) no-repeat center center} .l42 {background:url(/img/smart/logo_L42.png) no-repeat center center}/* ±³º¸¶óÀÌÇÁÇ÷¡´Ö */ .l51 {background:url(/img/smart/logo_L51.png) no-repeat center center} .l52 {background:url(/img/smart/logo_L52.png) no-repeat center center} .l62 {background:url(/img/smart/logo_L62.png) no-repeat center center}/* ¿À·»Áö¶óÀÌÇÁ */ .l71 {background:url(/img/smart/logo_L71.png) no-repeat center center} .l72 {background:url(/img/smart/logo_L72.png) no-repeat center center} .l74 {background:url(/img/smart/logo_L74.png) no-repeat center center} .l77 {background:url(/img/smart/logo_L77.png) no-repeat center center}/* óºê¶óÀÌÇÁ */ .l78 {background:url(/img/smart/logo_L78.png) no-repeat center center}/* BNP n66ÄÚµå¿Í º¸Çè»ç µ¿ÀÏ */ .l95 {background:url(/img/smart/logo_L95.png) no-repeat center center}/* ¿ìÁ¤»ç¾÷º»ºÎ */ .l96 {background:url(/img/smart/logo_L96.png) no-repeat center center}/* ½ÅÇùÁß¾Óȸ */ .l97 {background:url(/img/smart/logo_L97.png) no-repeat center center}/* ¼öÇùÁß¾Óȸ */ .l777 {background:url(/img/smart/logo_L777.png) no-repeat center center} .n00 {background:url(/img/smart/logo_N00.png) no-repeat center center}/* Àνº¹ë¸® ±×·¹ÀÌ ·Î°í*/ .n01 {background:url(/img/smart/logo_N01.png) no-repeat left center} .n02 {background:url(/img/smart/logo_N02.png) no-repeat center center} .n03 {background:url(/img/smart/logo_N03.png) no-repeat center center} .n04 {background: url(/img/smart/logo_N04.png) no-repeat left center;} .n05 {background:url(/img/smart/logo_N05.png) no-repeat center center} .n08 {background:url(/img/smart/logo_N08.png) no-repeat center center} .n09 {background:url(/img/smart/logo_N09.png) no-repeat center center} .n10 {background:url(/img/smart/logo_N10.png) no-repeat center center} .n13 {background:url(/img/smart/logo_N13.png) no-repeat center center}/* µ¿ºÎÈ­Àç */ .n52 {background:url(/img/smart/logo_N52.png) no-repeat center center} .n71 {background: url(/img/smart/logo_N71.png) no-repeat left center;} .n51 {background:url(/img/smart/logo_N51.png) no-repeat center center}/* AIG¼ÕÇغ¸Çè */ .n66 {background:url(/img/smart/logo_N66.png) no-repeat center center}/* BNP l78ÄÚµå¿Í º¸Çè»ç µ¿ÀÏ */ .gallery2003_box{position:relative;width:926px;margin:0 auto;background-color:#e8ecf5;height:283px;text-align: left;} .gallery2003_box01{position:relative;width:926px;margin:0 auto;background-color: #fff;height:283px;border: 1px solid #d0d0d0;text-align: left;} .Ga_left{text-align:left;padding: 65px 0 0 50px;box-sizing:border-box;display: inline-block;} .Ga2003_title{ font-size:41px; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-weight:900; color:#192028; letter-spacing:-2.8px} .Ga2003_tit{font-size:16px;font-family:"¸¼Àº °íµñ","µ¸¿ò";color:#232323;line-height: 136%;letter-spacing: -1px;margin-top:30px;} .Ga2003_tag{padding-top: 30px;} .Ga2003_tag .Ga2003_tag01{margin-left:4px} .Ga2003_tag .Ga2003_tag01:first-child{margin-left:0px} .Ga2003_tag01{border:1px solid #adaeae;border-radius:20px;background:#fff;padding: 6px 19px;font-size:15px;font-family:"¸¼Àº °íµñ","µ¸¿ò";color:#787878;letter-spacing:-1px;float: left;} .Ga2003_num{font-family:"Noto Sans KR", sans-serif,'Malgun Gothic','¸¼Àº °íµñ','dotdum',"µ¸¿ò";font-size: 14px;letter-spacing:-1px;color: #525252;text-align: left;line-height: 30px;margin: 5px 0 0 51px;width: 548px;display: block;position: relative;} /* ÀÎDzbox */ .Ga_right{position:absolute; top:0; right:0; width:314px; height:283px; background-color:#ef4e18} .Ga2003_inbox{position:relative; margin:0 44px} .Ga2003_inbox .in2003_title{text-align: center;font-family:"¸¼Àº °íµñ","µ¸¿ò";font-size:21px;color:#fff;font-weight:900;letter-spacing: -2.3px;margin: 25px 0 18px 0;} .Ga2003_inbox .in2003_title01{text-align: center;font-family:"¸¼Àº °íµñ","µ¸¿ò";font-size:21px;color:#fff;font-weight:900;letter-spacing: -2.3px;margin: 18px 0 0px 0;} .Ga2003_inbox .in2003_title02{text-align: center;font-family:"¸¼Àº °íµñ","µ¸¿ò";font-size: 15px;color: #fff000;letter-spacing: -0.5px;margin: 7px 0 5px 0;} /* placeholder Ä÷¯°ª */ .Ga2003_input_cell input::-ms-input-placeholder { color: #fff; } .Ga2003_input_cell input::-webkit-input-placeholder { color: #fff; } .Ga2003_input_cell input::-moz-placeholder { color: #fff; } .Ga2003_input_cell input::placeholder { color: #fff; } .GaLma_8{margin-top: 5px;} .GaLma_08{margin-top: 8px;} .Ga2003_w70{width: 62%;} .Ga2003_input_cell {position:relative;display:flex;justify-content:space-between;align-items:center;background: transparent;height: 40px;padding-left: 6px;font-size:16px;color: #000;}/* °¡·ÎÁ¤·Ä */ .Ga2003_input_cell .lab_g {cursor:text;color: #fff;font-family: "¸¼Àº °íµñ","µ¸¿ò";}/* ¶óº§ */ /* input Á¤º¸ÀÔ·Â */ .Ga2003_bg_join {border-bottom: 2px solid #fff;box-sizing:border-box;} .Ga2003_input_cell {position:relative;display:flex;justify-content:space-between;align-items:center;background: transparent;height: 39px;padding-left: 6px;font-size:16px;color: #000;}/* °¡·ÎÁ¤·Ä */ .Ga2003_input_cell .tf_g {display:block;font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 16px;width: 100%;height:32px;padding:0;border:none;color: #000;background-color: transparent;} input#birth {}/* ÀÎDz¹Ú½º */ /* ¼ºº°*/ .Ga2003_rdo_area{margin-top: 2px;font-size:0;width: 104px;text-align: left;margin-right: 4px;width: 62%;} .Ga2003_rdo_area .ccs_inp_rdo{margin: 5px 0 0 12px;vertical-align:middle;line-height:1.2;} /*default radio */ .Ga2003_inp_rdo{position:relative;min-width: 30px;display:inline-block;min-height:20px;word-wrap:normal;word-break:normal;vertical-align:top;margin-left: 20px;} .Ga2003_inp_rdo:first-child{margin-left:5px;} .Ga2003_inp_rdo input{position:absolute;display:block;width: 1px;height: 1px;margin:0;padding:0;border:0;background:none;vertical-align:top;-webkit-appearance:none!important;border-radius:0;} .Ga2003_inp_rdo input+ label:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/landing/200214_landing_rachk.png) no-repeat;} .Ga2003_inp_rdo input:checked+ label:after{content:'';display:inline-block;position:absolute;top: 2;left:0;width: 19px;height: 19px;background: url(/img/landing/200214_landing_rachk01.png) no-repeat;} .Ga2003_inp_rdo input + label{display:inline-block;padding-left: 22px;line-height:20px;font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 16px;color: #fff;vertical-align:top;} .Ga2003_inp_rdo input:checked + label{color: #000;} /* ¹öÆ° */ .Ga2003_btnWrap {position:relative;margin-top: 18px;box-sizing: border-box; display:inline-block; width:232px} .Ga2003_btn {display:inline-block;height: 96px;width: 129px;cursor:pointer;box-sizing:border-box;} .Ga2003_btn01 {display:inline-block;height:96px;width: 91px;cursor:pointer;box-sizing:border-box;margin-left: 2px;vertical-align: top;} /*.Ga2003_btn_round_in01 {border-radius: 5px;background-color: #192028;text-align: center;box-shadow: 7px 7px 15px rgba(0,0,0,0.5);}*/ .Ga2003_btn_round_in01 {border-radius: 5px;text-align: center;box-shadow: 7px 7px 15px rgba(0,0,0,0.5); background-image: linear-gradient(to right, #200122 40%, #6f0000 100%, #200122 100%)} .Ga2003_btn_round_in01:hover{background-image: linear-gradient(to left, #200122 20%, #6f0000 100%, #200122 40%); background-position:right center; background-size:100%; } .Ga2003_btn_round_in02 {border-radius: 5px;background-color: #fff;text-align: center;box-shadow: 7px 7px 15px rgba(0,0,0,0.5);} .Ga2003_btn .pay_ico01{background: url("/img/good_201008/2003_pay01.png") no-repeat center center;width:25px;height:29px;margin: 0 auto;margin-top: 19px;} .Ga2003_btn01 .pay_ico02{background: url("/img/good_201008/2003_pay02.png") no-repeat right center;width:32px;height:25px;margin: 0 auto;margin-top:21px;} .Ga2003_text{font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size:18px;letter-spacing: -2.5px;color:#fff;margin-top: 9px;display: block;} .Ga2003_tco{ color:#fdcc49} .Ga2003_text01{font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size:18px;letter-spacing: -2.5px;color:#33353d;margin-top: 11px;display: block;} /* ½Ç±â°£ Åë°è */ .Ga2003_stats{position:relative;text-align:right;margin: 13px 5px 20px 0;} .stats_text{font-size:13px;font-family: "¸¼Àº °íµñ","µ¸¿ò";color:#525252;letter-spacing:-1px;} .stats_text .stats_icon{background: url("/img/good_201008/2003_stats.png") no-repeat center center;width:17px;height:14px;display: inline-block;margin-right: 6px;vertical-align: text-bottom;} /* »óÇ°Á¾·ù ÅÇ */ .Ga2003_tab{position:relative;text-align: center;} .Ga2003_tab .g2003_tab1 {display:flex;margin-bottom:25px;flex-wrap:wrap;border-bottom:none;border-right:none;} .Ga2003_tab .g2003_tab1 li {font-family: "¸¼Àº °íµñ","µ¸¿ò";width: 20%;height: 45px;font-size: 15px!important;background-color: #f7f7f7;border-bottom: 1px solid #656b80;border-right: 1px solid #656b80;border-top: 1px solid #656b80;box-sizing: border-box; position:relative;} .Ga2003_tab .g2003_tab1 li span{display:inline-block; position:absolute; top:1px; right:5px;} .Ga2003_tab .g2003_tab1 li span img{ width:18px; z-index:9999;} .Ga2003_tab .g2003_tab1 li:first-child{border-left: 1px solid #656b80;} .Ga2003_tab .g2003_tab1 li a {font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 15px;display:block;width:100%;height:100%;padding-top: 12px;box-sizing:border-box;letter-spacing: -1.3px;line-height: 130%; text-align:left; padding-left:5px;} .Ga2003_tab .g2003_tab1 li a.on {background-color: #192028;color:#fff;} /*p½ÃÀå ¼³¸í ·¹À̾î */ .pMarket_layerBoxA{position:absolute; top:50px; left:106px; background-image:linear-gradient(to top, #fefdad 40%, #fdfdd2 100%, #fdfdd2 100%); width:266px; z-index:888; box-shadow: 7px 8px 13px -9px #d0cfcf; border-radius:20px;} .pMarket_layerBoxB{position:absolute; top:50px; left:290px; background-image:linear-gradient(to top, #fefdad 40%, #fdfdd2 100%, #fdfdd2 100%); width:266px; z-index:888; box-shadow: 7px 8px 13px -9px #d0cfcf; border-radius:20px;} .pMarket_layerBoxC{position:absolute; top:50px; right:186px; background-image:linear-gradient(to top, #fefdad 40%, #fdfdd2 100%, #fdfdd2 100%); width:266px; z-index:888; box-shadow: 7px 8px 13px -9px #d0cfcf; border-radius:20px;} .pMarket_layerBoxD{position:absolute; top:50px; right:0px; background-image:linear-gradient(to top, #fefdad 40%, #fdfdd2 100%, #fdfdd2 100%);; width:266px; z-index:888; box-shadow: 7px 8px 13px -9px #d0cfcf; border-radius:20px;} .Layer_txtB{display:block; width:82%; padding:28px 0px; text-align:left; margin:0 auto; } .pMarket_Tit{display:block; border-bottom:1px solid #ebeaa6; padding-bottom:15px; font-size:16px; letter-spacing:-1.5px; color:#000; font-weight:700;} .pMarket_explain{font-size:13px; display:block; padding-top:12px; letter-spacing:-1px; line-height:20px; color:#000; font-weight:400;} /* »óÇ°¹Ú½º ¸®½ºÆ®*/ .Ga2003_Glist{position:relative; width:926px;} .goods2003_wrap {margin: 0 0 6px;position: relative;display: flex;justify-content: space-between;} .box_goods2003 {text-align:left;background-color:#fff;border: 1px solid #d0d0d0;padding: 35px 0 40px 34px;box-sizing: border-box;} .box_goods2003 .Ga2003_logo {display:block;/*width: 105px;height: 38px;*/ width: 128px;height: 48px;text-indent:-9999px;background-size:contain;} .goods2003_gtitle{display:block;font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size:23px;font-weight:900;color:#242424;text-align:left;line-height: 128%;word-break:break-all;letter-spacing: -2.8px;margin: 3px 0 13px 0;} .goods2003_gtitle01{display: flex;position: relative;width: 100%;} .goods2003_gtitle01 li {display:inline-flex; justify-content:flex-start } .goods2003_gtitle01 li.ico2003{display: inline-block;width: 3px;height:3px;background-color: #000;margin-right: 6px;margin-bottom: 4px;margin-left: 3px;margin-top: 9px;} .goods2003_stext{font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 16px;color:#242424;text-align:left;line-height: 136%;word-break:break-all;letter-spacing: -1.4px;margin-bottom: 5px;position: relative; width:528px;} /*.goods2003_gtitle01:before{content:'';display:inline-block;width:3px;height:3px;background-color: #000;margin-right: 6px;margin-bottom: 4px;}*/ .goods2003_age{font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 14px;letter-spacing:-1.4px;margin-top: 24px;} .goods2003_wh{ width:70%} //* »óÇ°¹Ú½º ¸®½ºÆ® º¸Çè·á°è»ê*/ .goods2003_Rpay {position:relative;padding: 40px 40px 0 0;} .goods2003_Rpay01 {position:relative;padding: 33px 40px 0 0;text-align: right;} .Rprice2003_wrap {display:block;padding: 18px 0 20px 0;position: relative;text-align: right;} .Rresult2003_ov {font-family: "¸¼Àº °íµñ","µ¸¿ò";color: #000;border-bottom: 3px solid #000;box-sizing:border-box;width: 193px;height: 41px;line-height: 200%;display: inline-flex;justify-content: space-around;} .Rresult2003_ov a{padding-top: 4px; text-decoration:none!important;} .Rresult2003_ov a:hover .gallery2003_gradtext{padding-top: 4px; color:#ff7713;} .Rresult2003 {font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size: 22px;color: #000;border-bottom: 3px solid #000;box-sizing:border-box;width: 193px;padding-bottom: 13px;display: inline-flex;justify-content: space-around;} .Rresult2003 span:nth-child(1) {text-align:left;} .Rresult2003 span:nth-child(2) {text-align:right;} .Rresult2003 span:nth-child(2) em {font-family: "¸¼Àº °íµñ","µ¸¿ò";color:#fb460a;padding-right:5px;font-size: 34px;font-weight: 600;width: 131px;display: inline-block;vertical-align: bottom;text-align: right;padding-left: 4px;margin-right: 3px;letter-spacing: -2px;} .pay_btnWrap {box-sizing: border-box;width: 193px;display: block;float: right;} .pay_btnWrap .btn{font-family: "¸¼Àº °íµñ","µ¸¿ò";height: 49px;width:100%;color:#fff;background-color: #fa494e;font-size:21px;padding-top: 14px;text-align: center;box-sizing: border-box;display: block;letter-spacing: -2px; text-decoration:none!important;} /*.pay_btnWrap .btn01{font-family: "¸¼Àº °íµñ","µ¸¿ò";height: 49px;width: 100%;color:#fff;background-color: #ef4e18;font-size:21px;padding-top: 14px;text-align: center;box-sizing: border-box;display: block;letter-spacing: -2.5px;}*/ .pay_btnWrap .btn02{font-family: "¸¼Àº °íµñ","µ¸¿ò";height: 49px;width:100%;color:#fff;background-color: #0ea9eb;font-size:21px;padding-top: 14px;text-align: center;box-sizing: border-box;display: block;letter-spacing: -2px;} .pay_btnWrap .btn01{font-family: "¸¼Àº °íµñ","µ¸¿ò";height: 49px;width: 100%;color:#fff;font-size:21px;padding-top: 14px;text-align: center;box-sizing: border-box;display: block;letter-spacing: -2.5px;background-image: linear-gradient(to right, #FF512F 20%, #F09819 100%, #FF512F 100%);} /*.btn01:hover {/*background-image: linear-gradient(to right, #F09819 0%, #FF512F 100%, #F09819 100%); background-image: linear-gradient(to left, #FF512F 0%, #FF512F 5%, #F09819 100%);background-image: linear-gradient(to left, #FF512F 40%, #F09819 100%, #FF512F 100%); background-position:right center; }*/ .goods2003_num{font-family: "¸¼Àº °íµñ","µ¸¿ò";position: absolute;display: block;width: 250px;font-size: 12px;color: #9d9d9d;letter-spacing: -1px;float: right;text-align: right;bottom: 0;right: 40;} /* ------------------------------- ·¹À̾îÆ˾÷ (º¸Çè·á °£Æíºñ±³Çϱâ) ------------------------------- */ #gallery2003_Wrap{position: fixed;width: 100%;height: 100%;top: 0;left:0;background: rgba(0,0,0,0.8);z-index: 1000;} .Ga2003_layer{position:absolute;display:block;background-color:#fff;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:422px;height:602px;border-radius: 12px;z-index: 9999;} .Ga2003_layer01{position:absolute;display:block;background-color:#fff;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:422px;border-radius: 12px;z-index: 9999;} .Ga2003_header{height:66px;border-bottom:1px solid #dcdfe4;text-align:center;box-sizing: border-box;position: relative;} .layer2003_title{font-family: "¸¼Àº °íµñ","µ¸¿ò"; font-size:27px;color:#242424;letter-spacing:-2.8px;box-sizing: border-box;line-height: 255%;} .layer2003_tit{color:#f15300;} .layer2003_tit01{color:#008fe9;} .Ga2003_header .close_2003 {position:absolute;top: 23px;right: 32px;width:23px;height:24px;background:url(/img/good_201008/2003_close.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;} .Ga2003_contentWrap{ position:relative; padding: 21px 40px 40px 40px;} .Ga2003_layertit{font-family: "¸¼Àº °íµñ","µ¸¿ò";font-size:14px;color:#f15300;letter-spacing:-1px;text-align:left;line-height: 130%;margin-bottom: 26px;} /*------------------------------- ÀÎDz Á¤º¸ÀÔ·Â ------------------------------------------------------------------------------------------------*/ .gallery2003_cc{width: auto;margin: 0 auto;text-align: center;} /* input Á¤º¸ÀÔ·Â */ .gallery2003_bg_join {border-bottom: 1px solid #020202; box-sizing:border-box} .gallery2003_input_cell {position:relative;display:flex;justify-content:space-between;align-items:center;background: transparent;height: 40px;padding-left: 6px;font-size:16px;color: #000;}/* °¡·ÎÁ¤·Ä */ .gallery2003_input_cell01 {width: 100%;margin-right: 15px;} .gallery2003_input_cell02 {width: 100%;} .gallery2003_input_cell03 {width: 85%;} .gallery2003_input_cell .lab_g {font-family: "¸¼Àº °íµñ","µ¸¿ò"; width: 90px;cursor:text;text-align: left;letter-spacing: -2px;}/* ¶óº§ */ .gallery2003_input_cell .tf_g {display:block;width:96%;height:32px;padding:0;border:none;color: #333;background-color: transparent; cursor:pointer!important;}/* ÀÎDz¹Ú½º */ .gallery2003_input_cell .tf_g01 {display:block;width: 45%;height:32px;padding:0;border:none;color: #333;}/* ÀÎDz¹Ú½º */ .gallery2003_input_cell .stxt { position:absolute; display:inline-block; right:0; font-size:14px; color:#0095fd; margin-right:7px; }/* ÀÎÁõ½Ã°£ */ .gallery2003_input_cell04 {position:relative;display:flex;justify-content:space-between;align-items:center;background: transparent;height: 40px;padding-left: 6px;font-size:16px;color: #000;}/* °¡·ÎÁ¤·Ä */ .gallery2003_input_cell04 .lab_g {font-family: "¸¼Àº °íµñ","µ¸¿ò"; width: 90px;cursor:text;text-align: left;letter-spacing: -2px;}/* ¶óº§ */ .gallery2003_input_cell04 .tf_g {display:block;width:96%;height:32px;padding:0;border:none;color: #333;background-color: transparent; cursor:pointer!important;}/* ÀÎDz¹Ú½º */ .gallery2003_input_cell04 .tf_g01 {display:block;width: 45%;height:32px;padding:0;border:none;color: #333;}/* ÀÎDz¹Ú½º */ .gallery2003_input_cell04 .stxt { position:absolute; display:inline-block; right:0; font-size:14px; color:#0095fd; margin-right:7px; }/* ÀÎÁõ½Ã°£ */ /* ¶óµð¿À */ .gallery2003_selection {display: inline-flex;height: 38px;width: 100%;} .gallery2003_selection.gender {flex: 0 0 120px;margin-right:-1px;} .gallery2003_seltem{position:relative;z-index:10;width:50%;height:100%;box-sizing:border-box;} .gallery2003_seltem:first-child{margin-right:12px;} .gallery2003_seltem label {position:absolute;top:0;display:block;width:100%;height:100%;line-height:3;text-align: right;color: #747474;} .gallery2003_seltem label span{color:#000;} .gallery2003_seltem.chk input{height: calc(100% + 2px);width:100%;border:none;background:none;margin-top:-1px;box-sizing:border-box} .gallery2003_seltem.chk input:checked {background: url(/img/smart/app_myinsurer/ico_chk.png) no-repeat 6px 14px;border: none;background-size:18px;} .gallery2003_seltem.chk input:checked:after {content:"";display:block;position:relative} .gallery2003_mphone .ps2003_box {flex:0 0 100%!important;} .gallery2003_mphone .phoneArea {flex:1;display: inline-flex;} .gallery2003_mail .ps_box {flex:0 0 100%!important;} .gallery2003_sel{width: 100%;padding:0!important;height:26px;border:none;background: url(/img/good_201008/2003_arrow.png) 317px 10px no-repeat;color: #333;font-size: 17px;font-family:'Malgun Gothic','¸¼Àº °íµñ'; -webkit-appearance:none!important;} .gallery2003_phcode{font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 11px;color:#f15300;letter-spacing: -1.2px;position:absolute;top: 15px;left: 79px;cursor: pointer;} /* INPUTºÎºÐ °³ÀÎ Á¤º¸ ¼öÁý ÀÌ¿ë µ¿ÀÇ */ .gallery2003_w_chk {display: block;position: relative;height: 25px;margin-top: 13px;margin-left: 77px;} .gallery2003_w_chk input{position:absolute;top:5px;left:3px;z-index:9;width: 1%;height: 1%;} .gallery2003_w_chk label{display:block;position:absolute;top: 0;left:0;cursor:pointer;background: url("/img/landing/200204_landing_chk.png") no-repeat scroll left center;padding-left: 23px;height: 18px;} .gallery2003_w_chk label span{font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 13px;letter-spacing: -1.5px;color: #333;margin-top: -1.3px;vertical-align: top;display: inline-block;} .gallery2003_w_chk input:checked + label {z-index:100;} .gallery2003_w_chk label.on {z-index:100;background: url("/img/landing/200204_landing_chk_on.png") no-repeat scroll left center;} .gallery2003_w_chk .gallery2003_more{font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;color:#999;font-size:12px;text-decoration: underline!important;margin-left: 90px;} /* ¹öÆ° */ .gallery2003_btnWrap {position:relative;display:block;text-align:center} .gallery2003_btnWrap01 {position:relative;text-align:center;margin-bottom: 3px;} .gallery2003_btn {display:inline-block;height: 57px;width: 100%;cursor:pointer;box-sizing:border-box;} .gallery2003_btn01 {display:inline-block;height: 33px;width: 100%;cursor:pointer;box-sizing:border-box;} .gallery2003_btn_insurPay {font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;color: #fff!important;border-radius: 5px;background-color: #f04e18;font-size: 20px!important;font-weight: 500;letter-spacing: -2px;line-height: 258%!important;text-decoration:none!important;} .gallery2003_btn_insurPay01 {font-family: "¸¼Àº °íµñ","µ¸¿ò"!important; color: #fff!important;border-radius: 5px;background-color: #0ea9eb;font-size: 20px!important;font-weight: 500;letter-spacing: -2px;line-height: 258%!important;text-decoration:none!important;} .gallery2003_btnTit {font-size: 12px;display: inline-block;vertical-align: top;margin-top: 1px;} .gallery2003_btn_round_in02 {color: #bec3c9!important;border-radius: 3px;background-color: #24364c;font-size: 15px;font-weight: 500;letter-spacing: -2px;line-height: 140%;padding: 5px 10px;width: 60px;} input::-ms-input-placeholder { color: #333; } input::-webkit-input-placeholder { color: #333; } input::-moz-placeholder { color: #333; } input::placeholder{ color: #333; } .gallery2003_input_cell input::-ms-input-placeholder { /* IE 10 */ color: #333; } .gallery2003_input_cell input::-webkit-input-placeholder { /* Chrome 10 */ color: #333; } .gallery2003_input_cell input::-moz-placeholder { color: #333; } .gallery2003_input_cell input::placeholder { color: #333; } .gallery2003_input_cell04 input::-ms-input-placeholder { font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 11px;color:#f15300;letter-spacing: -1.2px;position:absolute;top: 15px;left: 79px;cursor: pointer; } .gallery2003_input_cell04 input::-webkit-input-placeholder { font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 11px;color:#f15300;letter-spacing: -1.2px;position:absolute;top: 15px;left: 79px;cursor: pointer; } .gallery2003_input_cell04 input::-moz-placeholder { font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 11px;color:#f15300;letter-spacing: -1.2px;position:absolute;top: 15px;left: 79px;cursor: pointer; } .gallery2003_input_cell04 input::placeholder { font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;font-size: 11px;color:#f15300;letter-spacing: -1.2px;position:absolute;top: 15px;left: 79px;cursor: pointer; } .gallery2003_btnWrap01 {position:relative;text-align:center;margin: 15px 0 17px 0;} .gallery2003_btn01 {display:inline-block;height: 33px;width: 100%;cursor:pointer;box-sizing:border-box;} .gallery2003_btn_agree01 {font-family: "¸¼Àº °íµñ","µ¸¿ò"!important;color: #fff!important;border-radius: 50px;background-color: #767d92;font-size: 15px!important;font-weight: 500;letter-spacing: -1px;line-height: 270%!important;width: 230px;height: 42px; text-decoration:none!important;} .gallery2003_gradtext { font-family: "¸¼Àº °íµñ","µ¸¿ò"; color:#fb460a; font-size: 33px; font-weight: 900; letter-spacing: -5.6px; width: 193px; /* ÅؽºÆ® ±×¶óµ¥ÀÌ¼Ç (ie Àû¿ë¾ÈµÊ) .gallery2003_gradtext { font-family: "¸¼Àº °íµñ","µ¸¿ò"; background: #55ffaa; background: -webkit-linear-gradient(left, #f93428, #fd9928); background: -moz-linear-gradient(right, #f93428, #fd9928); background:-o-linear-gradient(right, #f93428, #fd9928); background: linear-gradient(to right, #f93428, #fd9928); -moz-background-clip: text; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; fill-color: transparent; color: transparent; font-size: 33px; font-weight: 900; letter-spacing: -5.6px; width: 193px; }*/