@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body { -webkit-text-size-adjust: 100%; }

/* LAYOUT */
#wrap { overflow: hidden; }
#header { position: fixed; width: 100%; height: 100px; left: 0; top: 0; background-color: rgba(255,255,255,0.1); z-index: 10; }
#header.v1 { background-color: rgba(255,255,255,1); }
#container { position:relative; margin: 0 auto; }
#footer { overflow: hidden; position: relative; background-color: #f5f5f5; border-top: 1px solid #e4e4e4; }

/* 공통 */
.motion { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* HEADER */
#header > .header_area { position: relative; width: 1440px; margin: 0 auto; }

#header > .header_area h1 { margin:0; padding:26px 0 0; line-height: 0; }
#header > .header_area h1 img.v1 { display: none; }

#header > .header_area .header_lnb { position:absolute; top:6px; right:0; }
#header > .header_area .header_lnb ul { padding:0;margin:0; }
#header > .header_area .header_lnb li {list-style: none;padding:0;margin:0 0 0 10px;float: left; }

#header > .header_area .gnb { position: absolute; height:60px; right: 0; top: 42px; }
#header > .header_area .gnb > ul { margin: 0; padding: 0; }
#header > .header_area .gnb > ul > li { list-style: none; position: relative; float: left; padding-left: 45px; }
#header > .header_area .gnb a,
#header > .header_area .gnb a:hover { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 16px; font-weight: 300; color: #000000; }
#header > .header_area .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .header_area .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:57px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header > .header_area .gnb .smenu ul { margin:0; padding:0; }
#header > .header_area .gnb .smenu li { position:relative; list-style:none; float:none; width:100%; height:30px; padding-left:0; background:none; }
#header > .header_area .gnb .smenu li:first-child { height:20px; }
#header > .header_area .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header > .header_area .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header > .header_area .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

#header > .header_area .gnb_btn { position: absolute; width: 30px; right: 0; top: 34px; cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .header_area .gnb_btn img { width: 100%; }

#header > .header_area .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999; display:none; }
#header > .header_area .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#20aae3; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999; }
#header > .header_area .gnb_m .head { height:55px; background-color:#fff; }
#header > .header_area .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header > .header_area .gnb_m .head .gnb_btn_close img { width:100%; }

#header > .header_area .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header > .header_area .gnb_m .list ul { margin:0; padding:0; }
#header > .header_area .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #3db5e7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .header_area .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; line-height:11px; font-size:11px; line-height:42px; font-weight:500; letter-spacing:1px; }
#header > .header_area .gnb_m .list .list_blet { position:absolute; width:8px; height:12px; right:14px; top:15px; background-image:url(../images/inc/m_blet.png); background-repeat:no-repeat; background-size:contain; }

#header > .header_area .gnb_m .list li.select { background-color:#080d16; }
#header > .header_area .gnb_m .list li.select .list_title { color:#20aae3; }
#header > .header_area .gnb_m .list li.select .list_title span { color:#20aae3; }
#header > .header_area .gnb_m .list li.select .list_blet { background-image:url(../images/inc/m_blet_ov.png); }

#header > .header_area .gnb_m .list .sub_list { background-color:#63c4eb; display:none; }
#header > .header_area .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header > .header_area .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #75cbed; border-bottom:none; font-family:'Noto Sans KR'; color:#080d16; line-height:11px; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
#header > .header_area .gnb_m .list:after { content:""; clear:both; display:block; }

/* CONTAINER */
#section0 .thum_bg01 { width: 100%; height: 100%; background:url(../images/main/slide01.jpg?20240417) no-repeat center; }
#section0 .thum_bg02 { width: 100%; height: 100%; background:url(../images/main/slide02.jpg?20240417) no-repeat center; }
#section0 h2 { opacity: 0; margin: 50px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 54px; line-height: 54px; font-weight: 400; color: #fff; letter-spacing: -1px; text-align: center; -moz-text-shadow:0 2px 2px rgba(0,0,0,0.2); -webkit-text-show:0 2px 2px rgba(0,0,0,0.2); text-shadow:0 2px 2px rgba(0,0,0,0.2); }
#section0 h2 strong { font-family: 'Noto Sans KR', sans-serif; font-size: 54px; line-height: 54px; font-weight: 500; color: #ffcc00; letter-spacing: -1px; }
#section0 p { opacity: 0; width: 50%; margin: 30px auto 70px; padding: 6px 0; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; line-height: 24px; font-weight: 200; color: #fff; text-align: center; background-color: rgba(0,0,0,0.3); }

#section0 .scroll_bar { position: absolute; width: 100%; left: 0; bottom: 40px; z-index: 1; }
#section0 .scroll_bar .scroll_icon { position: relative; width: 24px; margin: 0 auto; font-size: 0; }
#section0 .scroll_bar .scroll_icon span { display: inline-block; line-height: 0; }
#section0 .scroll_bar .scroll_icon span.v1 { margin-bottom: 1px; }

#section1 .thumcont { cursor: pointer; }
#section1 .thumcont .cont { position:relative; float:left; width:33.333333%; height:100vh; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
#section1 .thumcont .cont:before {display:none; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}

#section1 .thumcont .cont.on { width:50%; }
#section1 .thumcont .cont.on .cont { width:25%; }
#section1 .thumcont .cont1 { background:url(../images/main/section1_thum01.jpg?20240417) no-repeat center; }
#section1 .thumcont .cont2 { background:url(../images/main/section1_thum02.jpg?20240417) no-repeat right; }
#section1 .thumcont .cont3 { background:url(../images/main/section1_thum03.jpg?20240417) no-repeat center; }
	
#section1 .thumcont.on .cont {width:25%;} 
#section1 .thumcont.on .cont:before {display:block;} 
#section1 .thumcont.on .cont.on {width:50%;} 
#section1 .thumcont.on .cont.on:before {display:none;}

#section1 .thumcont h2 { margin: 230px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 36px; line-height: 36px ; font-weight: 500; letter-spacing: -2px; text-align: center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#section1 .thumcont h2.v1 { color: #3c2911; }
#section1 .thumcont h2.v2 { color: #153f55; }
#section1 .thumcont h2.v3 { color: #292929; }
#section1 .thumcont p { margin: 15px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; line-height: 22px ; font-weight: 300; letter-spacing: -1px; text-align: center; }
#section1 .thumcont p.v1 { color: #665131; }
#section1 .thumcont p.v2 { color: #1b455c; }
#section1 .thumcont p.v3 { color: #474747; }

#section1 .thumcont.on .cont.on h2 { margin: 270px 0 0; }

#section2 .section2_area { position: relative; margin: 0 auto; padding-bottom: 50px; background-color: #f8f8f8; }
#section2 .section2_area ul { margin: 0; padding: 50px 0 0; }
#section2 .section2_area li { overflow: hidden; position: relative; list-style: none; float: left; width: 33.333333%; }
#section2 .section2_area li:nth-child(2) { min-height: 180px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#section2 .section2_area .title { position: relative; margin: 10px 15.625% 0; font-family: 'Noto Sans KR', sans-serif; font-size: 22px; line-height: 22px; font-weight: 500; letter-spacing: -1px; }
#section2 .section2_area .title .more { position: absolute; right: 0; top: 6px; line-height: 0; }
#section2 .section2_area .list { margin: 12px 14% 0; }
#section2 .section2_area .list ul { margin: 0; padding: 0; }
#section2 .section2_area .list li { overflow: hidden; list-style: none; float: none; width: 100%; height: 64px; margin: 0; border-bottom: 1px solid #d9d9d9; font-size: 0; }
#section2 .section2_area .list li:nth-child(2) { min-height: 64px; border-left: none; border-right: none; }
#section2 .section2_area .list a,
#section2 .section2_area .list a:hover { padding-left: 10px; font-family: 'Nanum Gothic'; font-size: 15px; line-height: 64px; font-weight: 700; color: #000; display: block; }
#section2 .section2_area .list .data { position: absolute; width: 70px; right: 0; top: 10px; font-family: 'Arial'; font-size: 14px; line-height: 24px; color: #5b5b5b; font-weight: 200; text-align: center; }
#section2 .section2_area .list .data strong { display: block; font-family: 'Arial'; font-size: 24px; line-height: 24px; color: #0f6bb3; font-weight: 500; }
#section2 .section2_area .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#section2 .section2_area .customer { margin: 0 12%; background: url(../images/main/customer_thum.png?20240417) no-repeat 90%; }
#section2 .section2_area .customer h2 { margin: 15px 10% 0 10%; font-family: 'Nanum Gothic'; font-size: 18px; line-height: 18px; color: #000; font-weight: 700; }
#section2 .section2_area .customer p { margin: 10px 10% 0 10%; font-family: 'Nanum Gothic'; font-size: 14px; line-height: 24px; color: #898884; font-weight: 700; }
#section2 .section2_area .customer p i { display: block; }
#section2 .section2_area .customer .tel { margin: 10px 10% 0 10%; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; line-height: 24px; color: #169cfb; font-weight: 500; }
#section2 .section2_area .customer .tel a,
#section2 .section2_area .customer .tel a:hover { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; line-height: 24px; color: #169cfb; font-weight: 500; }
#section2 .section2_area:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}



/* 20180327 신규추가 */
#section2 #new_area { overflow: hidden; position: relative; margin: 0 auto; background-color:#f8f8f8; }
#section2 #new_area ul { margin:45px 20px 0; padding:0 0 45px 0; }
#section2 #new_area li { position:relative; list-style:none; float:left; width: 31.33333%; min-height:220px; margin: 0 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#section2 #new_area ul:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#section2 #new_area .title { position: relative; margin: 30px 25px 0; font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: -1px; color:#fff; }
#section2 #new_area .title.v1 { color:#000000; }
#section2 #new_area .list { margin: 10px 25px 0; }
#section2 #new_area .list ul { width:auto; margin: 0; padding: 0; }
#section2 #new_area .list li { list-style: none; float: none; width: 100%; min-height: auto; margin: 0; padding-left: 10px; border:none; background-color:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; }
#section2 #new_area .list a,
#section2 #new_area .list a:hover { font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; }
#section2 #new_area .list li:after{ content:""; display:block; clear:both; position:absolute; width:3px; height:3px; left:0; top:13px; background-color:#fff; }
#section2 #new_area .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#section2 #new_area li.semnunews { background-color: #4783c6; }

#section2 #new_area li.customer { background: url(../images/main/new_customer.png?20240417) no-repeat 85% 90px; background-color: #dce6f2; border:1px solid #c6c6c6; }
#section2 #new_area li.customer p { margin: 10px 25px 0; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 28px; color: #3e3e3e; font-weight: 700; }
#section2 #new_area li.customer .tel { margin: 10px 25px 0; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 26px; color: #169cfb; font-weight: 700;}
#section2 #new_area li.customer .tel a,
#section2 #new_area li.customer .tel a:hover { font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 26px; color: #169cfb; font-weight: 700; }

#section2 #new_area li.fundmoney { background: url(../images/main/new_fund.png) no-repeat 85% 90px; background-color: #5e74b1; }
#section2 #new_area li.fundmoney p { margin: 10px 25px 0; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; }
#section2 #new_area li.fundmoney .btn_read { margin: 20px 25px 0; }



#section2 .partner { position: relative; width: 1440px; margin: 65px auto; }
#section2 .partner h2 { margin: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 40px; line-height: 40px; color: #111111; font-weight: 400; letter-spacing: -2px; text-align: center; }
#section2 .partner p { margin: 25px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 16px; color: #747474; font-weight: 300; letter-spacing: -1px; text-align: center; }
#section2 .partner .partner_list { margin: 40px auto 0; }
#section2 .partner .partner_list ul { margin: 0; padding: 0; }
#section2 .partner .partner_list li { list-style: none; float: left; line-height: 0; padding: 20px 0; }
#section2 .partner .partner_list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* SUB CONTAINER */
#container .sub_slide { position: relative; height:250px; margin-top:100px; background: url(../images/inc/sub_spot.png) no-repeat center top; text-align:center; line-height:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .sub_slide span { position: absolute; width:100%; left:0; top:0; font-family: 'Noto Sans KR', sans-serif; font-size: 54px; line-height: 250px; color: #fff; font-weight: 400; }

#sub_container { display:table; position: relative; width: 1440px; margin: 0 auto; background-color:#fff; }
#sub_container > #side { display: table-cell; overflow: hidden; vertical-align: top; width: 15.416666%; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #side .left_title { margin-top: 60px; font-family: 'Noto Sans KR', sans-serif; font-size: 24px; line-height: 24px; color: #444444; font-weight: 500; text-align: center; }
#sub_container > #side .left_title_bar { height: 2px; margin: 26px 20px 0; background-color: #444444; }
#sub_container > #side .left_menu { margin-top: 20px; }
#sub_container > #side .left_menu ul { margin: 0; padding: 0; }
#sub_container > #side .left_menu li { position: relative; list-style: none; height: 40px; }
#sub_container > #side .left_menu a { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; color: #666666; display: block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu a:hover { font-weight: bold; color: #fff; background-color: #0155ad; }
#sub_container > #side .left_menu .dot { position: absolute; right: 35px; top: 18px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu .dot span { position: absolute; display: block; height: 1px; background-color: #b9b9b9; }
#sub_container > #side .left_menu .dot span.v1 { width: 7px; left: 0; top: 0; }
#sub_container > #side .left_menu .dot span.v2 { width: 5px; left: 1px; top: 1px; }
#sub_container > #side .left_menu .dot span.v3 { width: 3px; left: 2px; top: 2px; }
#sub_container > #side .left_menu .dot span.v4 { width: 1px; left: 3px; top: 3px; }
#sub_container > #side .left_menu li:hover .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu li:hover .dot span { background-color: #fff; }
#sub_container > #side .left_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#sub_container > #side .left_menu > ul > li.selected {color:#0070bd; font-weight:bold;}
#sub_container > #side .left_menu > ul > li.selected a,
#sub_container > #side .left_menu > ul > li.selected a:hover { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; font-weight: bold;  color: #fff; background-color: #0155ad; display: block; }
#sub_container > #side .left_menu > ul > li.selected .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu > ul > li.selected .dot span { background-color: #fff; }

#sub_container > #side .banner_tel { height: 59px; margin: 30px 0 100px; background-color: #f8f8f8; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; text-align:center; letter-spacing: -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sub_container > #side .banner_tel a,
#sub_container > #side .banner_tel a:hover { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; letter-spacing: -1px; }

#sub_container > #content { display: table-cell; padding:0 2.777777%; vertical-align: top; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #content > .lnb { position:absolute; right:2.777777%; top:20px; }
#sub_container > #content > .lnb ul { margin:0; padding:0; }
#sub_container > #content > .lnb li { list-style:none; float:left; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#sub_container > #content > .lnb li:first-child { padding-left:0; background:none; }
#sub_container > #content > .lnb a,
#sub_container > #content > .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#sub_container > #content > .lnb img { margin-top:2px; }

#sub_container > #content > .title { position:relative; margin:42px 0 0 0; padding-top:11px; font-family: 'Noto Sans KR', sans-serif; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
#sub_container > #content > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#sub_container > #content > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; }

#sub_container > #content > .content_area { position:relative; margin:40px 0 50px 0; }

/* FOOT */
#footer > .area { position: relative; width: 1440px; margin: 44px auto 0; }
#footer > .area .foot_menu { }
#footer > .area .foot_menu ul { margin: 0; padding: 0; }
#footer > .area .foot_menu li { list-style: none; float: left; padding-left: 21px; background: url(../images/inc/footer_bar.png) no-repeat 10px 2px; }
#footer > .area .foot_menu li:first-child { padding-left: 0; background: none; }
#footer > .area .foot_menu a,
#footer > .area .foot_menu a:hover { font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; font-weight: 800; color: #5b5b5b; }
#footer > .area .foot_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area .copyright { margin: 10px 0 40px 0; }
#footer > .area .copyright ul { margin: 0; padding: 0; }
#footer > .area .copyright li { list-style: none; float: left; padding-left: 21px; margin-bottom: 5px; background: url(../images/inc/footer_bar.png) no-repeat 10px 2px; font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; color: #848484; }
#footer > .area .copyright li:first-child { padding-left: 0; background: none; }
#footer > .area .copyright li.v1 { clear: both;  padding-left: 0; background: none; }
#footer > .area .copyright:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


@media screen and (max-width:1480px) {
	/* HEADER */
	#header > .header_area { width: auto; margin: 0 20px; }
	
	/* FOOT */
	#footer > .area { width: auto; margin: 44px 20px 0; }
	
	/* CONTAINER */
	#section2 .section2_area .customer { background: url(../images/main/customer_thum.png?20240417) no-repeat 100%; }
	#section2 .section2_area .customer h2 { margin: 15px 0 0 0; }
	#section2 .section2_area .customer p { margin: 10px 0 0 0; }
	#section2 .section2_area .customer .tel { margin: 10px 0 0 0; }
	
	#section2 .partner { width: auto; }
    
    /* SUB CONTAINER */
	#sub_container { width: 97%; margin:0 1.5%; }
}

@media screen and (max-width:1280px) {
	/* CONTAINER */
	#section2 .section2_area .title { margin: 10px 10% 0; }
	#section2 .section2_area .list { margin: 12px 8% 0; }
	#section2 .section2_area .list .data { display: none; }

	#section2 .section2_area .customer {background: url(../images/main/customer_thum.png?20240417) no-repeat 100% 60px; background-size: 24%; }
	#section2 .section2_area .customer h2 { font-size: 20px; line-height: 20px;}
	
	#section2 .partner h2 { font-size: 30px; line-height: 30px; }
}

@media screen and (max-width:1100px) {
	/* CONTAINER */
	#section0 .thum_bg01 { background-size:cover; }
	#section0 .thum_bg02 { background-size:cover; }
	#section0 h2 { font-size: 48px; line-height: 48px; }
	#section0 h2 strong { font-size: 48px; line-height: 48px; }
	#section0 p { width: 80%; font-size: 17px; line-height: 24px; font-weight: 300; }

	
	#section1 .thumcont .cont1 { background-size:cover; }
	#section1 .thumcont .cont2 { background-size:cover; }
	#section1 .thumcont .cont3 { background-size:cover; }
	
	#section1 .thumcont h2 { margin: 200px 0 0; font-size: 30px; line-height: 30px; }
	#section1 .thumcont p { margin: 15px 0 0; font-size: 15px; line-height: 22px ; }
	#section1 .thumcont.on .cont.on h2 { margin: 250px 0 0; }
	
	/* FOOT */
	#footer > .area .foot_menu ul { text-align: center; font-size: 0; }
	#footer > .area .foot_menu li { display: inline-block; float: none; }

	#footer > .area .copyright ul { text-align: center; font-size: 0; }
	#footer > .area .copyright li { display: inline-block; float: none; background: none; }
}

@media screen and (max-width:994px) {
	#section2 .section2_area .title { font-size: 20px; line-height: 20px; }
	#section2 .section2_area .list a,
	#section2 .section2_area .list a:hover { font-size: 14px; font-weight: 400; }

	#section2 .section2_area .customer { background: none; }
	#section2 .section2_area .customer h2 { margin: 10px 0 0 0; font-size: 18px; line-height: 18px; color: #000; font-weight: 600; }
	#section2 .section2_area .customer p { margin-top: 20px; font-size: 14px; font-weight: 600; }
	#section2 .section2_area .customer p i { display: none; }

	#section2 .partner { margin: 50px auto; }
	#section2 .partner h2 { font-size: 24px; line-height: 24px; }
	#section2 .partner p { margin: 10px 0 0; font-size: 15px; }
	#section2 .partner .partner_list { margin: 20px auto 0; }
	
    /* SUB LAYOUT */
    #container .sub_slide { height:200px; background-size: cover; }
	#container .sub_slide span { font-size: 48px; line-height: 190px; }
    
    #sub_container { display:block; overflow:hidden; width: auto; margin:0; }
    #sub_container > #side { display:none; }
    #sub_container > #content { display: block; width:auto; padding:0; margin:0 20px; }
    #sub_container > #content > .title { font-size:26px; line-height:26px; }
}

@media screen and (max-width:768px) {
	/* HEADER */
	#header > .header_area .gnb { opacity: 0; visibility: hidden; }
	#header > .header_area .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }
	
	#header > .header_area .header_lnb { display:none; /*position:absolute; top:34px; right:50px;*/ }
	
	/* CONTAINER */
	#section0 h2 { font-size: 44px; line-height: 44px; }
	#section0 h2 strong { font-size: 44px; line-height: 44px; }
	#section0 p { width: 90%; font-weight: 400; }
	
	#section1 .thumcont h2 { font-size: 24px; line-height: 24px; }
}

@media screen and (max-width:640px) {
	/* CONTAINER */
    #section0 .thum_bg01 { background:url(../images/main/slide01_m.jpg?20240417) no-repeat center; background-size:cover; }
    #section0 .thum_bg02 { background:url(../images/main/slide02_m.jpg?20240417) no-repeat center; background-size:cover; }
}

@media screen and (max-width:480px) {
	/* HEADER */
	#header { height: 60px; }
	#header > .header_area h1 { width: 120px; padding:14px 0 0; }
	#header > .header_area h1 img { height: 30px; }
	#header > .header_area .gnb_btn { width: 22px; top: 21px; }
	
	#header > .header_area .header_lnb { display:none; /*position:absolute; top:16px; right:40px;*/ }
	
	/* CONTAINER */
	#section0 h2 { font-size: 22px; line-height: 22px; }
	#section0 h2 strong { font-size: 22px; line-height: 22px; }
	#section0 p { width: 90%; font-size: 14px; font-weight: 400; }
	#section0 p i { display: block; }
	
	
	#section1 .thumcont { height: 100vh; padding-top: 60px; background-color: #e9e5e1; }
	#section1 .thumcont .cont { width:100%; height:33.333333%; }

	#section1 .thumcont .cont.on { width:100%; }
	#section1 .thumcont .cont.on .cont { width:100%; }

	#section1 .thumcont.on .cont {width:100%;} 
	#section1 .thumcont.on .cont.on {width:100%;} 
	
	#section1 .thumcont h2.v1 { padding-right: 20px; text-align: right; }
	#section1 .thumcont p.v1 { padding-right: 20px; text-align: right; }
	#section1 .thumcont h2 { margin: 12% 0 0; padding-left: 20px; font-size: 20px; line-height: 20px; text-align: left; }
	#section1 .thumcont p { margin: 5px 0 0; padding-left: 20px; font-size: 13px; line-height: 22px; text-align: left; }

	#section1 .thumcont.on .cont.on h2 { margin: 12% 0 0; }
	
	#section2 .section2_area ul { padding: 80px 0 0; }
	#section2 .section2_area li {  float: none; width: 100%; margin-bottom: 40px; }
	#section2 .section2_area li:nth-child(2) { min-height: auto; border-left: none; border-right: none; }
	#section2 .section2_area .title { margin: 10px 5% 0; font-size: 18px; line-height: 18px; }
	#section2 .section2_area .list { margin: 10px 4% 0; }
	#section2 .section2_area .list li { height: 40px; }
	#section2 .section2_area .list li:nth-child(2) { min-height: 40px; }
	#section2 .section2_area .list a,
	#section2 .section2_area .list a:hover { font-size: 14px; line-height: 40px; }

	#section2 .section2_area .customer { margin: 0 5%; background: url(../images/main/customer_thum.png) no-repeat 100% 60px; background-size: 20%; }
	#section2 .section2_area .customer h2 { margin: 15px 0 0 0; font-size: 16px; line-height: 16px; }
	#section2 .section2_area .customer p { margin: 10px 0 0 0; font-size: 13px; line-height: 24px; font-weight: 600; }
	#section2 .section2_area .customer p i { display: block; }
	#section2 .section2_area .customer .tel { margin: 10px 0 0 0; font-size: 14px; line-height: 24px; }
	#section2 .section2_area .customer .tel a,
	#section2 .section2_area .customer .tel a:hover { font-size: 14px; }
	
    
    /* 20180327 신규추가 */
    #section2 #new_area ul { padding:80px 0 0; }
    #section2 #new_area li { overflow:hidden; float:none; width: auto; min-height:auto; margin: 10px 0; }
    #section2 #new_area .list { margin: 10px 25px 20px; }

    #section2 #new_area li.customer { background: url(../images/main/new_customer.png) no-repeat 90% 90px; background-size:20%; background-color: #dce6f2;}
    #section2 #new_area li.customer .tel { margin: 10px 25px 20px; }

    #section2 #new_area li.fundmoney { background: url(../images/main/new_fund.png) no-repeat 90% 90px; background-size:20%; background-color: #5e74b1; }
    #section2 #new_area li.fundmoney .btn_read { margin: 20px 25px 20px; }
    
    
    /* SUB LAYOUT */
    #container .sub_slide { height:120px; margin-top:60px; }
	#container .sub_slide span { font-size: 26px; line-height: 115px; }
    #sub_container > #content { margin:0 15px; }
    #sub_container > #content > .title  {margin:30px 0 0 0; font-size:20px; line-height:20px; }
    #sub_container > #content > .lnb { display:none; }
    #sub_container > #content > .content_area { margin:20px 0 50px 0; }
}

@media screen and (max-width:320px) {
	
	/* FOOT */
	#footer > .area { margin: 30px 5px 0; }
}

/* Jinsol 2026 subpage system */
:root{--js-navy:#242342;--js-deep:#1b1a35;--js-blue:#3777e6;--js-cyan:#45c8de;--js-purple:#7243e7;--js-paper:#fff;--js-soft:#f5f5f9;--js-ink:#2a2945;--js-muted:#747286;--js-line:#deddea}
html,body{font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--js-ink);letter-spacing:-.025em}
#header{height:82px;background:#fff!important;border-bottom:1px solid var(--js-line);box-shadow:none}
#header>.header_area{width:min(calc(100% - 56px),1160px);height:82px}
#header>.header_area h1{width:220px;height:62px;padding:10px 0 0;margin:0}
#header>.header_area h1 a{display:block;width:100%;height:100%;background:url('/layout/user_d_jinsol2026_ko/static/logo.png') center/contain no-repeat}
#header>.header_area h1 img{opacity:0;width:100%;height:100%}
#header>.header_area .header_lnb{display:none}
#header>.header_area .gnb{top:0;right:0;height:82px;display:flex;align-items:center}
#header>.header_area .gnb>ul{display:flex;align-items:center;gap:30px}
#header>.header_area .gnb>ul>li{display:none;float:none;padding:0}
#header>.header_area .gnb>ul>li:nth-child(7){display:block;order:1}
#header>.header_area .gnb>ul>li:nth-child(8){display:block;order:2}
#header>.header_area .gnb>ul>li:nth-child(4){display:block;order:3}
#header>.header_area .gnb>ul>li:nth-child(3){display:block;order:4}
#header>.header_area .gnb>ul>li:nth-child(2){display:block;order:5}
#header>.header_area .gnb>ul>li:nth-child(1){display:block;order:6;margin-left:10px}
#header>.header_area .gnb>ul>li:nth-child(1)>a{padding:0 18px;background:var(--js-navy);color:#fff}
#header>.header_area .gnb>ul>li>a,#header>.header_area .gnb>ul>li>a:hover{display:block;font-family:inherit;font-size:14px;line-height:82px;font-weight:500;color:var(--js-ink);white-space:nowrap}
#header>.header_area .gnb>ul>li>a.selected{color:var(--js-blue)}
#header>.header_area .gnb .smenu{top:65px;left:50%!important;transform:translateX(-50%);width:190px;padding:12px 0;border:1px solid var(--js-line);box-shadow:0 18px 45px rgba(22,21,52,.12)}
#header>.header_area .gnb .smenu li,#header>.header_area .gnb .smenu li:first-child{height:auto}
#header>.header_area .gnb .smenu li:first-child:has(.smenu_bar){display:none}
#header>.header_area .gnb .smenu a,#header>.header_area .gnb .smenu a:hover{padding:10px 18px;font-family:inherit;font-size:13px;line-height:1.45;color:var(--js-muted);background:#fff}
#header>.header_area .gnb .smenu a:hover,#header>.header_area .gnb .smenu a.selected{color:var(--js-blue);background:var(--js-soft)}
#container .sub_slide{height:330px;margin-top:82px;background-position:center 46%;background-size:cover;isolation:isolate;overflow:hidden}
#container .sub_slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,26,53,.92),rgba(36,35,66,.56) 58%,rgba(36,35,66,.22));z-index:-1}
#container .sub_slide:after{content:"JINSOL TAX SERVICE";position:absolute;left:max(calc((100% - 1160px)/2),32px);top:100px;padding-left:50px;color:var(--js-cyan);font-size:12px;line-height:1;letter-spacing:.15em;font-weight:600}
#container .sub_slide span{left:max(calc((100% - 1160px)/2),32px);top:138px;width:auto;font-family:inherit;font-size:44px;line-height:1.25;font-weight:500;text-align:left;color:#fff;letter-spacing:-.045em}
#container .sub_slide span:empty:after{content:"병의원을 이해하는 세무, 진솔"}
#sub_container{display:grid;grid-template-columns:220px minmax(0,1fr);gap:68px;width:min(calc(100% - 64px),1160px);margin:0 auto;background:#fff}
#sub_container>#side{display:block;width:auto;border:0;padding:72px 0 90px}
#sub_container>#side .left_title{margin:0 0 24px;font-family:inherit;font-size:24px;line-height:1.35;color:var(--js-ink);font-weight:500;text-align:left}
#sub_container>#side .left_title_bar{height:1px;margin:0 0 12px;background:var(--js-ink)}
#sub_container>#side .left_menu{margin:0}
#sub_container>#side .left_menu li{height:auto;border-bottom:1px solid var(--js-line)}
#sub_container>#side .left_menu a,#sub_container>#side .left_menu a:hover,#sub_container>#side .left_menu>ul>li.selected a,#sub_container>#side .left_menu>ul>li.selected a:hover{padding:14px 10px 14px 0;font-family:inherit;font-size:14px;line-height:1.45;font-weight:400;color:var(--js-muted);background:transparent}
#sub_container>#side .left_menu a:hover,#sub_container>#side .left_menu>ul>li.selected a,#sub_container>#side .left_menu>ul>li.selected a:hover{padding-left:12px;color:var(--js-blue);font-weight:600;border-left:2px solid var(--js-blue)}
#sub_container>#side .left_menu .dot{display:none}
#sub_container>#side .banner_tel{height:auto;margin:32px 0 0;padding:22px 18px;background:var(--js-navy);border:0;text-align:left;line-height:1}
#sub_container>#side .banner_tel:before{content:"CONSULTATION";display:block;margin-bottom:10px;color:var(--js-cyan);font-size:10px;letter-spacing:.12em}
#sub_container>#side .banner_tel a,#sub_container>#side .banner_tel a:hover{font-family:inherit;font-size:18px;line-height:1;color:#fff;font-weight:500}
#sub_container>#content{display:block;padding:72px 0 110px;min-width:0}
#sub_container>#content>.lnb{position:static;margin:0 0 23px}
#sub_container>#content>.lnb ul{display:flex;justify-content:flex-end;gap:18px}
#sub_container>#content>.lnb li{float:none;padding:0;background:none}
#sub_container>#content>.lnb li+li:before{content:"/";margin-right:18px;color:#bbb9c8}
#sub_container>#content>.lnb a,#sub_container>#content>.lnb a:hover{font-family:inherit;color:#9a98a8;font-size:11px;line-height:1.4}
#sub_container>#content>.lnb img{opacity:.45}
#sub_container>#content>.title{margin:0;padding:0 0 26px;border-bottom:1px solid var(--js-line);font-family:inherit;font-size:34px;line-height:1.25;color:var(--js-ink);font-weight:500;letter-spacing:-.045em}
#sub_container>#content>.title:before{content:"";display:block;width:38px;height:2px;margin-bottom:16px;background:linear-gradient(90deg,var(--js-cyan),var(--js-purple))}
#sub_container>#content>.title .title_dot_v1,#sub_container>#content>.title .title_dot_v2{display:none}
#sub_container>#content>.content_area{margin:50px 0 0;font-family:inherit;font-size:15px;line-height:1.85;color:var(--js-ink)}
.content_area>.wf-cta~style,.content_area>.wf-cta~section{display:none!important}
.content_area .wf-kicker{margin-bottom:14px;color:var(--js-blue)!important;font-size:12px;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase}
.content_area .wf-lead{grid-template-columns:1.15fr .85fr!important;gap:56px!important;margin-bottom:88px!important;align-items:stretch!important}
.content_area .wf-lead h2{margin:0 0 22px!important;font-size:39px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:-.05em}
.content_area .wf-lead p{color:var(--js-muted);line-height:1.9}
.content_area .wf-placeholder{min-height:300px!important;border:1px solid var(--js-line)!important;border-radius:0!important;background:linear-gradient(145deg,#eff4ff,#eeeaff)!important;color:#85829b!important;position:relative;overflow:hidden}
.content_area .wf-placeholder:after{content:"";position:absolute;width:220px;height:220px;right:-90px;bottom:-100px;border:1px solid rgba(114,67,231,.28);border-radius:50%}
.content_area .wf-section{margin:92px 0!important}
.content_area .wf-section>h2{display:flex;align-items:center;gap:15px;margin:0 0 30px!important;font-size:28px!important;font-weight:500!important;letter-spacing:-.04em}
.content_area .wf-section>h2:before{content:"";width:28px;height:1px;background:var(--js-cyan)}
.content_area .wf-section>p{max-width:820px;color:var(--js-muted);line-height:1.95}
.content_area .wf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--js-line);border-left:1px solid var(--js-line)}
.content_area .wf-card{min-height:190px!important;padding:28px!important;border:0!important;border-right:1px solid var(--js-line)!important;border-bottom:1px solid var(--js-line)!important;border-radius:0!important;background:#fff;transition:.25s ease}
.content_area .wf-card:hover{background:var(--js-soft);transform:translateY(-2px)}
.content_area .wf-card b{font-size:18px!important;font-weight:500}
.content_area .wf-card p{color:var(--js-muted);font-size:14px;line-height:1.75}
.content_area .wf-process{gap:0!important;background:transparent!important;border-top:1px solid var(--js-line);border-left:1px solid var(--js-line)}
.content_area .wf-process>div{min-height:150px;padding:26px!important;border-right:1px solid var(--js-line);border-bottom:1px solid var(--js-line);background:var(--js-navy)!important;color:#c5c3d1}
.content_area .wf-process b{display:block;margin-bottom:7px;color:#fff;font-size:17px;font-weight:500}
.content_area .wf-cta{margin-top:92px;padding:40px!important;border:1px solid rgba(255,255,255,.1);border-radius:0!important;background:var(--js-navy)!important;color:#c7c5d2}
.content_area .wf-cta b{display:inline-block;margin-bottom:7px;color:#fff;font-size:21px;font-weight:500}
.content_area .wf-cta a{padding:14px 22px!important;border:1px solid rgba(255,255,255,.5);border-radius:0!important;background:transparent!important;color:#fff!important;font-weight:500}
.bui_search{margin:0 0 28px!important;padding:18px!important;background:var(--js-soft)}
.bui_search .search{display:flex!important;justify-content:flex-end;gap:8px}
.bui_search select,.bui_search input[type=text]{height:42px!important;border:1px solid var(--js-line)!important;background:#fff!important;font-family:inherit!important}
.bui_search input[type=submit]{height:42px!important;padding:0 22px!important;border:0!important;background:var(--js-navy)!important;color:#fff!important;font-family:inherit!important}
.bui_list{border-top:2px solid var(--js-navy)!important}
.bui_list_head{background:var(--js-soft)!important;color:var(--js-ink)!important;font-weight:500}
.bui_list_head li,.bui_list_body li{border-bottom:1px solid var(--js-line)!important}
.bui_list_body li:hover{background:#fafafe}
.board_form{border-top:2px solid var(--js-navy)!important}
.board_form>ul>li,.board_form>div{border-bottom:1px solid var(--js-line)!important}
.board_form input[type=text],.board_form input[type=password],.board_form input[type=email],.board_form textarea,.board_form select{min-height:42px;border:1px solid var(--js-line)!important;background:#fff;font-family:inherit}
.board_form .th,.board_form .title{color:var(--js-ink)!important;font-weight:500!important}
.board_form .btn input,.board_form button,.board_form input[type=submit]{min-height:44px;padding:0 22px;border:0!important;background:var(--js-navy)!important;color:#fff!important;font-family:inherit!important}
.board_form .provision,.board_form .privacy{padding:22px;background:var(--js-soft);border:1px solid var(--js-line)}
.pagination{margin-top:38px!important}
.pagination a,.pagination span{display:inline-grid!important;place-items:center;width:36px!important;height:36px!important;margin:0 2px!important;border:1px solid var(--js-line)!important;color:var(--js-muted)!important}
.pagination .current{border-color:var(--js-navy)!important;background:var(--js-navy)!important;color:#fff!important}
#footer{background:var(--js-deep);border:0;color:#aaa8b8}
#footer>.area{width:min(calc(100% - 64px),1160px);margin:0 auto;padding:46px 0}
#footer>.area:before{content:"";display:block;width:210px;height:64px;margin-bottom:22px;background:url('/layout/user_d_jinsol2026_ko/static/logo.png') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.9}
#footer>.area .copyright{margin:0}
#footer>.area .copyright li{float:none;display:inline-block;padding:0 18px 0 0;margin:0 18px 7px 0;background:none;font-family:inherit;font-size:12px;line-height:1.6;color:#aaa8b8;border-right:1px solid rgba(255,255,255,.16)}
#footer>.area .copyright li.v1{display:block;margin-top:12px;border:0;color:#77758b}
#footer>.area .copyright a{color:inherit}
@media(max-width:900px){
 #header{height:74px}#header>.header_area{width:auto;height:74px;margin:0 18px}#header>.header_area h1{width:180px;height:58px;padding:8px 0}#header>.header_area .gnb{opacity:0;visibility:hidden}#header>.header_area .gnb_btn{top:27px;opacity:1;visibility:visible}
 #container .sub_slide{height:230px;margin-top:74px}#container .sub_slide:after{left:24px;top:72px}#container .sub_slide span{left:24px;top:106px;font-size:34px}
 #sub_container{display:block;width:min(calc(100% - 40px),760px)}#sub_container>#side{display:none}#sub_container>#content{padding:52px 0 80px}#sub_container>#content>.lnb{display:none}#sub_container>#content>.title{font-size:29px}
 .content_area .wf-lead{grid-template-columns:1fr!important;gap:28px!important}.content_area .wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:580px){
 #container .sub_slide{height:190px}#container .sub_slide:after{top:54px;font-size:10px}#container .sub_slide span{top:86px;font-size:29px}
 #sub_container{width:calc(100% - 32px)}#sub_container>#content{padding:42px 0 68px}#sub_container>#content>.title{font-size:25px}.content_area .wf-lead h2{font-size:30px!important}.content_area .wf-grid,.content_area .wf-process{grid-template-columns:1fr!important}.content_area .wf-card{min-height:150px!important}.content_area .wf-cta{align-items:flex-start!important;flex-direction:column}.bui_search .search{flex-wrap:wrap!important}
 #footer>.area{width:calc(100% - 32px);padding:38px 0}#footer>.area .copyright li{display:block;border:0;margin-right:0}
}