@charset "utf-8";

table,thead,tbody,tfooter,tr,th,td{border-collapse:collapse}
.w1070{width:1070px;margin:0 auto}
/*공통*/
.pagecommon{margin-bottom:50px;font-size:15px;line-height:25px;letter-spacing:-.4px;color:#777;font-family:'S-CoreDream-4Regular'}
.pagecommon:after{display:block;content:'';clear:both}
.pagecommon .brown{color:#b7702c}
.pagecommon .gray{color:#777}
.pagecommon .br{white-space:pre-line}
.pagecommon .cont+.cont{margin-top:70px;padding-top:70px;border-top:1px dashed #d7d7d7}
.pagecommon .w3_m{float:left;width:calc(100% / 3 - 10px);margin:0 10px 10px 0}
.pagecommon .stit{position:relative;margin:60px auto 50px;padding:0 15px;text-align:center;font-size:13px;line-height:13px}
.pagecommon .stit:after,.pagecommon .stit:before{content:'';position:absolute;top:0;width:2px;height:100%;background-color:#b7702c}
.pagecommon .stit:after{left:0}
.pagecommon .stit:before{right:0}
.pagecommon .tit{margin-bottom:30px;font-size:23px;line-height:23px;text-align:center;color:#222;font-family:'S-CoreDream-3Light'}
.pagecommon .e{font-weight:700;letter-spacing:0;font-family:'Poppins'}
.pagecommon b, .pagecommon .b{font-family:'S-CoreDream-6Bold'}
.pagecommon .tit_box .tit{display:inline-block;padding:2px 20px;background-color:#191a22;text-align:left;color:#fff;font-size:20px;font-family:'S-CoreDream-5Medium'}
.pagecommon .tit{margin-bottom:20px;font-size:20px;line-height:35px;color:#222;text-align:center}
.pagecommon .e_tit{margin-bottom:40px;text-align:center;font-size:35px;line-height:35px;color:#222;font-weight:700;font-family:'Nanum Myeongjo'}
.pagecommon .txt{word-break:keep-all;text-align:center}
.pagecommon .num{display:inline-block;position:absolute;left:0;font-size:13px;line-height:13px}
.pagecommon .img{margin-bottom:40px;text-align:center}
.pagecommon .c_left{position:relative}
.pagecommon .c_left:before{content:'';position:absolute;top:0;left:20px;width:1px;height:100%;background-color:#d7d7d7}
.pagecommon .c_left dl{}
.pagecommon .c_left dl+dl{margin-top:40px}
.pagecommon .c_left dt{position:relative;float:left;width:calc(100% / 3 - 20px);margin-right:20px;padding-left:50px;color:#222;font-size:18px;word-break:keep-all}
.pagecommon .c_left dt .art{top:-10px;width:40px;height:40px;margin-right:10px;background-color:#191a22;border-radius:50% 50% 0 50%;text-align:center;line-height:40px;color:#fff}
.pagecommon .c_left dd{float:left;width:calc(100% / 3 * 2)}
.pagecommon dd .stxt{display:block;font-size:13px;color:#999}
.pagecommon .g_box{padding:30px 35px;background-color:#f7f7f7}
.pagecommon .g_box .list,.pagecommon .pd_box .list{text-align:center}
.pagecommon .over:after{display:block;content:'';clear:both}
.pagecommon .w3{float:left;width:calc(100% / 3)}
.pagecommon .l_cont{float:left;width:320px;text-align:center}
.pagecommon .l_cont ul{text-align:left}
.pagecommon .r_cont{float:left;width:calc(100% - 320px)}
.pagecommon .l_cont .logo{margin-bottom:20px}
.pagecommon .l_cont .s_tit{margin:20px 0 15px;font-size:20px;color:#222;line-height:20px}
.pagecommon .list{word-break:keep-all}
.pagecommon .w4{float:left;width:calc(100% / 4)}
.pagecommon .list .dot{position:relative;padding-left:12px;word-break:keep-all}
.pagecommon .list .dot:before{content:'';position:absolute;left:0;top:9px;;width:3px;height:3px;border-radius:50%;background-color:#555}
.pagecommon .tit_box+.tit_box{margin-top:50px}
.pagecommon .dg_box p:first-child{margin-top:20px}
.pagecommon .dg_box p{margin-top:5px;padding:10px;background-color:#c1c1c1;color:#fff;text-align:center;font-family:'S-CoreDream-5Medium'}
.pagecommon .ceo{margin:30px 0 80px}
.pagecommon .w2{float:left;width:calc(100% / 2)}
.pagecommon .box{padding:40px 35px 40px 108px;border-top:1px solid #d7d7d7}
.pagecommon .box:nth-child(even){border-left:1px solid #d7d7d7}
.pagecommon .box:nth-child(2){height:209px}
.pagecommon .box:nth-child(3),.pagecommon .box:nth-child(4){border-bottom:0}
.pagecommon .box dt{position:relative;margin-bottom:10px;font-size:18px;color:#222;line-height:18px}
.pagecommon .box dt .num{left:-70px;top:0px;color:#b7702c}
.pagecommon .box dd{word-break:keep-all}
.pagecommon .k_box{margin-bottom:100px;padding:20px 0;background-color:#191a22;color:#fff;text-align:center}
.pagecommon .line_box{border:1px solid #d7d7d7}
.pagecommon .pd_box{padding:30px 35px}
.pagecommon .table{padding-bottom:50px}
.pagecommon table{width:100%;border-top:2px solid #222}
.pagecommon tbody{}
.pagecommon tr{border-bottom:1px solid #d7d7d7}
.pagecommon th{width:20%;background-color:#f7f7f7;font-weight:normal;color:#222}
.pagecommon td{padding:15px 25px}

/*about*/
.overview{}
.overview .txt{padding-bottom:30px;margin-bottom:30px}
.overview .stit{width:163px}
.overview .tit{font-size:22px;line-height:22px;font-family:'S-CoreDream-5Medium'}
.overview .over{}
.overview .w4{opacity:0;position:relative;bottom:-80px;padding:30px 0;margin-bottom:50px;text-align:center}
.overview .w4.active:nth-child(1){opacity:1;bottom:0;transition:all 1s .1s}
.overview .w4.active:nth-child(2){opacity:1;bottom:0;transition:all 1s .5s}
.overview .w4.active:nth-child(3){opacity:1;bottom:0;transition:all 1s 1s}
.overview .w4.active:nth-child(4){opacity:1;bottom:0;transition:all 1s 1.5s}
.overview .w4+.w4{border-left:1px solid #d7d7d7}
.overview .w4 .icon{height:80px;margin-bottom:30px;background:no-repeat center;transition:all .3s}
.overview .w4:nth-child(1) .icon{background-image:url(/sh_page/img/p33_icon-01.png)}
.overview .w4:nth-child(2) .icon{background-image:url(/sh_page/img/p33_icon-02.png)}
.overview .w4:nth-child(3) .icon{background-image:url(/sh_page/img/p33_icon-03.png)}
.overview .w4:nth-child(4) .icon{background-image:url(/sh_page/img/p33_icon-04.png)}
.overview .w4:nth-child(1):hover .icon{background-image:url(/sh_page/img/p33_icon-01_on.png)}
.overview .w4:nth-child(2):hover .icon{background-image:url(/sh_page/img/p33_icon-02_on.png)}
.overview .w4:nth-child(3):hover .icon{background-image:url(/sh_page/img/p33_icon-03_on.png)}
.overview .w4:nth-child(4):hover .icon{background-image:url(/sh_page/img/p33_icon-04_on.png)}
.overview .w4 .icon{}
.overview .w4 dl{}
.overview .w4 dl dt{margin-bottom:10px;font-size:16px;color:#222;letter-spacing:0;font-family:'S-CoreDream-6Bold'}
.overview .w4 dl dd{}
.overview .w4 dl dd span{display:block;font-size:13px;color:#aaa}
.overview .gray_box{}
.overview .gray_box .w2{opacity:0;position:relative;bottom:-80px;width:calc(100% / 2 - 8px);padding:30px 30px;background-color:#f5f5f5}
.overview .gray_box .w2.active:nth-child(1){opacity:1;bottom:0;transition:all 1s 2s}
.overview .gray_box .w2.active:nth-child(2){opacity:1;bottom:0;transition:all 1s 2.5s}
.overview .gray_box .w2+.w2{margin-left:15px}
.overview .gray_box .w2 .icon{float:left;width:120px;height:120px;margin-right:30px;text-align:center;line-height:110px;background:no-repeat center center;transition:all .3s}
.overview .gray_box .w2:nth-child(1) .icon{background-image:url(/sh_page/img/p33_icon-05.png)}
.overview .gray_box .w2:nth-child(2) .icon{background-image:url(/sh_page/img/p33_icon-06.png)}
.overview .gray_box .w2:nth-child(1):hover .icon{background-image:url(/sh_page/img/p33_icon-05_on.png)}
.overview .gray_box .w2:nth-child(2):hover .icon{background-image:url(/sh_page/img/p33_icon-06_on.png)}
.overview .gray_box .w2 dl{float:left;padding:18px 0 0}
.overview .gray_box .w2 dl dt{margin-bottom:10px;font-size:18px;color:#222;font-family:'S-CoreDream-6Bold'}
.overview .gray_box .w2 dl dd{}

/*OUR TEAM*/
#p34 .cont:nth-child(1) .stit{width:163px}
#p34 .cont:nth-child(2) .stit{width:97px;margin-top:0}
#p34 ul{text-align:center}
#p34 .pd_box{display:inline-block;overflow:hidden;position:relative;width:calc(100% / 3 - 13px);height:260px;margin:0 10px 10px 0;background-color:#fff;text-align:center;transition:all .3s}
#p34 .pd_box .basics,#p34 .pd_box .hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;font-family:'Poppins'}
#p34 .pd_box:hover .hover{opacity:1}
#p34 .pd_box .hover{opacity:0;height:100%;padding:45px 0;background-color:#f7f7f7;transition:all .3s}
#p34 .pd_box .hover dl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
#p34 .pd_box .hover dd{text-align:left;font-size:13px;padding:0 5px;line-height:18px}
#p34 .pd_box .hover dt{margin-bottom:15px;font-size:14px;color:#222;line-height:24px;font-weight:700;letter-spacing:0;word-break:keep-all}
#p34 .pd_box .hover dd .dot{display:inline-block;width:3px;height:3px;margin:0 4px 3px 0;background-color:#b7702c;border-radius:50%}
#p34 .pd_box .basics dt{height:30px;margin-bottom:15px;font-size:14px;line-height:16px;letter-spacing:0;color:#a5a5a5;font-weight:555}
#p34 .pd_box .basics dd{font-size:13px;color:#222;font-family:'S-CoreDream-5Medium'}
#p34 .pd_box .txt{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:100%;margin:0;padding:0}

/*Strategy*/
#p37{}
#p37 ul{position:relative;margin-top:50px}
#p37 ul:before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#d7d7d7}
#p37 ul li{opacity:0;position:relative;bottom:-80px;height:550px;overflow:hidden;padding:0 30px}
#p37 ul li.active:nth-child(1){opacity:1;bottom:0;transition:all 1s .1s}
#p37 ul li.active:nth-child(2){opacity:1;bottom:0;transition:all 1s .5s}
#p37 ul li.active:nth-child(3){opacity:1;bottom:0;transition:all 1s 1s}
#p37 ul li.active:nth-child(4){opacity:1;bottom:0;transition:all 1s 1.5s}
#p37 ul li:nth-child(2){margin-top:275px}
#p37 ul li:nth-child(3){margin-top:-275px}
#p37 ul li .icon{height:250px;background-color:#b7702c;margin-bottom:50px}
#p37 ul li dl{padding:0 40px}
#p37 ul li dl dt{margin-bottom:20px;font-size:18px;line-height:18px;color:#222;font-family:'S-CoreDream-6Bold'}
#p37 ul li dl dd{word-break:keep-all}
#p37 ul li:nth-child(2){padding-bottom:80px}


/*Risk Management*/
#p38{}
#p38 .tit{margin-top:40px}
#p38 .g_box{position:relative;margin-bottom:100px}
#p38 .g_box:before{content:'\f063';position:absolute;left:50%;bottom:-60px;transform:translateX:-50%;font-size:30px;color:#d7d7d7;font-family:'fontawesome'}
#p38 .line_box{margin-top:40px}

/*CONTACT*/
#p35 .stit{width:115px;color:#222}
#p35 .tit{margin-top:50px;text-align:center;font-size:18px;font-family:'S-CoreDream-4Regular'}
#p35 .tit i{margin-right:10px}
#p35 ul{margin-top:50px}
#p35 ul li{margin-bottom:15px;color:#555;font-size:18px;text-align:center}
#p35 ul li i{display:block;width:40px;margin:0 auto 20px;font-size:30px;color:#222;transition:all .3s}
#p35 ul li:hover i{color:#b7702c}
#p35 .map_area iframe{width:100%;height:300px}

/*PORTFOLIO*/
#p40{padding-top:100px;text-align:center}
#p40 .icon{margin-bottom:50px}

#p44 .w4:nth-child(3) .icon{background-image:url(/sh_page/img/p44_icon-01.png)}
#p44 .w4:nth-child(3):hover .icon{background-image:url(/sh_page/img/p44_icon-01_on.png)}
#p44 .g_box{padding:60px 0 80px}
#p44 .g_box .w3{opacity:0;position:relative;bottom:-80px;width:calc(100% / 3 - 14px);height:390px;padding:60px 20px 50px;color:#fff;text-align:center;background-size:cover;background:no-repeat center}
#p44 .g_box .w3.active:nth-child(1){opacity:1;bottom:0;transition:all 1s .1s}
#p44 .g_box .w3.active:nth-child(2){opacity:1;bottom:0;transition:all 1s .5s}
#p44 .g_box .w3.active:nth-child(3){opacity:1;bottom:0;transition:all 1s 1s}
#p44 .g_box li:nth-child(1){background-image:url(/sh_page/img/p44_img-01.jpg)}
#p44 .g_box li:nth-child(2){background-image:url(/sh_page/img/p44_img-02.jpg)}
#p44 .g_box li:nth-child(3){background-image:url(/sh_page/img/p44_img-03.jpg)}
#p44 .g_box li+li{margin-left:20px}
#p44 .g_box li .icon{position:relative;width:60px;height:60px;margin:0 auto 60px;background:no-repeat center;background-size:cover}
#p44 .g_box li .icon{transform:rotate(30deg);animation:rotate 4s linear infinite;transform-origin:50% 50%}
@keyframes rotate{100%{transform:rotate(390deg)}}

#p44 .g_box li:nth-child(1) .icon{background-image:url(/sh_page/img/p44_icon-02.png)}
#p44 .g_box li:nth-child(2) .icon{background-image:url(/sh_page/img/p44_icon-03.png)}
#p44 .g_box li:nth-child(3) .icon{background-image:url(/sh_page/img/p44_icon-04.png)}
#p44 .g_box li dl{position:relative}
#p44 .g_box li dl:before{content:'';position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:30px;height:1px;background-color:#fff}
#p44 .g_box li dt{margin-bottom:20px;font-size:18px}
#p44 .g_box li dt span{display:block;font-size:13px;opacity:.5;letter-spacing:0}
#p44 .g_box li dd{margin-bottom:15px;opacity:.8}

#p38 .box:nth-child(1),#p38 .box:nth-child(2){border-top:0}
#p38 .g_box{opacity:0;position:relative;bottom:-80px}
#p38 .pd_box, #p38 .k_box{opacity:0;position:relative;bottom:-80px}
#p38 .pd_box.active{opacity:1;bottom:0;transition:all 1s .1s}
#p38 .k_box.active{opacity:1;bottom:0;transition:all 1s .1s}
#p38 .line_box .box{opacity:0;position:relative;bottom:-80px}
#p38 .line_box .box.active:nth-child(1){opacity:1;bottom:0;transition:all 1s .5s}
#p38 .line_box .box.active:nth-child(2){opacity:1;bottom:0;transition:all 1s 1s}
#p38 .line_box .box.active:nth-child(3){opacity:1;bottom:0;transition:all 1s 1.5s}
#p38 .line_box .box.active:nth-child(4){opacity:1;bottom:0;transition:all 1s 2s}