/* layout */ #wrap {position:relative; min-width:320px;} .inner {max-width:1300px; margin:0 auto;} #container {position:relative; } #container:after {display:block; clear:both; content:"";} #container .contents { margin:0 auto; min-height:600px; } #container .contents .sub_wrap {min-height:600px; padding-bottom:80px;} #container .contents .sub_wrap:after {content:'';clear:both;display:block;} #container .contents {min-height:auto;} #container .contents .sub_wrap {padding-bottom:30px; min-height:auto;} .relative{position:relative} /*헤더*/ .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{margin-right:125px;} .logo a{display:block;height:60px;line-height:60px;background-image:url(../../images/iwcms/common/logo_mark.png);background-repeat:no-repeat;margin-left:15px;font-size:17px;font-weight:600;background-position:left center;padding-left:40px;background-size:30px 35px;letter-spacing: -0.7px;} #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:'';} #header .head2 .head2_in{position:relative;} #header .head2 .head2_in .sns ul{display: flex;} #header .head2 .head2_in .sns ul li{position:relative} #header .head2 .head2_in .sns ul li a{position:absolute;display:block;width:25px;height:25px; top:17.5px;right:60px;background-repeat: no-repeat;text-indent:-9999px;background-size:100%;} #header .head2 .head2_in .sns ul li.twitter a{background-image: url(../../images/iwcms/common/sns_ico1.png)} #header .head2 .head2_in .sns ul li.facebook a{background-image: url(../../images/iwcms/common/sns_ico2.png);right:115px} #header .head2 .head2_in .sns ul li.blog a{background-image: url(../../images/iwcms/common/sns_ico3.png);right:87px} #header .head2 .head2_in .sns ul li.kakao a{background-image: url(../../images/iwcms/common/sns_ico4.png)} #header .head2 .head2_in .sns ul li.youtube a{background-image: url(../../images/iwcms/common/sns_ico5.png);right:60px} #header .head2 .head2_in .sns ul li.promo a{background-image: url(../../images/iwcms/common/promo.png);right:60px;background-position:bottom; width: 60px;height: 60px;margin-top: 15px;} #header .head2 .head2_in .sns ul li.promo a .sns_txt{position: absolute;left: 0;top: 14px;color: #000;font-size: 12px;text-indent: 0;background-color: #3deed3;padding: 5px 10px;border-radius: 10px;letter-spacing: -0.8px;line-height: 1.1em;text-align: center;font-weight: 600;} #header .head2 .head2_in .sns ul li.promo a .sns_txt:before{content:"";display:block;position: absolute;bottom: -6px;left: 50%;width: 8px;height: 8px;background: #3deed3;content: "";transform: rotate(45deg) translateX(-50%);} #header .head2 .head2_in .sns ul li.promo a .sns_txt{animation:updown 1.2s infinite ease} @keyframes updown{ 0%{top: 14px;} 50%{top: 10px;} 100%{top: 14px;} } @media all and (min-width:480px){ #header .head2 .head2_in .sns ul li a{width:30px;height:30px; top:15px} #header .head2 .head2_in .sns ul li.facebook a{right:130px} #header .head2 .head2_in .sns ul li.blog a{right:95px} #header .head2 .head2_in .sns ul li.promo a{right:95px} } @media all and (min-width:768px){ #header{height:80px;} .logo a{height:80px;line-height:80px;font-size:20px;padding-left:55px;background-size:43px 51px;letter-spacing: -0.9px;} /*#header .logo {margin-left:15px;}*/ #header .nav_all .nav_btn { width:80px; height:80px;} #header .head2 .head2_in .sns ul li a{width:45px;height:45px; top:17.5px} #header .head2 .head2_in .sns ul li.facebook a{right:175px} #header .head2 .head2_in .sns ul li.blog a{right:120px} #header .head2 .head2_in .sns ul li.youtube a{right:70px} #header .head2 .head2_in .sns ul li.promo a{right:70px} } @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 ;} #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 ; 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 > a:after {display:none;} #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){ .pc, .pcGnb, .pcUtill{display:block;} .mo{display: none;} .wrap{padding-top:190px;} .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:192px;} #header .head1{height:44px;box-sizing:border-box;background-color:#3371b8;} #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:#224a79;padding:0 15px 0 25px;} #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 .head2 {height:102px;position:relative;border-bottom:1px solid #ddd;} #header .head2 .head2_in{max-width:1360px;display:flex; justify-content: space-between;padding-left:30px;padding-right:30px;} #header .head2 .head2_in .weather_area{color:#333;font-size:15px;padding-top:10px} #header .head2 .head2_in .weather_area .weather{margin-bottom:5px;} #header .head2 .head2_in .weather_area p{vertical-align:top;margin-top:3px;width:35px;height:30px;display: inline-block;margin-right:12px;background-size:100%;background-repeat: no-repeat;background-position: center;padding-top:10px;} #header .head2 .head2_in .weather_area .ico1{background-image:url(../../images/iwcms/common/weather1.gif);} #header .head2 .head2_in .weather_area .ico2{background-image:url(../../images/iwcms/common/weather2.gif);} #header .head2 .head2_in .weather_area .ico3{background-image:url(../../images/iwcms/common/weather3.gif);} #header .head2 .head2_in .weather_area .ico4{background-image:url(../../images/iwcms/common/weather4.gif);} #header .head2 .head2_in .weather_area .ico5{background-image:url(../../images/iwcms/common/weather5.gif);} #header .head2 .head2_in .weather_area .ico6{background-image:url(../../images/iwcms/common/weather6.gif);} #header .head2 .head2_in .weather_area .ico7{background-image:url(../../images/iwcms/common/weather7.gif);} #header .head2 .head2_in .weather_area .ico8{background-image:url(../../images/iwcms/common/weather8.gif);} #header .head2 .head2_in .weather_area .ico9{background-image:url(../../images/iwcms/common/weather9.gif);} #header .head2 .head2_in .weather_area .ico10{background-image:url(../../images/iwcms/common/weather10.gif);} #header .head2 .head2_in .weather_area .ico11{background-image:url(../../images/iwcms/common/weather11.gif);} #header .head2 .head2_in .weather_area .ico12{background-image:url(../../images/iwcms/common/weather12.gif);} #header .head2 .head2_in .weather_area a strong{display:inline-block;vertical-align:top;margin-top:10px;} #header .head2 .head2_in .weather_area em{font-size:23px;letter-spacing:-0.6px} #header .head2 .head2_in .weather_area span{display:inline-block;color:#333;font-size:14px;padding:2px 8px;font-weight:500;color:#343434;letter-spacing:-0.8px} #header .head2 .head2_in .weather_area .wth_con1{background-color:#2359c4} #header .head2 .head2_in .weather_area .wth_con2{background-color:#2f6200} #header .head2 .head2_in .weather_area .wth_con3{background-color:#f2b100} #header .head2 .head2_in .weather_area .wth_con4{background-color:#da3539} #header .head2 .head2_in .weather_area i{display:inline-block;width:25px;line-height:1em;font-size:14px;letter-spacing:-0.6px} .logo{margin-right:0px;} .logo a{display:block;height:102px;line-height:102px;font-size:28px;background-position:left center;padding-left:60px;letter-spacing: -1.5px;} #header .head2 .head2_in .sns ul{display: flex;} #header .head2 .head2_in .sns ul li a{position:static;display:block;height: 102px;width:50px;height:50px; margin-top:26px;background-repeat: no-repeat;text-indent:-9999px;margin-left:5px;} #header .head2 .head2_in .sns ul li.twitter a{background-image: url(../../images/iwcms/common/sns_ico1.png)} #header .head2 .head2_in .sns ul li.facebook a{background-image: url(../../images/iwcms/common/sns_ico2.png)} #header .head2 .head2_in .sns ul li.blog a{background-image: url(../../images/iwcms/common/sns_ico3.png)} #header .head2 .head2_in .sns ul li.kakao a{background-image: url(../../images/iwcms/common/sns_ico4.png)} #header .head2 .head2_in .sns ul li.youtube a{background-image: url(../../images/iwcms/common/sns_ico5.png)} #header .head2 .head2_in .sns ul li.promo a{background-image: url(../../images/iwcms/common/promo.png)} /*대메뉴*/ #header .head3{position:relative;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu{display:flex;justify-content: space-between;width:100%;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li{width:10%;box-sizing:border-box;text-align:center;height:46px;} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li:hover>a {color:#00725d} #header .head3 .head3_in .pcGnb .gnbArea>.top1menu>li>a{position:relative;display: block; font-size:17.5px;color:#000; letter-spacing: -0.5px;font-weight:400;line-height:46px;text-decoration: none;} #gnb {padding-top:0px;} /*메뉴펼침 뒷배경*/ .mask {display:none; position:fixed; z-index:20; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} /*메뉴펼침너비*/ #gnb > ul{max-width:1360px; margin:0 auto; } /*대메뉴 밑줄*/ #gnb > ul > li > a:after {display:block; position:absolute; left:50%; bottom:-1px; width:0; height:3px; background:#03a98a; 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:80%; margin-left:-40%;} /*대메뉴 글자*/ #gnb > ul > li .depth2 {position:absolute;display:none;z-index:10; top:46px; left:0; width:100%; background:#3371b8 ;} /*메뉴펼침배경*/ #gnb.open > ul > li.hover .depth2 {display:block; color:#fff;} #gnb > ul > li .depth2 .bg {display:block; position:absolute; top:0; left:50%; background:#fff ;background-repeat:no-repeat;height:220px;/*border-bottom:1px solid #ddd;*/} /*메뉴펼침-왼쪽텍스트*/ #gnb > ul > li .depth2 .gnb_txt {display:table-cell; position:relative; width:21%; padding:40px 30px 0 10px; color:#fff; 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:#fff;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;/*border-bottom: 1px solid #ddd;*/} #gnb > ul > li .depth2 > .inner > ul {display:table-cell; position:relative; width:79%;padding:15px 0px 40px 30px; background:#fff ;} #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;padding-right:20px; 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;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #gnb > ul > li .depth2 > .inner > ul > li > a:hover, #gnb > ul > li .depth2 > .inner > ul > li > a.hover{color:#fff;background-color:#3371b8;transition:all 0.02s ease-out;-webkit-transition:all 0.02s ease-out; -o-transition:all 0.02s ease-out; -moz-transition:all 0.02s ease-out;} #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:310px;} #gnb > ul > li:nth-child(9) .depth2 > .inner > ul > li:nth-child(4) {height:340px;} #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 {background:url('../../images/iwcms/common/dot1.png') 12px 11px no-repeat; line-height:23px;}*/ #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;} #gnb > ul > li:nth-child(8) .depth2 >.inner>ul>li:nth-child(4){height:200px;} #gnb > ul > li:nth-child(9) .depth2 >.inner>ul>li:nth-child(3){height:340px;} #gnb > ul > li:nth-child(9) .depth2 >.inner>ul>li:nth-child(5){height:150px;} } /*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: #3371b8;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 .privacy{width:100%;display:block;line-height:40px; padding:0 15px;text-align: left;} 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-top:10px;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;} footer .cert_area .cert_ico li:nth-child(1){background-image: url(../../images/iwcms/common/cert_ico1.png)} footer .cert_area .cert_ico li:nth-child(2){background-image: url(../../images/iwcms/common/cert_ico2.png)} footer .cert_area .cert_ico li:nth-child(3){background-image: url(../../images/iwcms/common/cert_ico3.png)} footer .cert_area .cert_ico li:nth-child(4){background-image: url(../../images/iwcms/common/cert_ico4.png)} footer .cert_area .cert_ico li:nth-child(5){background-image: url(../../images/iwcms/common/cert_ico5.png)} @media all and (min-width:768px) { footer .relSite{height:50px;} footer .fwrap .privacy, footer .relSite select{height:50px;line-height:50px;padding:0 30px;} } @media all and (min-width:1024px) { .pc{display:block;} footer .relSite{height:0;} footer .relSite select{width: 286px;margin:0 auto;position:absolute;top:0;right:0;} footer .footer_link_in{max-width:1360px;padding-left:30px;padding-right:30px;margin:0 auto;} footer .footer_link li a {height:37px;line-height:37px;} footer .fwrap .privacy{padding-left:0;margin-left:0;} footer .fwrap, .fcont_in{max-width:1360px;margin-left: auto;margin-right:auto;} footer .footer_cont { padding:40px 0;height:270px;padding-left:15px;padding-right:15px;} 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 .cert_area .cert_ico{position:absolute; top:-60px;right:0;} footer .cert_area .cert_ico li{width:65px;height:65px;background-size:100%;} footer .footer_cont .f_logo{margin-right:15px;margin-top:10px;} footer .footer_cont .f_logo a{display:block;background-image: url(../../images/iwcms/common/flogo_mark.png);width:280px;height:60px;line-height:60px;background-repeat:no-repeat;text-indent: 0;font-weight:600;} .f_logo a{display:block;font-size:26px;background-position:left center;padding-left:55px;letter-spacing: -0.7px;color:#878787;} footer .footer_cont div.cont .f_copy {margin-top:35px;display: inline-block;} } */ 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:#3371b8;} footer .relSite ul li a{display:block;width:100%;line-height:40px; padding:0 15px;text-align: left;background-color:#3371b8;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{padding-left:15px;padding-right:15px;} footer .fwrap li a{display:inline-block;line-height:40px;} footer .footer_cont {overflow:hidden; padding:20px 15px;} footer .footer_cont .fcont_in{display:flex;padding-left:15px;padding-right:15px;} footer .footer_cont div {position:relative; right:0;} footer .footer_cont div.cont {float:left; margin-top:10px;width:100%;} 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-top:10px;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:3px;} footer .cert_area .cert_ico li:nth-child(1){background-image: url(../../images/iwcms/common/cert_ico1.jpg)} footer .cert_area .cert_ico li:nth-child(2){background-image: url(../../images/iwcms/common/cert_ico2.jpg)} footer .cert_area .cert_ico li:nth-child(3){background-image: url(../../images/iwcms/common/cert_ico3.jpg)} footer .cert_area .cert_ico li:nth-child(4){background-image: url(../../images/iwcms/common/cert_ico4.jpg)} footer .cert_area .cert_ico li:nth-child(5){background-image: url(../../images/iwcms/common/cert_ico5.jpg)} footer .cert_area .cert_ico li:nth-child(6){background-image: url(../../images/iwcms/common/cert_ico6.jpg)} footer .cert_area .cert_ico li:nth-child(7){background-image: url(../../images/iwcms/common/cert_ico7.jpg)} footer .cert_area .cert_ico li:nth-child(8){background-image: url(../../images/iwcms/common/cert_ico8.jpg)} footer .cert_area .cert_ico li:nth-child(9){background-image: url(../../images/iwcms/common/cert_ico9.jpg)} footer .cert_area .cert_ico li:nth-child(10){background-image: url(../../images/iwcms/common/cert_ico10.jpg)} footer .copyright{margin-bottom:10px} footer .visitor{line-height:1.6em;} @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) { .pc{display:block;} 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:10;} 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 0 0;} footer .fwrap li:nth-child(1){padding-left:0;} footer .footer_link{border-bottom:1px solid #ddd;} footer .footer_in .footer_cont {height:230px;padding-left:15px;padding-right:15px;} footer .footer_in .footer_cont .fcont_in{max-width: 1360px;padding:40px 30px;position:relative;margin:0 auto;} 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 .cert_area .cert_ico li{width:65px;height:65px;background-size:100%;} footer .footer_cont .f_logo{margin-right:15px;margin-top:10px;} footer .footer_cont .f_logo a{display:block;background-image: url(../../images/iwcms/common/flogo_mark.png);width:280px;height:60px;line-height:60px;background-repeat:no-repeat;text-indent: 0;font-weight:600;} .f_logo a{display:block;font-size:26px;background-position:left center;padding-left:55px;letter-spacing: -0.7px;color:#878787;} footer .footer_cont div.cont .f_copy {margin-top:35px;display: inline-block;} } @media all and (min-width:1400px) { footer .footer_in .footer_cont {height:230px;} footer .cert_area .cert_ico{position:absolute; top:-60px;right:0;} } /*top버튼*/ .back-to-top {position:fixed; right:36px; bottom:100px; 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; } } /*서브페이지 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;} /* .sub_top.intro .sub_visual.customer{background-image: url(../../images/iwcms/svisual/svisual_customer.jpg);} .sub_top.intro .sub_visual.support{background-image: url(../../images/iwcms/svisual/svisual_support.jpg);} .sub_top.intro .sub_visual.company{background-image: url(../../images/iwcms/svisual/svisual_company.jpg);} .sub_top.intro .sub_visual.sports{background-image: url(../../images/iwcms/svisual/svisual_sports.jpg);} .sub_top.intro .sub_visual.management{background-image: url(../../images/iwcms/svisual/svisual_management.jpg);} .sub_top.intro .sub_visual.notice{background-image: url(../../images/iwcms/svisual/svisual_notice.jpg);} .sub_top.intro .sub_visual.culture{background-image: url(../../images/iwcms/svisual/svisual_culture.jpg);} .sub_top.intro .sub_visual.openinfo{background-image: url(../../images/iwcms/svisual/svisual_openinfo.jpg);} .sub_top.intro .sub_visual.etc{background-image: url(../../images/iwcms/svisual/svisual_etc.jpg);} .sub_top.intro .sub_visual.wel{background-image: url(../../images/iwcms/svisual/svisual_wel.jpg);} .sub_top.intro .sub_visual.business{background-image: url(../../images/iwcms/svisual/svisual_business.jpg);} */ .sub_top.intro .sub_visual.customer{background-image: url(../../images/iwcms/svisual/svisual_customer_rev.jpg);} .sub_top.intro .sub_visual.support{background-image: url(../../images/iwcms/svisual/svisual_support_rev.jpg);} .sub_top.intro .sub_visual.company{background-image: url(../../images/iwcms/svisual/svisual_company_rev.jpg);} .sub_top.intro .sub_visual.sports{background-image: url(../../images/iwcms/svisual/svisual_sports_rev2.jpg);} .sub_top.intro .sub_visual.management{background-image: url(../../images/iwcms/svisual/svisual_management_rev.jpg);} .sub_top.intro .sub_visual.notice{background-image: url(../../images/iwcms/svisual/svisual_notice_rev.jpg);} .sub_top.intro .sub_visual.culture{background-image: url(../../images/iwcms/svisual/svisual_culture_rev.jpg);} .sub_top.intro .sub_visual.openinfo{background-image: url(../../images/iwcms/svisual/svisual_openinfo_rev.jpg);} .sub_top.intro .sub_visual.etc{background-image: url(../../images/iwcms/svisual/svisual_etc_rev.jpg);} .sub_top.intro .sub_visual.wel{background-image: url(../../images/iwcms/svisual/svisual_wel_rev.jpg);} .sub_top.intro .sub_visual.business{background-image: url(../../images/iwcms/svisual/svisual_business_rev.jpg);} .sub_top.intro .sub_visual .sub_visual_txt{/*background-color:rgb(0, 0, 0,0.4);*/display:block;width:100%;height:140px;padding:15px 0;padding-top:35px;position:absolute;left:0;top:0;} .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:500;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;} .sub_top.intro .sub_visual.govern30{margin:0 auto;} .sub_top.intro .sub_visual .sub_visual_txt{padding:25px 50px;padding-top:60px;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;width:100%;} .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;} */ .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:10; 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:400;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{overflow:hidden;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;} .sub_top.intro .lnb_wrap .lnb_a .home a{display:block;height:60px;text-indent: -9999px;} /*서브페이지 대메뉴*/ /* .sub_top.intro .lnb_wrap .lnb_a #navi{display:flex;justify-content: space-between;width:100%;overflow:hidden;} .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>p:hover{color:#297fb6} .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;} */ @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: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:nth-child(1){background-image: url(../../images/iwcms/sub/zoomin.png);border-left:1px solid #ddd;} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li:nth-child(2){background-image: url(../../images/iwcms/sub/zoomout.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li:nth-child(3){background-image: url(../../images/iwcms/sub/print.png);} .sub_top.intro .lnb_wrap .lnb_a .sbtn>li a{display:block;width:60px;height:60px;} } @media all and (min-width:1024px){ .sub_top.intro .lnb_wrap{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;} } /*탭*/ .sub_tab{margin-bottom:30px;} .sub_tab ul{display:none;} .sub_tab ul li, .btn_cate{display:block;width:100%;height:45px;font-size:14px;text-align:center;line-height:45px;} .sub_tab ul li a{display:block;height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#f8f9f9;color:#757575;transition:0.3s;border-top:1px solid #e0e0e0;} .btn_cate.on{background:#2359c4;color:#fff;} .btn_cate.on .icon{background:#fff;} .btn_cate .icon{display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;} .btn_cate .icon:before, .btn_cate .icon:after{content: '';position: absolute;top: 6px;left: 0;width: 100%;height: 2px;background: #fff;} .btn_cate .icon:after{top:2px;} .btn_cate.on .icon:before, .btn_cate.on .icon:after {background:#2359c4;} @media all and (min-width:768px){ .sub_tab ul li, .btn_cate{font-size:20px;} .btn_cate .icon{width:18px;height:12px;margin-right:10px;} .btn_cate .icon:before, .btn_cate .icon:after{top: 6px;height: 2px;} .btn_cate .icon:after{top:4px;} } @media all and (max-width:1024px){ .sub_tab.rev1 ul{display:block;} .sub_tab.rev1 ul li a{font-size:17px} .sub_tab.rev1 ul li.on a{background-color:#2359c4;color:#fff;} .sub_tab.rev1 button{display:none} } @media all and (max-width:768px){ .sub_tab.rev1 ul li a{font-size:14px} } @media all and (min-width:1024px){ .btn_cate{display:none;font-size:0;} .sub_tab{margin-bottom:50px;} .sub_tab ul{display:flex;justify-content: space-between;} .sub_tab ul li{height:auto;border:none;border-top:1px solid #ddd;box-sizing:border-box;border-bottom:3px solid #5599ff;width:33.333%;width:9.090909%;text-align: center;position:relative} .sub_tab ul li:after{content: "";display:block;width:1px;height:20px;position:absolute;background-color:#ddd;top:50%;transform:translatey(-50%);} .sub_tab ul li:last-child{border-right:1px solid #ddd;} .sub_tab ul li:first-child{border-left:1px solid #ddd;} .sub_tab ul li:first-child:after{display:none;} .sub_tab ul li:last-child a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .sub_tab ul li.on{border:3px solid #5599ff;border-bottom:none;background-color:#fff} .sub_tab ul li.on a{color:#000;background-color:#fff;} .sub_tab ul li a{text-decoration:none;display:block;width:100%;height:auto;font-size:15px; line-height:45px;letter-spacing: -1.5px;color:#888777;padding-left:3px;padding-right:3px;line-height:70px;font-size:18px;letter-spacing: -1.3px;} .sub_tab ul li a:hover{color:#005fc1;} .sub_tab2.tab_sel_type select{color:#333;background:#f8f9f9} .sub_tab ul li.on:after{display:none;} .sub_tab2.tab_sel_type {background-color:#eee;width:600px;margin-left:auto;margin-right:auto;margin-bottom:50px;} .sub_tab2.tab_sel_type ul{display:flex;width:100%;margin:0 auto;} .sub_tab2.tab_sel_type li a{text-decoration:none;width:300px;padding:20px 0;line-height:20px;font-size:18px;display:block;height:100%;text-align:center;box-sizing:border-box;} .sub_tab2.tab_sel_type li a:hover{opacity:0.9;} .sub_tab2.tab_sel_type li.on a{color:#fff;background:#1f3042;} } /*서브 테이블 */ .table_wrap {overflow-x: auto; padding-bottom:10px;} table.table_st1{min-width: 480px; border-collapse: collapse;width:100%;border-top:2px solid #5599ff;margin-top:8px;margin-bottom:15px;line-height:1.6} table.table_st1.table_st1_1{border-top:1px solid #ddd;;} table.table_st1.td_le td{text-align:left;} table.table_st1.td_rt td{text-align:right;} table.table_st1.th_bg1 thead th, table.table_st1.th_bg1 tbody tr th{background-color:#f6f6fd;font-weight:500;} 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 th.font_st1{font-size:18px; font-weight:bold;} table.table_st1 th.blue{background-color:#224a79; color:#fff;} table.table_st1 th.yellow{background-color:#FED35F; color:#000;} table.table_st1 th.purple{background-color:#9055A2; color:#fff;} table.table_st1 th.green{background-color:#006662; color:#fff;} table.table_st1 th.mint{background-color:#9CD9C8; color:#000;} 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 .line{border-bottom:1px solid #767171 !important;} table.table_st1 .line2{border-right:1px solid #767171 !important;} table.table_st1.th_ct th{text-align:center} table.table_st1 td.td_le{text-align:left;} table.table_st1 thead th:first-child{border-top:2px solid #19b699} table.table_st1 thead th.line_none{border-top:none;} 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_unit.rev{font-size:14px;letter-spacing:-0.3px;color:#666;top:55%;font-weight:300} span.table_cmt{font-size:14px;text-align: right;position: absolute;right:0;bottom:0;} table.table_st1 col.td_ct{text-align:center;} table.table_st1.index_st1{border:2px solid #c6c6c6} table.table_st1.index_st1 td{text-align:left;border:none;} table.table_st1.index_st1 td img{width:35px;height:auto;margin-right:10px} table.table_st1.index_st1 td a{display:flex;align-items: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;} .pc_ml50{margin-left:50px;} } /*프린트설정*/ @page {size: A4;} @media print { /*html, body {width: 210mm;height: 297mm;background: #fff;}*/ .sub_tob, .sub_visual, .lnb_wrap, #header, #footer {display:none !important;} .wrap{width:100%;object-fit: contain;/*min-width:1360px;*/padding:30px 0;background-color:#fff !important;overflow-x: inherit !important;} }