@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 회사개요 및 인사말 .greeting */
.greeting .cnt01 .wrap {display:flex; justify-content:center; align-items:center;}
.greeting .cnt01 .txt {text-align:center; padding-right:50px;}
.greeting .cnt01 h3 {font-size:28px; font-weight:500; color:#206fb7; line-height:1.4em; margin-bottom:30px; padding:20px 0; position:relative;}
.greeting .cnt01 h3:before {content:'“'; position:absolute; top:0; left:70px; font-size:60px; font-family:'S-CoreDream-6Bold';}
.greeting .cnt01 h3:after {content:'”'; position:absolute; bottom:-40px; right:0; font-size:60px; font-family:'S-CoreDream-6Bold';}
.greeting .cnt01 p {font-size:20px; line-height:1.8em; color:#454545; font-weight:500;}
.greeting .cnt02 {background:#f8f8f8; padding:50px 0; margin-bottom:50px; color:#454545;}
.greeting .cnt02 h3 {font-size:28px;  line-height:1.2em; margin-bottom:30px;}
.greeting .cnt02 p {margin-bottom:30px; line-height:1.7em;}
.greeting .cnt02 p span {color:#206fb7; font-size:18px;}
.greeting .cnt02 p:last-child {margin-bottom:0;}
.greeting .cnt03 .wrap {display:flex; margin-left:-30px;}
.greeting .cnt03 .wrap>div {width:50%; margin-left:30px;}
.greeting .cnt03 .wrap h3 {font-size:24px; line-height:1.1em; font-weight:500; color:#0e4271; margin-bottom:16px;}	
.greeting .cnt03 .wrap ul {padding-left:33px;}	
.greeting .cnt03 .wrap ul li {line-height:1.8em; color:#454545; padding-left:18px; position:relative;}
.greeting .cnt03 .wrap ul li:before {content:''; width:8px; height:8px; background:#454545; position:absolute; top:50%; margin-top:-4px; left:0;}
/* sub01_02 대표이력 .career */
.career .tit {font-size:20px; line-height:1.4em; font-weight:500; color:#0e4271; padding-left:30px; position:relative; margin-bottom:16px;}
.career .tit:before {content:''; width:20px; height:20px; position:absolute; left:0; top:50%; margin-top:-10px; background-image:url('../images/bbs/tit_icon.png'); background-repeat:no-repeat; background-size:cover;}
.career .cnt {margin-bottom:50px; padding-left:30px; color:#454545; line-height:1.75em;}
.career .wrap {display:flex; margin-left:-45px; position:relative;}
.career .wrap:after {content:''; width: calc(100% - 45px); height:1px; background:#ddd; top:50%; right:0; position:absolute; z-index:-1;}
.career .wrap .box {width:33.333333%; margin-left:45px; border-radius:10px; background:#fff; overflow:hidden; position:relative; z-index:1;}
.career .wrap .box h3 {line-height:55px; font-size:18px; font-weight:500; color:#fff; background:#ddc54b; text-align:center;}
.career .wrap .box ul {padding:20px 30px; border:1px solid #ddd; border-top:0; border-radius:0 0 10px 10px; min-height:210px;}
.career .dashed li {position:relative; padding-left:12px;}
.career .dashed li:before {content:''; background:#454545; width:6px; height:1px; position:absolute; top:14px; left:0;}
/* sub01_03 책소개 .introduce */
.introduce {padding-bottom:30px;}
.introduce .wrap {display:flex;}
.introduce .img-box {width:41.6%; position:relative;}
.introduce .img-box:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #dfdfdf;}
.introduce .txt {width:58.4%; padding-left:50px;}
.introduce .txt h3 {font-size:26px; line-height:1.1em; color:#cb8961; margin-bottom:26px;}
.introduce .txt h4 {font-size:18px; line-height:1.5em; color:#454545; margin-bottom:12px;}
.introduce .txt p {line-height:1.7em; color:#454545; margin-bottom:28px;}
.introduce .txt a {line-height:50px; background:#0e4271; color:#fff; padding:0 30px; display:inline-block;}
/* sub01_04 오시는길 .introduce */
.directions .root_daum_roughmap {width:100% !important; height:500px !important;}
.directions .root_daum_roughmap .wrap_map {height:500px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"골드크로스 투자자산컨설팅"; font-size:12px; line-height:15px;}
.directions ul li {display:flex; line-height:49px; border-bottom:1px solid #dfdfdf; color:#454545;}
.directions ul li span {width:230px; text-align:center; display:block; font-weight:500;}
.directions ul li p {width:calc(100% - 230px);}
/* doc-txt */
.doc-txt {background:#f5f5f5; padding:30px 0; line-height:1.6em; color:#454545; text-align:center; margin-bottom:50px; border-radius:10px;}
/* sub02_01 상담개요 .outline */
.outline ol {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px;}
.outline ol li {width:calc(25% - 20px); margin-left:20px; margin-bottom:20px; padding:30px 0; border:1px solid #23aacc; border-radius:10px; display:flex; flex-direction:column; align-items:center; position:relative;}
.outline ol li .img-box {margin-bottom:12px;}
.outline ol li .pic {width:130px; height:130px; border-radius:50%; position:relative; background:#686868;}
.outline ol li:nth-child(2) .pic,
.outline ol li:nth-child(4) .pic,
.outline ol li:nth-child(5) .pic,
.outline ol li:nth-child(7) .pic {background:#dec44b;}
.outline ol li .pic img {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}
.outline ol li p {line-height:1.7em; font-weight:500; color:#454545; text-align:center;}
.outline ol li:after {content:''; width:50px; height:50px; top:50%; right:-35px; transform:translateY(-50%); z-index:1; position:absolute; border-radius:50%; border:1px solid #0e4271; background-color:#fff; background-image:url('../images/sub/outline_arrow.png'); background-size:20%; background-repeat:no-repeat; background-position:center center;}
.outline ol li:last-child:after {display:none;}
.outline ol li:nth-child(4):after {top:auto; bottom:-35px; right:auto; left:50%; transform:translateX(-50%) rotate(90deg);}
.outline ol li:nth-child(5):after,
.outline ol li:nth-child(6):after,
.outline ol li:nth-child(7):after {transform:translateY(-50%) rotate(180deg);}
/* sub02_02 상담분야 .area */
.area .cnt {display:flex; margin-bottom:30px;}
.area .cnt:last-child {margin-bottom:0;}
.area .cnt .img-box {width:37.5%;}
.area .cnt .box {width:62.5%; padding-left:30px;}
.area .cnt .box h3 {font-size:20px; line-height:1.4em; font-weight:500; color:#0e4271; padding-left:18px; position:relative; margin-bottom:16px;}
.area .cnt .box h3:before {content:''; width:8px; height:8px; background:#0e4271; position:absolute; top:50%; margin-top:-4px; left:0;}
.area .cnt .box .tt {padding-left:30px; line-height:1.7em; color:#454545;}
/* sub02_03 상담절차 .process */
.process ol {display:flex; margin-left:-10px;}
.process ol li {width:20%; margin-left:10px;}
.process ol li .img-box {border-radius:10px 10px 0 0; min-height:165px; padding:30px 0 0; display:flex; flex-direction:column; align-items:center; position:relative;}
.process ol li .img-box .pic {margin-bottom:10px;}
.process ol li .img-box p {font-weight:500; color:#fff; line-height:1.7em; text-align:center;}
.process ol li:nth-child(1) .img-box {background:#92ce56;}
.process ol li:nth-child(2) .img-box {background:#46c5a1;}
.process ol li:nth-child(3) .img-box {background:#39c5ca;}
.process ol li:nth-child(4) .img-box {background:#23aacc;}
.process ol li:nth-child(5) .img-box {background:#1684bd;}
.process ol li .txt {color:#454545; line-height:1.7em; padding:20px 0 0 20px; min-height:165px; border-radius:0 0 10px 10px; border:1px solid #ddd; border-top:0;}
.process ol li .img-box:after {content:''; width:50px; height:50px; position:absolute; bottom:-9px; right:-33px; background-repeat:no-repeat; background-size:cover; z-index:1;}
.process ol li:nth-child(1) .img-box:after {background-image: url('../images/sub/process_arrow01.png');}
.process ol li:nth-child(2) .img-box:after {background-image: url('../images/sub/process_arrow02.png');}
.process ol li:nth-child(3) .img-box:after {background-image: url('../images/sub/process_arrow03.png');}
.process ol li:nth-child(4) .img-box:after {background-image: url('../images/sub/process_arrow04.png');}
/* sub02_04 상담효과 .effect */
.effect ul {display:flex; margin-left:-30px;}
.effect ul li {width:33.33333%; margin-left:30px;}
.effect ul li .img-box {border-radius:10px 10px 0 0; min-height:235px; padding:30px 0 0; display:flex; flex-direction:column; align-items:center; position:relative;}
.effect ul li .img-box .pic {margin-bottom:10px; width:110px; height:110px; border-radius:50%; background:#fff; position:relative;}
.effect ul li .img-box .pic img {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}
.effect ul li .img-box p {font-size:18px; font-weight:500; color:#fff; line-height:1.6em; text-align:center;}
.effect ul li:nth-child(1) .img-box {background:#92ce56;}
.effect ul li:nth-child(2) .img-box {background:#46c5a1;}
.effect ul li:nth-child(3) .img-box {background:#39c5ca;}
.effect ul li .txt {color:#454545; line-height:1.7em; padding:20px 30px; min-height:190px; border-radius:0 0 10px 10px; border:1px solid #ddd; border-top:0;}
/* sub02_05 상담비용 .expense */
.expense .cnt {display:flex; padding:30px 0; border-bottom:1px solid #ddd; align-items:center;}
.expense .cnt:first-child {border-top:1px solid #ddd;}
.expense .cnt .img-box {width:130px;}
.expense .cnt .img-box .pic {position:relative;	width:130px; height:130px; border-radius:50%;}
.expense .cnt .img-box .pic img {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}
.expense .cnt:nth-child(1) .img-box .pic {background:#b8d9f5;}
.expense .cnt:nth-child(2) .img-box .pic {background:#8cb8df;}
.expense .cnt:nth-child(3) .img-box .pic {background:#6599c7;}
.expense .cnt:nth-child(4) .img-box .pic {background:#4077a9;}
.expense .cnt:nth-child(5) .img-box .pic {background:#235c90;}
.expense .cnt:nth-child(6) .img-box .pic {background:#0e4271;}
.expense .cnt .txt {width:calc(100% - 130px); padding-left:50px; line-height:1.7em; color:#242424;}
.expense .cnt .txt h3 {font-size:16px; font-weight:400; position:relative; padding-left:8px;}
.expense .cnt .txt h3:before {content:''; position:absolute; top:11px; left:0; border-radius:50%; background:#242424; width:4px; height:4px;}
.expense .cnt .txt ul {padding-left:12px;}
.expense .cnt .txt ul li {font-size:16px; line-height:1.7em;}