/* wlayout */ #wrap {position:relative; min-width:320px;} .inner {max-width:1300px; margin:0 auto;} #container {position:relative;margin-top:60px; } #container:after {display:block; clear:both; content:"";} #container .contents {min-height:auto; margin:0 auto;} #container .contents .sub_wrap { padding-bottom:30px;} #container .contents .sub_wrap:after {content:'';clear:both;display:block;} /*헤더*/ .pcGnb, .pcUtill, .pc{display:none;} #header{position:fixed;top:0;left:0;width:100%;z-index:100;height:60px;background-color:#fff;border-bottom:1px solid #e6e6e6;} .logo, .f_logo{margin-right:15px;margin-top:7px} .logo a, .f_logo a{display:block;background-image:url(../../images/iwcms/common/h_logo.png);background-repeat:no-repeat;margin-left:15px;font-weight:600;background-position:left center;letter-spacing: -0.7px;font-size:0;width:200px;height:45px;background-size:100%;} .f_logo a{background-image:url(../../images/iwcms/common/f_logo.png);} #skip_nav {position:absolute; left:0; top:0; width:100%; z-index:9999} #skip_nav a {overflow:hidden;display:block;height:1px;margin-bottom:-1px;color: #fff;font-size:16px;text-decoration:none;} #skip_nav a:active, #skip_nav a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:rgba(0, 0, 0, 0.8); font-size:16px; text-align:center; font-weight:500;} #header .head_util {position:absolute;top:37px; right:0;} #header .head_util li {display:inline-block; background:url('../../images/iwcms/common/ic_line.png') 0 4px no-repeat;} #header .head_util li:first-child{background:none;} #header .head_util li a {padding:10px; font-size:13px;} #header .head_util li a:hover {text-decoration:underline;} #header .head_util {display:none;} #header .head_util li:first-child{border-right:1px solid #212428;box-shadow:1px 0 0 #3c4047} #header .head_util li{width:50%;} #header .nav_all {position:absolute; top:0px; right:0;} #header .nav_all .nav_btn {display:block; width:60px; height:60px; font-size:0;} #header .nav_all .nav_btn:before {display:inline-block; width:30px; height:30px; background:url('../../images/iwcms/common/ic_header.png') 0 no-repeat; background-position:-52px -26px; background-size:80px auto; content:'';} @media all and (min-width:768px){ #header{height:80px;} #container {margin-top:80px; } #header .logo {margin-left:30px;margin-top: 17px;} #header .logo a{width:230px;} #header .nav_all .nav_btn { width:80px; height:80px;} } @media all and (max-width:1023px) { .pcGnb, .pcUtill{ display:block;} #header .head_util{display:block;} #header .head_util{position:fixed;top:0;z-index:22;width:250px;right:-250px;border-bottom:1px solid #212428;height:54px;overflow:hidden;} #header .head_util li {width:50%;float:left;background:none;display:block;} #header .head_util li:first-child{border-right:1px solid #212428;box-shadow:1px 0 0 #3c4047} #header .head_util li a {color:#fff;display:block;line-height:54px;padding:0;text-align:center; font-size:15px;background:#373c43 url(../../images/iwcms/common/pattern_bg.png);} #header .nav_all {position:absolute; top:0px; right:0;display:flex;justify-content:flex-end;} /* 숨김 */ .hidePc {display:block;} /* 상단메뉴 */ .mask {display:none; position:fixed; z-index:20; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} #gnb {position:fixed; z-index:21; top:0; left:auto ; right:-250px; width:250px; height:100%; padding-top:54px; border-top:none; background:#373c43 url('../../images/iwcms/common/pattern_bg.png'); overflow-y:auto;} #gnb > ul {position:relative; z-index:21; padding:0;} #gnb > ul > li {float:none; width:100%; text-align:left;position:relative;} #gnb > ul > li > a {display:block;width:100%;line-height:54px;height:54px; padding:0 20px; border-right:none; border-bottom:0.8px solid #212428; box-shadow:0 1px 0 #3c4047; color:#fff; font-size:17px; text-align:left; } #gnb > ul > li > a:before {display:block; position:absolute; top:14px; right:15px; width:22px; height:22px;border:1px solid #e0e0e0; content:' + '; color:#a4a4a4; text-align:center; line-height:20px;} #gnb > ul > li > a:after{display:none;} #gnb > ul > li > a:hover {color:#fb822e;} #gnb > ul > li > a.active {background:#0956a6} #gnb > ul > li > a.active:hover {color:#fff;} #gnb > ul > li .depth2 > .inner > ul > li > a:hover{color:#0956a6;border-radius:0;} #gnb > ul > li .depth2 > .inner > ul > li > a.active{background:#fb822e;color:#fff;} #gnb > ul > li > ul {display:none; height:auto; padding:0; border-bottom:1px solid #2e3238; border-left:none; background:#393b41; opacity:1; transform:inherit;} #gnb > ul > li > ul > li {padding:0; border-top:1px dashed #595959;} #gnb > ul > li > ul > li:first-child {border-top:none;} #gnb > ul > li > ul > li > a {display:block; position:relative; padding:13px 20px;} #gnb > ul > li > ul > li > a.be:after {display:inline-block; position:absolute; top:11px; right:20px; content:'+'; color:#999; font-size:18px; text-align:center;} #gnb > ul > li .depth2 .bg, #gnb > ul > li .depth2 .gnb_txt {display:none;} #gnb > ul > li .depth2 {display:none; visibility:visible; position:static; border:none;} #gnb > ul > li .depth2 > .inner {display:block;min-height:auto} #gnb > ul > li .depth2 > .inner > ul {display:block; width:100%; padding:0; background-color:#262a2f;} #gnb > ul > li .depth2 > .inner > ul > li {float:none; position:relative;width:100%; border-bottom:1px solid #ccc; background:url('../../images/iwcms/common/gnb_bg2.gif')} #gnb > ul > li .depth2 > .inner > ul > li > a {line-height:50px;display:block;margin:0; padding-left:25px; background:none; font-size:15px; font-weight:normal;line-height:50px;} #gnb > ul > li .depth2 ul.depth3 {display:none; margin:0; padding:10px 0; background:#fff;} #gnb > ul > li .depth2 ul.depth3 > li {background:#fff; line-height:30px;width:100%;} #gnb > ul > li .depth2 ul.depth3 > li:before {display:inline-block; padding-right:4px; padding-left:20px; content:'- ';} #gnb > ul > li .depth2 ul.depth3 > li a {padding-left:0;} #gnb > ul > li .depth2 > .inner > ul > li > a.be:after {display:inline-block; position:absolute; top:0; right:20px; content:'+';} } @media all and (min-width:1024px){ #header{position:relative;} #container {margin-top:0; } .pc, .pcGnb, .pcUtill{display:block;} .mo{display: none;} .contents {position: relative;max-width:1360px;min-height: 500px;padding-left:30px;padding-right:30px;} .contents.greeting_wrap{width:100%;padding:50px 0;} #header{ height:124px;} #header .head1{height:44px;box-sizing:border-box;background-color:rgba(196, 163, 115,0.9);/*background-color:rgba(186,142,83,0.7)*/} #header .head1_in, .head2_in, .head3_in{max-width:1360px;margin:0 auto;padding-left:30px;padding-right:30px;} #header .head1 .head1_in {display: flex;justify-content: space-between;font-size:15px;font-weight:400;letter-spacing:-0.7px;} #header .head1 .head1_in .h1L ul{display:flex;} #header .head1 .head1_in a{display: inline-block; height:44px;line-height:44px;color:#fff;} #header .head1 .head1_in .h1L a{width:180px;height:44px;background-color:rgba(137, 114, 80,0.7);padding:0 15px 0 25px;margin-right:1.5px} #header .head1 .head1_in .h1L a{position:relative;font-weight:300;} #header .head1 .head1_in .h1L a:after{content: "";display: inline-block;border:6px solid #fff;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;margin-left:15px;position:absolute;top:37%;} #header .head1 .head1_in .h1R ul{display: flex; justify-content: flex-end;} #header .head1 .head1_in .h1R ul li{text-align: center;} #header .head1 .head1_in .h1R ul li a{display:inline-block;color:#fff;font-weight:400;line-height:44px;padding: 0 12px 0 0;height:44px;} #header .head1 .head1_in .h1R ul li a:before{content:"";display:inline-block;width:1px;height:15px;background-color:#fff;margin-right:11px;vertical-align: top;margin-top: 15px;} #header .head1 .head1_in .h1R ul li:first-child a:before{display: none;} #header .head1 .head1_in .h1R ul li.siteMap a{padding-right:0;} #header .logo{margin-left:0px;margin-top:13px;} .logo a{display:block;background-position:left center;letter-spacing: -1.5px;width:275px;height:54px;font-size:0;margin-left:0;} /*대메뉴*/ #header .head3{position:relative;} #header .head3 .head3_in .pcGnb{display:flex;justify-content: space-between;max-width:1300px;width:100%;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu{display:flex;justify-content: space-between;width:100%;max-width: 1300px} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li{box-sizing:border-box;text-align:center;height:80px;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li:hover>a {color:#9d610d} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li>a{position:relative;display: block; font-size:17px;color:#000; letter-spacing: -0.5px;font-weight:400;line-height:80px;text-decoration: none;padding-left:70px;} #gnb {padding-top:0px;} /*메뉴펼침 뒷배경*/ .mask {display:none; position:fixed; z-index:20; top:0px; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} /*메뉴펼침너비*/ #gnb > ul{max-width:1300px; margin:0 auto;} /*대메뉴 밑줄*/ /*#gnb > ul > li > a:after {display:block; position:absolute; right:0px; bottom:-1px; width:0; height:3px; background:#6f5e46; content:''; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}*/ #gnb > ul > li.hover > a:after {width:50%; margin-left:-40%;} /*대메뉴 글자*/ #gnb > ul > li .depth2 {position:absolute;display:none;z-index:10; top:80px; left:0; width:100%; background:#f1f1f1 url('../../images/iwcms/common/pattern_bg.png');border-bottom:1px solid #ddd;} /*메뉴펼침배경*/ #gnb.open > ul > li.hover .depth2 {display:block; color:#fff;box-sizing: border-box; } #gnb > ul > li .depth2 .bg {display:block; position:absolute; top:0; left:50%; background:#fff url('../../images/iwcms/common/pattern_bg.png');background-repeat:no-repeat;height:220px;} /*메뉴펼침-왼쪽텍스트*/ #gnb > ul > li .depth2 .gnb_txt {display:table-cell; position:relative; width:25%; padding:40px 30px 0 10px;color:#000; vertical-align:top;} #gnb > ul > li .depth2 .gnb_txt h2 {font-weight:600;padding-bottom:15px; font-size:30px; letter-spacing:-1px;text-align:left;} #gnb > ul > li .depth2 .gnb_txt > p {color:#281e0f;text-align:left;font-size:16.5px;line-height: 1.4em;} #gnb > ul > li .depth2 .gnb_txt > p:after{content:"";display:block;width:81px; height:96px;margin:20px 0;background-image:url(../../images/iwcms/common/navi_logo.png);background-repeat: no-repeat;opacity: 0.8;} /*2dep메뉴*/ #gnb > ul > li .depth2 > .inner {display:table; width:100%;max-width:1360px;padding-left:30px;padding-right:30px;margin:0 auto;color:#333;text-align:left;} #gnb > ul > li .depth2 > .inner > ul {display:table-cell; position:relative; width:79%;padding:15px 0px 40px 30px; background:#fff url('../../images/iwcms/common/pattern_bg.png');} #gnb > ul > li .depth2 > .inner > ul > li {float:left; width:25%;height:90px;font-size:15px;} /*2dep메뉴글자*/ #gnb > ul > li .depth2 > .inner > ul > li > a {color:#333;text-align:left;display:block; height:50px; margin:10px 15px 0 10px; padding-left:11px; line-height:50px; letter-spacing:0px;border-radius:5px; background:#fff url('../../images/iwcms/common/ic_arr_down.png') 94% 25px no-repeat;border:1px solid #ddd;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #gnb > ul > li .depth2 > .inner > ul > li > a:hover, #gnb > ul > li .depth2 > .inner > ul > li > a.hover{color:#fff;background-color:#caac81;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;border-color:#efe2d0;} #gnb > ul > li:nth-child(6) .depth2 > .inner > ul > li{height: 140px;} #gnb > ul > li:nth-child(9) .depth2 > .inner > ul > li:nth-child(1) {height:250px;} #gnb > ul > li:nth-child(9) .depth2 > .inner > ul > li:nth-child(5) {height:300px;} #gnb > ul > li:nth-child(9) .depth2 > .inner > ul > li>ul{height:150px;} /*3dep메뉴글자*/ #gnb > ul > li .depth2 ul.depth3 {padding:15px;height:auto;} #gnb > ul > li .depth2 ul.depth3 > li a {display:inline-block; padding:0 0 0 20px; font-size:14.5px;color:#777; line-height:1.6em;} #gnb > ul > li .depth2 ul.depth3 > li a:before{content: "";display: inline-block;background-color: #999;width:3px;height:3px;border-radius: 50%;vertical-align: top;margin-top:10px;margin-right:6px;} #gnb > ul > li .depth2 ul.depth3 > li a:hover {text-decoration:underline;} } @media all and (min-width:1300px){ #header{ height:145px;} #header .logo{margin-top:20px;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li{height:102px;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li>a{padding-left:100px;line-height:102px} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li>a{font-size:18px;padding-left:65px;} /*대메뉴 펼침*/ #gnb > ul > li .depth2 {top:101px;} } /*서브페이지 sub_visual*/ .sub_top.intro .sub_visual{position:relative;height:140px;background-size:cover;background-repeat:no-repeat;background-position:center;text-align:center;background-color:#eee;margin-top:60px;width:100%;padding-top:35px;} .sub_top.intro .sub_visual.sub_guide{background-image: url(../../images/iwcms/svisual/svisual_guide.jpg);background-position:70% 0;} .sub_top.intro .sub_visual.biz{background-image: url(../../images/iwcms/svisual/svisual_biz.jpg);background-position:20% 0;} .sub_top.intro .sub_visual.service{background-image: url(../../images/iwcms/svisual/svisual_service.jpg);} .sub_top.intro .sub_visual.intro{background-image: url(../../images/iwcms/svisual/svisual_intro.jpg);} .sub_top.intro .sub_visual.bbs{background-image: url(../../images/iwcms/svisual/svisual_bbs.jpg);} .sub_top.intro .sub_visual .sub_visual_txt{display:block;width:100%;height:140px;padding:15px 0;padding-top:35px;} .sub_top.intro .sub_visual h2{max-width:1360px;padding-left:30px;padding-right:30px;margin:0 auto;letter-spacing:-1px; color:#fff;font-size:24px;font-weight:600;text-align:center;margin-bottom:5px;} .sub_top.intro .sub_visual p{max-width:1360px;margin:0 auto;color:#fff;font-size:14px;font-weight:400;text-align: center;padding-left:30px;padding-right:30px;} @media all and (min-width:768px){ .ta{display:block;} .sub_top.intro .sub_visual{margin-top:80px;} .sub_top.intro .sub_visual h2, .sub_top.intro .sub_visual p{padding-left:30px;padding-right:30px;margin-bottom:12px;} .sub_top.intro .sub_visual h2{font-size:28px;} .sub_top.intro .sub_visual p{font-size:16px;} } @media all and (min-width:1024px){ .sub_top.intro .sub_visual{height:200px;margin-top:0;padding-top:55px;} .sub_top.intro .sub_visual.govern30{margin:0 auto;} .sub_top.intro .sub_visual .sub_visual_txt{padding:30px 50px;height:200px; display:block;} .sub_top.intro .sub_visual h2, .sub_top.intro .sub_visual p{margin-bottom:10px;} } /*서브페이지 lnb*/ .sub_top.intro{box-sizing:border-box;border-bottom:1px solid #dddddd;} .sub_top.intro .lnb_wrap{height:59px;} .sub_top.intro .lnb_wrap .lnb_a{display:flex;justify-content: space-between;} .sub_top.intro .lnb_wrap .lnb_a #navi{display:flex;justify-content: space-between;width:100%;} .sub_top.intro .lnb_wrap .lnb_a #navi>li{width:50%;height:60px;text-align: left;text-indent:15px;line-height: 60px;border-right:1px solid #ddd;letter-spacing: -1px;font-weight:400;position:relative;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>a{display:block;height:60px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>a>p{padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>a>span{content:"";display:inline-block; width:11px; height:6px;background-image: url(../../images/iwcms/sub/arr1.png);background-repeat:no-repeat;background-position:center;position:absolute;right:15px;top:50%;transform: translateY(-50%);} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul{position:absolute;left:-1px; top:59px; z-index:90; width:100%;padding-top:10px;padding-bottom:10px;display:block;background-color:#fff;border:1px solid #ddd;box-sizing: content-box;display:none;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul>li{line-height:2.2em;font-weight:200;text-align:left;font-size:14px;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul>li>a{color:#131313;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;height:100%;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul>li>a:hover{color:#055ea2;text-decoration:underline;} .sub_top.intro .lnb_wrap .lnb_a .home a{display:inline-block;text-indent: -9999px;width:60px; height:60px; background-image: url(../../images/iwcms/sub/sub_home.png);background-repeat:no-repeat;background-position:center;border-right:1px solid #ddd;border-left:1px solid #ddd;box-sizing: border-box;} @media all and (min-width:768px){ .sub_top.intro .lnb_wrap .lnb_a .home a{display:block;width:60px;height:60px;} .sub_top.intro .lnb_wrap .lnb_a #navi{display:flex;justify-content: flex-start;} .sub_top.intro .lnb_wrap .lnb_a #navi>li{width:260px;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>a{display:block;height:60px;font-size:16px;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul>li{font-size:15px;} .sub_top.intro .lnb_wrap .lnb_a .sbtn{display:none;} .contents{margin-top:0;padding:40px 30px 0 30px;} } @media all and (min-width:1024px){ .sub_top.intro .lnb_wrap{width:100%;max-width:1360px;margin:0 auto;padding-left:30px;padding-right:30px;} .sub_top.intro .lnb_wrap .lnb_a #navi>li{width:280px;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>a{width:100%;} .sub_top.intro .lnb_wrap .lnb_a #navi>li>ul>li{font-size:16px;} .contents{padding-top:50px;width:100%;max-width:1360px;margin:0 auto;} .contents h2{font-size:32px;} .sub_top.intro .lnb_wrap .lnb_a .sbtn{display:flex;} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li{width:60px; height:60px ;text-indent:-9999px;background-position:center;background-repeat:no-repeat;border-right:1px solid #ddd;} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li.zoomin{background-image: url(../../images/iwcms/sub/zoomin.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li.zoomout{background-image: url(../../images/iwcms/sub/zoomout.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li.print{background-image: url(../../images/iwcms/sub/print.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li.facebook{background-image: url(../../images/iwcms/sub/facebook.png);border-left:1px solid #ddd;} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li.twitter{background-image: url(../../images/iwcms/sub/twitter.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li a{display:block;width:60px;height:60px;} .sub_top.intro .lnb_wrap .lnb_a .sbtn .sns{border-left:1px solid #ddd;} } /*탭*/ .tab_area{margin-top:10px;margin-bottom:30px;display:grid} .tabs{display:flex;justify-content: flex-start;flex-wrap:wrap;align-items:center} .tabs li{border:1px solid #ddd;box-sizing: border-box;transition:0.4s} .tabs.w2 li{width:50%} .tabs.w3 li{width:50%} .tabs.w4 li{width:50%;} .tabs li a{display:block;padding:15px 10px;text-align: center;font-size:14.5px;background-color:#f2f2f2;height:100%;} .tabs li.on {border:3.5px solid #c39a61;box-sizing: border-box;} .tabs li.on a{font-weight:500;color:#aa6e1a;padding:12px 8px;background-color:#fff;} .tabs li:hover a{color:#9f6008} @media all and (min-width:768px){ .tabs.w3 li{width:33.33%} } @media all and (min-width:1024px){ .tab_area{margin-top:20px;margin-bottom:50px;display:block;} .tabs{margin-left:auto;margin-right:auto;justify-content:center;} .tabs.w2 li{width:28%;} .tabs.w4 li{width:25%;} .tabs li a, .tabs li.on a{padding:20px 10px;font-size:16px;} .tabs li.on a{font-size:18px;} } /*서브 테이블 */ .table_wrap {overflow-x: auto; padding-bottom:10px;} table.table_st1{position:relative;min-width: 480px; border-collapse: collapse;width:100%;border-top:1px solid #626161;margin-top:8px;margin-bottom:15px;line-height:1.6} table.table_st1.min{min-width:300px;} table.table_st1.td_le tbody tr td{text-align:left;} table.table_st1.docu_down button{font-size:0;} table.table_st1.docu_down button:before{content:"";display:block;background-image:url(../../images/iwcms/bbs/board_down_hwp.jpg);width:30px;height:30px;background-size:100%;} table.table_st1.docu_down strong{margin-right:8px;font-size:14px;letter-spacing:-0.2px;} table.table_st1 th{letter-spacing:-0.4px;padding:10px;background-color:#f9f9f9;font-weight:400;border-left:1px solid #e2e5ea;border-bottom:1px solid #e2e5e5;color:#444;} table.table_st1 thead th{font-weight:500;} table.table_st1 td{text-align:center;padding:15px 10px;border-bottom:1px solid #e2e5e5;border-left:1px solid #e2e5e5} table.table_st1 td.td_le, table.table_st1 td.t_le{text-align:left;} .transport_area table.table_st1 td{word-break:keep-all;} .transport_area table.table_st1 td.t_le{text-align:left;} table.table_st1 .tr_1st{border-left:0 none;} table.table_st1 col.td_ct td{text-align:center} .table_tit{position:relative;} .table_unit{position:absolute;right:0;bottom:0;color:#777;} table.table_st1 col.td_ct{text-align:center;} @media all and (min-width:768px){ table.table_st1{font-size:15px;} } @media all and (min-width:1024px){ .table_wrap {padding-bottom:0px;} table.table_st1{font-size:16px;} table.table_st1 th, table.table_st1 td{padding:14px 20px;} table.table_st1 td{text-align:center;padding:20px 28px;} .pc_ml50{margin-left:50px;} } /*서브 1300px너비에서 제목과 컨텐츠 가로*/ @media all and (min-width:1360px){ .midbox{display:flex;padding-bottom:54px;padding-top:54px;position:relative;border-top:1px solid #ddd;} .midbox:after{position:absolute;content: "";display:block;width:16%;height:1px;background-color:#dec28e;top:0px;left:0;} .midbox .tit_left{width:22%;} .midbox .indt_right{width:78%;} } /*퀵메뉴*/ .floating_menu{display:none;} @media all and (min-width:1024px) { .floating_menu{display:block;} .floating_menu .inner{position:fixed;right:36px;top:350px;width:160px;overflow: hidden;text-align: left;box-shadow: 1px 1px 6px rgba(1,1,1,0.07);border:1px solid #ddd;border-radius:25px;background:#fff;transition:none;z-index: 1100;transition: 0.3s;cursor: pointer;} .floating_menu .floating_tit{height:56px;line-height: 56px;padding-left:14px;font-size:15px;font-weight:600;color:#fff;background-color:#f08b00;} .floating_btn a{display: block;text-indent: -9999px; font-size:0;width:25px;height:25px;position:absolute;background: #fff;top:15px;right:12px;border-radius: 50%;overflow: hidden;background-image:url(../../images/iwcms/sub/arr3.png);transform:rotate(180deg);background-repeat:no-repeat;background-position: center;opacity: 0.9;} .floating_list_area{position:relative;padding-top:20px;} .floating_stit{margin-bottom:6px;height:24px;line-height:1.5em;padding-left:14px;} .floating_list_area ul{padding:0 0 18px 14px;} .floating_list_area ul li a{display:block;width:110px;height:35px;line-height:35px;word-break:keep-all;white-space: nowrap; padding-left:25px; letter-spacing:-0.4px; font-size:14px;} .floList1 ul li a:before{content: "";display: block;width:22px;height:22px;background-size:100%;background-repeat: no-repeat;background-position: center;position:absolute;left:10px;vertical-align: top;margin-top:6px;background-color:#c4a375;background-color:#f28d04;border-radius: 50%;} .floList1 ul li:nth-child(1) a:before{background-image: url(../../images/iwcms/sub/floating_menu1.png)} .floList1 ul li:nth-child(2) a:before{background-image: url(../../images/iwcms/sub/floating_menu2.png)} .floList1 ul li:nth-child(3) a:before{background-image: url(../../images/iwcms/sub/floating_menu3.png)} .floList1 ul li:nth-child(4) a:before{background-image: url(../../images/iwcms/sub/floating_menu4.png)} .floList1 ul li:nth-child(5) a:before{background-image: url(../../images/iwcms/sub/floating_menu5.png)} .floList1 ul li:nth-child(6) a:before{background-image: url(../../images/iwcms/sub/floating_menu6.png)} .floList2{background-color:#eee;} .floList2 ul li a{padding-left:0;height: 30px;} .floList2 ul li a strong{margin-right:8px;} .floating_menu .inner.close {top:800px;text-indent: -9999px;height:80px;width:40px;border:0;box-shadow: 0px 0px 5px #a3a3a3;top:350px;right:0;border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 50px;border-bottom-left-radius: 50px;} .floating_menu .inner.close .floating_btn a{background-image: none;background-color:transparent;} .floating_menu .inner.close .floating_tit .floating_stit, .floating_menu .inner.close .floating_list_area{opacity:0; display:none;height:100px;} .floating_menu .inner.close .floating_tit{height:100px;background-image:url(../../images/iwcms/sub/quick_close.png);background-repeat: no-repeat;background-position: -2px 12px} } /*top버튼*/ .back-to-top {position:fixed; right:36px; bottom:5px; z-index:100;} .back-to-top a {display: block; width: 42px;height: 42px;line-height: 40px;text-align: center;background-color: #000000;color: #ffffff;} @media all and (max-width:600px) { .back-to-top {right:0px; bottom:0px; } } /*footer*/ /*footer {overflow:hidden;border-top:1px solid #cfd0d4; padding-bottom:0;} footer .bold{font-weight:500;letter-spacing: -0.2px;} footer .footer_link {overflow:hidden; border-bottom:1px solid #e6e6e6;} footer .footer_link li {display: inline-block;position:relative;} footer .footer_link li.bold.blue a {color:#16449f; font-weight:bold;} footer .footer_link span{color:#ddd;} footer .relSite{height:40px;position:relative;} footer .relSite select{border:0;width:100%;background-color: rgb(168, 142, 106,0.9);color:#fff;height:40px;background-position:right 15px center;background-image:url(../../images/iwcms/common/select_arr_w.png);background-size:9px 6px;padding-left:15px; } footer .fwrap li{position:relative;} footer .fwrap li a:after{position:absolute;content:"";display:inline-block;width:1px;height:13px;background-color:#999;top:15px;margin-left:15px;margin-right:15px;opacity:0.5} footer .fwrap li:last-child a:after{display:none;} footer .fwrap .privacy{width:100%;display:block;line-height:40px; padding:0 15px;text-align: left;} footer .fwrap a{padding:0 15px;} footer .footer_cont {overflow:hidden; padding:20px 15px;} footer .footer_cont .fcont_in{display:flex;} footer .footer_cont div {position:relative; right:0;} footer .footer_cont div.cont {float:left; margin-top:10px;} footer .footer_cont div.cont .f_info li {display:inline-block; margin-bottom:8px;margin-right:10px;} footer .footer_cont div.cont .f_info .addr{margin-bottom:10px;} footer .footer_cont div.cont .f_copy {color:#8f9090;margin-bottom:10px;} footer .cert_area .cert_ico{display:flex;justify-content: flex-start;} footer .cert_area .cert_ico li{width:40px; height:40px; background-repeat:no-repeat;text-indent:-9999px;background-size:100%;margin-right:5px;} .f_copy{height:auto;} @media all and (min-width:768px) { footer .relSite{height:50px;} footer .fwrap a{height:45px;line-height:45px;} footer .relSite select{height:50px;line-height:50px;padding:0 30px;} } @media all and (min-width:1024px) { footer{padding-bottom:120px;} footer.sub_footer{padding-bottom:40px;} footer .relSite{height:0;} footer .relSite select{width: 286px;margin:0 auto;position:absolute;top:0;right:0;} footer .footer_link{height:50px;} footer .footer_link_in{max-width:1360px;padding-left:30px;padding-right:30px;margin:0 auto;} footer .footer_link li a {height:50px;line-height:50px;} footer .fwrap .privacy{padding-left:0;margin-left:0;} footer .fwrap, .fcont_in{max-width:1360px;margin-left: auto;margin-right:auto;} footer .fwrap li a:after{top:14px;} footer .footer_cont { padding:40px 0;height:auto;} footer .footer_cont .fcont_in{max-width: 1360px;padding-left:30px;padding-right:30px;position:relative;} footer .footer_cont div.cont .f_info {overflow:hidden; display: -ms-flexbox; display:flex;justify-content: flex-start;-ms-flex-wrap:wrap;flex-wrap: wrap;max-width: 1005px;} footer .footer_cont .f_logo{margin-right:15px;margin-top:10px;} footer .footer_cont .f_logo a{margin-left:0;margin-right:30px;display:block;background-image: url(../../images/iwcms/common/f_logo.png);opacity:0.8;width:280px;height:60px;line-height:60px;background-repeat:no-repeat;text-indent:-9999px;} .f_logo a{display:block;font-size:26px;background-position:left center;} footer .footer_cont div.cont .f_copy {display: inline-block;font-size:14px;} footer .footer_cont div.cont .f_copy p{font-size:14.5px;color:#666;line-height:1.2em;} } @media all and (min-width:1300px) { footer{padding-bottom:260px;} } */ footer {overflow:hidden;border-top:1px solid #cfd0d4; padding-bottom:0;} footer .bold{font-weight:500;letter-spacing: -0.2px;} footer .footer_link {border-bottom:1px solid #e6e6e6;} footer .footer_link .footer_link_in{position:relative;border-bottom:1px solid #e6e6e6;} footer .footer_link .footer_link_in li {position:relative;} footer .footer_link .footer_link_in li.bold.blue a {color:#16449f; font-weight:bold;} footer .footer_link .footer_link_in span{color:#ddd;} footer .relSite{position:relative;} footer .relSite ul {background-color: rgb(168, 142, 106)} footer .relSite ul li a{display:block;width:100%;line-height:40px; padding:0 15px;text-align: left;border:0;color:#fff;background-repeat:no-repeat;background-position:right 15px center;background-image:url(../../images/iwcms/common/select_arr_w.png);background-size:9px 6px;padding-left:15px;} footer .relSite ul li ul li a{background-image:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} footer .relSite ul li ul{display:none;} footer .relSite ul li ul.on{display:block;} footer .relSite ul li a:hover{text-decoration:underline;} footer .fwrap li{position:relative;display:inline-block;} footer .fwrap li:last-child a:after{display:none;} footer .fwrap a{padding:0 15px;} footer .fwrap li{position:relative;} footer .fwrap li a{display:inline-block;line-height:40px; padding:0 15px;} footer .fwrap li a:after{position:absolute;content:"";display:inline-block;width:1px;height:13px;background-color:#999;top:13px;margin-left:15px;margin-right:15px;opacity:0.5} footer .fwrap li:last-child a:after{display:none;} footer .footer_cont {overflow:hidden; padding:20px 15px;} footer .footer_cont .fcont_in{display:flex;} footer .footer_cont div {position:relative; right:0;} footer .footer_cont div.cont {float:left; margin-top:10px;} footer .footer_cont div.cont .f_info li {display:inline-block; margin-bottom:8px;margin-right:10px;} footer .footer_cont div.cont .f_info .addr{margin-bottom:10px;} footer .footer_cont div.cont .f_copy {color:#8f9090;margin-bottom:10px;} footer .cert_area .cert_ico{display:flex;justify-content: flex-start;} footer .cert_area .cert_ico li{width:40px; height:40px; background-repeat:no-repeat;text-indent:-9999px;background-size:100%;margin-right:5px;} .f_copy{height:auto;} @media all and (min-width:768px) { footer .fwrap{padding-left:0px;padding-right:0px;} footer .fwrap li a, footer .relSite ul li a{line-height:50px; padding:0 30px;} footer .footer_cont .fcont_in{padding-left:30px;padding-right:30px;} } @media all and (min-width:1024px) { footer{padding-bottom:120px;} footer.sub_footer{padding-bottom:40px;} footer .fwrap, footer .footer_link .footer_link_in{max-width:1360px;padding-left:30px;padding-right:30px;margin:0 auto;position:relative;border-bottom:0;} footer .relSite{width:286px;height:100%;position:absolute;top:0;right:30px;opacity:1;z-index:5;} footer .relSite ul li ul{padding-bottom:10px;} footer .relSite ul li ul li a{line-height:25px;} footer .fwrap{padding-left:0;} footer .fwrap li a{line-height:50px;padding:0 15px;} footer .fwrap li:nth-child(1) a{padding-left:0;} footer .footer_link{border-bottom:1px solid #ddd;} footer .fwrap, .fcont_in{max-width:1360px;margin-left: auto;margin-right:auto;} footer .fwrap li a:after{top:18px;} footer .footer_cont { padding:40px 0;height:auto;} footer .footer_cont .fcont_in{max-width: 1360px;padding-left:30px;padding-right:30px;position:relative;} footer .footer_cont div.cont .f_info {overflow:hidden; display: -ms-flexbox;display:flex;justify-content: flex-start;-ms-flex-wrap:wrap;flex-wrap: wrap;max-width: 1005px;} footer .footer_cont .f_logo{margin-right:15px;margin-top:10px;} footer .footer_cont .f_logo a{margin-left:0;margin-right:30px;display:block;background-image: url(../../images/iwcms/common/f_logo.png);opacity:0.8;width:280px;height:60px;line-height:60px;background-repeat:no-repeat;text-indent:-9999px;} .f_logo a{display:block;font-size:26px;background-position:left center;} footer .footer_cont div.cont .f_copy {display: inline-block;font-size:14px;} footer .footer_cont div.cont .f_copy p{font-size:14.5px;color:#666;line-height:1.2em;} } @media all and (min-width:1300px) { footer{padding-bottom:260px;} }