@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; }
}