/* reset */ *{-webkit-text-size-adjust:none;} html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td{padding:0;margin:0} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal} fieldset,img,abbr,acronym{border:0 none} ul,ol{list-style-type:none} address, caption, em, cite{font-weight:normal;font-style:normal} ins{text-decoration:none} del{text-decoration:line-through} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} b,strong{font-weight:normal;} hr{display:none} a:link,a:hover,a:visited,a:active{text-decoration:none} a:hover,a:focus{text-decoration:underline;} a{text-decoration:none;} a:active, a:hover{text-decoration:underline;} img, fieldset, button, input, select{vertical-align:middle} table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;} table caption, legend, .hide{margin-left:-99999px;top:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;} body{font-size:14px; line-height:1; color:#444; font-family:'Nanum Gothic'; color:#000; overflow-x:hidden; font-weight:normal; width:100%; height:100%; -webkit-text-size-adjust:none;} textarea:focus, input:focus, select:focus{outline:0;} input, textarea, select{font-family:'Nanum Gothic'; box-sizing:border-box; vertical-align:middle;} input[type="password"]{font-family:'';} /*skip*/ #skip a {position:absolute; left:-3000%;} #skip a:focus {display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;} a:link, a:visited {color:#000; text-decoration:none;} a:hover, a:active {color:#000; text-decoration:none;} .inline_a {display: inline;} .hide, hr, .blind{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} .blank{display:none; z-index:9999; position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.6);} .mt0{margin-top:0 !important;} .mt5{margin-top:5px !important;} .mt15{margin-top:15px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} #header{width:100%; } .m_header{display:none;} #header .h_util{width:100%; background:#084572; height:40px; line-height:40px; border-bottom:1px solid #ddd;} #header .h_util .h_util_wrap{width:100%; max-width:1000px; margin:0 auto;} #header .h_util .h_util_wrap:after{display:block; content:''; clear:both;} #header .h_util .h_util_wrap ul.left{float:left; font-size:0;} #header .h_util .h_util_wrap ul.right{float:right; font-size:0;} #header .h_util .h_util_wrap ul li{display:inline-block; vertical-align:top; font-weight:bold; font-size:14px; width:70px; box-sizing:border-box; text-align:center; position:relative;} #header .h_util .h_util_wrap ul li:after{display:none; content:''; clear:both; position:absolute; bottom:0; left:0; width:100%; background:#f58345; height:3px;} #header .h_util .h_util_wrap ul li a{color:#fff;} #header .h_util .h_util_wrap ul li.on:after{display:block;} #header .h_util .h_util_wrap ul li:hover:after{display:block;} #header .h_util .h_util_wrap ul.right li:last-child{width:100px;} #header .h_wrap{max-width:1000px; margin:0 auto; width:100%; position:relative; padding:23px 0; text-align:center;} #header .h_wrap:after{display:block; content:''; clear:both;} #header .h_wrap h1{position:absolute; left:14px; top:27px; font-size:0;} #header .h_wrap h1.center_logo{top:28px; left:0;} #header .h_wrap .logo-right {position:relative; top:0; right:0; float:right;} #header .h_wrap .h_search{display:inline-block; width:50%; max-width:416px; vertical-align:middle; position:relative; left:100px;} #header .h_wrap .h_search a{display:block; width:25px; height:25px; position:absolute; right:50px; top:14.5px;} #header .h_wrap .h_search input{vertical-align:middle; width:100%; border:3px solid #2866b3; box-sizing:border-box; height:54px; line-height:54px; border-radius:54px; padding:0 10px; padding-right:100px;} #header .h_wrap .h_search a.input_del{right:80px; top:20px;} #header .h_wrap .util{padding:11px 0; float:right; font-size:0;} #header .h_wrap .util li{display:inline-block; height:36px; line-height:36px; box-sizing:border-box; text-align:center; font-size:0;} #header .h_wrap .util li.first{border:1px solid #ddd; border-radius:5px; width:280px;} #header .h_wrap .util li.second{background:#0060af; color:#0060af; border-radius:5px; margin-left:8px; width:102px;} #header .h_wrap .util li.first a{font-size:13px; font-size:13px; color:#666; position:relative;} #header .h_wrap .util li.first a:first-child{margin-right:30px;} #header .h_wrap .util li.first a:first-child:after{display:block; content:''; position:absolute; width:2px; height:12px; right:-17px; background:#bcbcbc; top:50%; margin-top:-6px;} #header .h_wrap .util li.second a{font-size:14px; display:block; font-weight:bold; color:#fff; display:block;} #header .gnb_wrap{width:100%; border-top:1px solid #ddd; position:relative; margin-top:20px;} #header .gnb_wrap .menu{max-width:1000px; margin:0 auto; width:100%;} #header .gnb_wrap .menu:after{display:block; content:''; clear:both;} #header .gnb_wrap .menu > li{display:block; float:left; width:14%; text-align:center; height:70px; line-height:70px; position:relative;} #header .gnb_wrap .menu.center_menu > li{width:25%;} #header .gnb_wrap .menu > li:last-child{width:16%;} #header .gnb_wrap .menu > li > a{display:block; font-size:18px; color:#333;} #header .gnb_wrap .menu > li:nth-child(2n) .sub_menu2{background:#f1f6f9;} #header .gnb_wrap .menu li .sub_menu2{display:none; position:absolute; top:71px; z-index:201; width:100%; left:0; height:364px; background:#fff;} #header .gnb_wrap .menu li .sub_menu2 li{display:block; margin-top:15px; text-align:center; box-sizing:border-box;} #header .gnb_wrap .menu li .sub_menu2 li:first-child{margin-top:20px;} #header .gnb_wrap .menu li .sub_menu2 li a{display:block; font-size:14px; color:#000; line-height:16px;} #header .gnb_wrap .menu li .sub_menu2 li a.open{background:url(/images/sub/ico_openwindow.png) 115px 2.5px no-repeat;} #header .gnb_wrap .menu li .sub_menu2 li a.open2{background:url(/images/sub/ico_openwindow.png) 115px 2.5px no-repeat;} #menu_bg{width:100%; background:#fff; position:absolute; top:70px; height:0px; z-index:200; display:none; border-top:1px solid #084572; border-bottom:1px solid #084572;} #menu_bg .menu_bg{width:100%; height:366px; max-width:1000px; margin:0 auto;} #container{} #container .visual_wrap{width:100%; height:690px; background:url(/images/main_bg.jpg) center center no-repeat;} #container .visual{max-width:1000px; margin:0 auto;} #container .visual .text_img{font-size:0; text-align:center; padding:30px 0;} #container .visual .v_top:after{display:block; content:''; clear:both;} #container .visual .v_top .left{width:65%; float:left; margin-right:18px; height:270px;} #container .visual .v_top .left .slide_wrap{position:relative;} #container .visual .v_top .left .slide_wrap li{overflow:hidden; height:270px;} #container .visual .v_top .left .slide_wrap li a {display:block;} #container .visual .v_top .left .slide_wrap .bx-controls-direction{position:absolute; bottom:0; right:0; height:40px;} #container .visual .v_top .left .slide_wrap .bx-controls-direction a{position:absolute; width:40px; height:40px; display:block; font-size:0;} #container .visual .v_top .left .slide_wrap .bx-controls-direction a.bx-prev{background:rgba(0,0,0,0.6) url(/images/v_left.png) center center no-repeat; right:183px;} #container .visual .v_top .left .slide_wrap .bx-controls-direction a.bx-next{background:rgba(0,0,0,0.6) url(/images/v_right.png) center center no-repeat; right:101px;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls{text-align:center; font-size:0; z-index:99; bottom:0px; position:absolute; width:100%;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls-auto {position:absolute; bottom:0; right:0; height:40px;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls-auto a{text-indent:-9999px; width:40px; height:40px; display:block; position:absolute;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls-auto .bx-start{background:rgba(0,0,0,0.6) url(/images/v_pause.png) center center no-repeat; right:142px;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls-auto .bx-stop{background:rgba(0,0,0,0.6) url(/images/v_pause.png) center center no-repeat; right:142px;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-controls-auto .active{display:none;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-pager{background:rgba(0,0,0,0.6); width:100px; height:40px; line-height:40px; text-align:center; position:absolute; right:0; bottom:0; font-size:15px; color:#fff;} #container .visual .v_top .left .slide_wrap .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} #container .visual .v_top .right{width:calc(35% - 18px); float:left; height:270px; background:url(/images/visual_bg2.jpg) right top no-repeat; box-sizing:border-box; padding:30px 0 0 25px; position:relative; background-size:cover;} #container .visual .v_top .right .img{margin-bottom:35px;} #container .visual .v_top .right > a{display:block; max-width:120px; width:100%; height:28px; line-height:28px; box-sizing:border-box; padding-left:12px; font-size:14px; font-weight:bold;} #container .visual .v_top .right a.link1{background:#003964 url(/images/next_w.png) 90% center no-repeat; border:1px solid #003964; border-radius:28px; color:#fff;} #container .visual .v_top .right a.link2{background:#fff url(/images/next_b.png) 90% center no-repeat; border:1px solid #003964; border-radius:28px; color:#003964; margin-top:10px;} #container .visual .v_top .right .link{position:absolute; bottom:0; width:100%; right:0;} #container .visual .v_top .right .link:after{display:block; content:''; clear:both;} #container .visual .v_top .right .link a{display:block; width:33.3%; float:left; height:60px; font-size:0;} #container .visual .v_top .right .link a.link3{background:url(/images/link3.jpg) center center no-repeat; background-size:cover;} #container .visual .v_top .right .link a.link4{background:url(/images/link4.jpg) center center no-repeat; background-size:cover; width:33.4%;} #container .visual .v_top .right .link a.link5{background:url(/images/link5.jpg) center center no-repeat; background-size:cover; float:right;} #container .visual .v_bot{margin-top:18px;} #container .visual .v_bot:after{display:block; content:''; clear:both;} #container .visual .v_bot .left{float:left; width:21%; height:246px; border:1px solid #eee; box-sizing:border-box; background:#fff;} #container .visual .v_bot .left:after{display:block; content:''; clear:both;} #container .visual .v_bot .left a{width:50%; height:81px; box-sizing:border-box; text-align:center; display:block; float:left; padding-top:15px;} #container .visual .v_bot .left a span{display:block; font-size:12px; color:#333; margin-top:10px;} #container .visual .v_bot .left a:nth-child(2n){background:url(/images/br_top.jpg), url(/images/br_left.jpg); background-repeat:repeat-x, repeat-y; background-position:left top, left top;} #container .visual .v_bot .left a:nth-child(2n-1){background:url(/images/br_top.jpg) left top repeat-x;} #container .visual .v_bot .left a:nth-child(2), #container .visual .v_bot .left a:first-child{background:url(/images/br_left.jpg) left top repeat-y;} #container .visual .v_bot .middle{width:43%; margin:0 18px 0 1%; box-sizing:border-box; height:246px; border:1px solid #eee; background:#fff; float:left; position:relative;} #container .visual .v_bot .middle .board_tab{border-bottom:1px solid #eee; font-size:0; box-sizing:border-box; padding-right:35px;} #container .visual .v_bot .middle .board_tab li{text-align:center; width:20%; text-align:center; display:inline-block; max-width:80px; height:49px; line-height:49px; position:relative;} #container .visual .v_bot .middle .board_tab li:after{display:block; content:''; position:absolute; width:2px; height:2px; top:50%; margin-top:-1px; left:0; background:#000;} #container .visual .v_bot .middle .board_tab li:first-child:after{display:none;} #container .visual .v_bot .middle .board_tab li a{font-size:14px; color:#000;} #container .visual .v_bot .middle .board_tab li a span{display:none;} #container .visual .v_bot .middle .board_tab li a.on{font-size:14px; color:#003964; font-weight:bold;} #container .visual .v_bot .middle .board_tab li a.on span{display:block; position:absolute; bottom:0; height:2px; background:#003964; width:80%; left:50%; margin-left:-40%;} #container .visual .v_bot .middle .board_con{padding:10px 20px 0 20px;} #container .visual .v_bot .middle .board_con .board_more{position:absolute; display:block; font-size:0; top:19px; right:19px;} #container .visual .v_bot .middle .board_con .board_list{} #container .visual .v_bot .middle .board_con .board_list li{position:relative;} #container .visual .v_bot .middle .board_con .board_list li a{display:inline-block; font-size:13px; color:#000; line-height:32px; padding-left:11px; background:url(/images/board_bullet.jpg) left center no-repeat;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:calc(100% - 95px); width:100%;} #container .visual .v_bot .middle .board_con .board_list li span{font-size:13px; color:#000; position:absolute; right:0; line-height:32px;} #container .visual .v_bot .right{width:calc(35% - 18px); box-sizing:border-box; background:#fff; height:246px; position:relative; border:1px solid #eee; float:left;} #container .visual .v_bot .right p{background:#fff;height:47px; line-height:47px; padding-left:20px; font-size:16px; color:#000; border-bottom:1px solid #eee;} #container .visual .v_bot .right li{height:196px; overflow:hidden; text-align:center;} #container .visual .v_bot .right li img{max-width:100%;} #container .visual .v_bot .right .bx-controls-direction{position:absolute; top:0; right:0; font-size:0;} #container .visual .v_bot .right .bx-controls-direction a{position:absolute; width:6px; height:47px; display:block; font-size:0;} #container .visual .v_bot .right .bx-controls-direction a.bx-prev{background:url(/images/popup_left.png) center center no-repeat; right:50px;} #container .visual .v_bot .right .bx-controls-direction a.bx-next{background:url(/images/popup_right.png) center center no-repeat; right:19px;} #container .visual .v_bot .right .bx-wrapper .bx-controls{text-align:center; font-size:0; z-index:99; top:0px; position:absolute; width:100%; height:47px;} #container .visual .v_bot .right .bx-wrapper .bx-controls-auto{position:absolute; top:0; right:0;} #container .visual .v_bot .right .bx-wrapper .bx-controls-auto a{text-indent:-9999px; width:6px; height:47px; display:block; position:absolute;} #container .visual .v_bot .right .bx-wrapper .bx-controls-auto .bx-start{background:url(/images/popup_pause.png) center center no-repeat; right:34px;} #container .visual .v_bot .right .bx-wrapper .bx-controls-auto .bx-stop{background:url(/images/popup_pause.png) center center no-repeat; right:34px;} #container .visual .v_bot .right .bx-wrapper .bx-controls-auto .active{display:none;} #container .visual .v_bot .right .bx-wrapper .bx-pager{height:47px; line-height:47px; text-align:center; position:absolute; right:76px; top:0; font-size:14px; color:#000;} #container .visual .v_bot .right .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} .con1{width:100%; background:#fff;} .con1 .info_slide_wrap{width:100%; margin:0 auto; max-width:1000px; position:relative; height:170px;} .con1 .info_slide_wrap:after{display:block; content:''; clear:both;} .con1 .info_slide_wrap .text{font-size:24px; color:#0e456f; line-height:38px; padding-top:20px; text-align:center; font-weight:bold; width:105px; float:left;} .con1 .info_slide_wrap .info_slide_box{width:calc(100% - 105px); float:left; padding-top:25px;} .info_slide li{width:144px!important;} .info_slide li a{display:block; text-align:center;} .info_slide li a span{display:block; margin-top:20px; font-size:16px; color:#0e456f; font-weight:bold;} #container .info_slide_box .bx-controls-direction{position:absolute; bottom:0; left:0; /*display:none;*/} #container .info_slide_box .bx-controls-direction a{position:absolute; width:11px; height:20px; display:block; font-size:0; bottom:36px;} #container .info_slide_box .bx-controls-direction a.bx-prev{background:url(/images/left.png) center center no-repeat; left:20px;} #container .info_slide_box .bx-controls-direction a.bx-next{background:url(/images/right.png) center center no-repeat; left:75px;} .con2{width:100%; height:425px; background:url(/images/main_bg_2.jpg) center center no-repeat;} .con2 .con2_wrap{max-width:1000px; margin:0 auto; width:100%;} .con2 .con2_wrap .text_img{text-align:center; font-size:0; padding:25px 0 20px;} .con2 .con2_wrap .con2_box{background:#fff; height:320px;} .con2 .con2_wrap .con2_box .con2_tab{text-align:center; font-size:0; height:80px; line-height:80px;} .con2 .con2_wrap .con2_box .con2_tab li{display:inline-block;} .con2 .con2_wrap .con2_box .con2_tab li a{font-size:18px; color:#333; padding:0 14px;} .con2 .con2_wrap .con2_box .con2_tab li a.on{font-weight:bold;} .con2 .con2_wrap .con2_box .con2_con{font-size:0; text-align:center; position:relative; padding:0 50px 45px 50px;} .con2 .con2_wrap .con2_box .con2_con .bx-wrapper{margin:0 auto;} .con2 .con2_wrap .con2_box .con2_con li div{display:inline-block; width:100%; max-width:246px; position:relative;} .con2 .con2_wrap .con2_box .con2_con li div span{display:block; position:absolute; bottom:0; width:100%; text-align:center; color:#fff; height:29px; line-height:29px; font-size:13px; font-weight:bold; background:rgba(0,0,0,0.7);} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction{position:absolute; top:0; left:0; width:100%;} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction a{position:absolute; width:15px; height:30px; display:block; font-size:0; top:69px;} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction a.bx-prev{background:url(/images/arrow_left.png) center center no-repeat; left:30px;} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction a.bx-next{background:url(/images/arrow_right.png) center center no-repeat; right:30px;} .con2 .con2_wrap .con2_box .con2_con .bx-pager{position:absolute; width:100%; bottom:0; text-align:center; left:0;} .con2 .con2_wrap .con2_box .con2_con .bx-pager .bx-pager-item{display:inline-block; margin-left:8px;} .con2 .con2_wrap .con2_box .con2_con .bx-pager .bx-pager-item:first-child{margin-left:0;} .con2 .con2_wrap .con2_box .con2_con .bx-pager .bx-pager-item a{display:block; width:14px; height:14px; background:url(/images/off.png) center center no-repeat;} .con2 .con2_wrap .con2_box .con2_con .bx-pager .bx-pager-item a.active{background:url(/images/on.png) center center no-repeat;} .con3_wrap{width:100%; max-width:1000px; margin:25px auto;} .con3_wrap:after{display:block; content:''; clear:both;} .con3_wrap .left_box{width:65%; height:220px; box-sizing:border-box; float:left;} .con3_wrap .left_box:after{display:block;} .con3_wrap .left_box .con3_tab{display:block; float:left; width:160px;} .con3_wrap .left_box .con3_tab li{display:block; text-align:center; width:100%;} .con3_wrap .left_box .con3_tab li a{display:block; color:#fff; font-size:16px; height:55px; line-height:55px;} .con3_wrap .left_box .con3_tab li a.on{text-decoration:underline; position:relative;} .con3_wrap .left_box .con3_tab li a.on:after{display:block; content:''; position:absolute; top:50%; margin-top:-10px; right:-20px; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent;} .con3_wrap .left_box .con3_tab li.one{background:#8cc2ef;} .con3_wrap .left_box .con3_tab li.one a.on:after{border-left:10px solid #8cc2ef;} .con3_wrap .left_box .con3_tab li.two{background:#0160b0;} .con3_wrap .left_box .con3_tab li.two a.on:after{border-left:10px solid #0160b0;} .con3_wrap .left_box .con3_tab li.three{background:#f58345;} .con3_wrap .left_box .con3_tab li.three a.on:after{border-left:10px solid #f58345;} .con3_wrap .left_box .con3_tab li.four{background:#00b7bf;} .con3_wrap .left_box .con3_tab li.four a.on:after{border-left:10px solid #00b7bf;} .con3_wrap .left_box .con3_con{display:block; float:left; box-sizing:border-box; border:1px solid #ddd; width:calc(100% - 160px); height:100%; background:#f8f8f8;} .con3_wrap .left_box .con3_con ul:after{display:block; content:''; clear:both;} .con3_wrap .left_box .con3_con ul{padding-left:50px; padding-top:10px;} .con3_wrap .left_box .con3_con ul li{margin-top:4px; width:50%; display:block; float:left; padding-left:12px; position:relative; box-sizing:border-box;} .con3_wrap .left_box .con3_con ul li a{font-size:14px; color:#000; display:inline-block; box-sizing:border-box; padding-left:15px; border:1px solid #eee; max-width:150px; height:35px; line-height:33px; width:90%; background:#fff url(/images/con3_icon.jpg) 90% center no-repeat;} .con3_wrap .right_box{width:calc(35% - 18px); height:220px; box-sizing:border-box; margin-left:18px; border:1px solid #ddd; float:left; font-size:0; padding:18px 0; background:#f8f8f8;} .con3_wrap .right_box a{display:inline-block; width:33.3%; text-align:center;} .con3_wrap .right_box a span{display:block; font-size:12px; color:#000; margin-top:15px;} .con3_wrap .right_box a:nth-child(4),.con3_wrap .right_box a:nth-child(5),.con3_wrap .right_box a:nth-child(6){margin-top:35px;} #footer{width:100%;} #footer .select_wrap{width:100%; background:#084572; height:60px; line-height:60px;} #footer .select_wrap .select_link{max-width:1000px; margin:0 auto; width:100%;} #footer .select_wrap .select_link:after{display:block; content:''; clear:both;} #footer .select_wrap .select_link .select_box{width:25%; box-sizing:border-box; border-right:1px solid #ccc; float:left; position:relative;} #footer .select_wrap .select_link .select_box:first-child{border-left:1px solid #ccc;} #footer .select_wrap .select_link .select_box > a{font-size:15px; color:#fff; padding-left:25px; background:url(/images/f_select.jpg) 90% center no-repeat; display:block;} #footer .select_wrap .select_link .select_box > ul{border:1px solid #ccc; position:absolute; bottom:60px; left:0; width:100%; background:#f7fbfe; padding:10px 13px; box-sizing:border-box; line-height:18px; text-align:left; z-index:999;} #footer .select_wrap .select_link .select_box > ul li{margin-top:10px;} #footer .select_wrap .select_link .select_box > ul li:first-child{margin-top:0;} #footer .select_wrap .select_link .select_box > ul li a{font-size:15px; color:#333;} #footer .f_wrap{max-width:1000px; margin:0 auto; width:100%; box-sizing:border-box; position:relative; padding:40px 0 40px 180px;} #footer .f_wrap .f_logo{position:absolute; left:2px; background:url(/images/foot_logo.png) no-repeat; width:140px; height:45px; line-height:45px; top:50%; margin-top:-22.5px;} #footer .f_wrap ul{font-size:0; margin-bottom:30px;} #footer .f_wrap ul li{display:inline-block; padding-left:25px; position:relative;} #footer .f_wrap ul li:first-child{padding-left:0;} #footer .f_wrap ul li:after{display:block; content:''; clear:both; position:absolute; width:1px; height:13px; left:13px; top:50%; margin-top:-6.5px; background:#000;} #footer .f_wrap ul li a{font-size:14px; color:#000;} #footer .f_wrap p{font-size:14px; color:#000; line-height:18px;} #footer .f_wrap p.copy{margin-top:20px;} @media screen and (max-width:999px){ .m_header{display:block; position:relative; border-bottom:1px solid #ddd;} .m_header .m_header_wrap{height:66px; display:block; padding:0 20px;} .m_header .m_header_wrap:after{display:block; content:''; clear:both;} .m_header .m_header_wrap li{float:right; display:block;} .m_header .m_header_wrap li a{display:block;} .m_header .m_header_wrap li a img{margin-top:19px;} .m_header .m_header_wrap li.m_logo{float:left;} .m_header .m_header_wrap li.m_logo img{height:38px;} .m_header .m_header_wrap li.m_search{position:absolute; right:60px; top:0;} .m_header .m_header_wrap li.m_menu{position:absolute; right:20px; top:0;} .m_header .m_serach_box{display:none; position:absolute; top:66px; left:0; width:100%; height:90px; line-height:90px; background:rgba(0, 0, 0, 0.8); text-align:center; font-size:0; padding:0 10px; box-sizing:border-box; z-index:30;} .m_header .m_serach_box input{width:calc(100% - 110px); max-width:250px; height:40px; line-height:40px; padding-left:15px; font-size:14px; color:#888;} .m_header .m_serach_box a{display:inline-block; vertical-align:middle; width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#0160b0; margin-left:10px;} .m_header .m_menu_wrap{max-width:320px; position:absolute; top:0; right:0; width:100%; z-index:9999;} .m_header .m_menu_wrap .m_menu_top{background:#3c4356; position:relative; height:90px; line-height:90px;} .m_header .m_menu_wrap .m_menu_top #close{position:absolute; right:15px; top:35px; line-height:18px;} .m_header .m_menu_wrap .m_menu_top ul.top{height:34px; line-height:34px; padding-top:28px; padding-left:15px;} .m_header .m_menu_wrap .m_menu_top ul:after{content:''; display:block; clear:both;} .m_header .m_menu_wrap .m_menu_top ul.top > li{float:left; text-align:center; width:106px; margin-left:15px; border:1px solid #e5e5e5;} .m_header .m_menu_wrap .m_menu_top ul.top > li:first-child{margin-left:0;} .m_header .m_menu_wrap .m_menu_top ul.top > li > a{color:#e5e5e5; display:block; font-size:12px;} .m_header .m_menu_wrap .m_menu_top ul.top > li.m_login span{background:url(/images/m_login.png) left center no-repeat; padding-left:20px; display:inline-block;} .m_header .m_menu_wrap .m_menu{background:#fff; height:calc(100% - 90px);} .m_header .m_menu_wrap .m_menu .m_gnb{height:100%;} .m_header .m_menu_wrap .m_menu .m_gnb > li{border-bottom:1px solid #fff; line-height:50px; text-align:left;} .m_header .m_menu_wrap .m_menu .m_gnb > li.more{background:#0160b0 url(/images/m_off.png) 275px 22px no-repeat;} .m_header .m_menu_wrap .m_menu .m_gnb > li > a{font-size:16px; color:#fff; display:block; padding-left:15px;} .m_header .m_menu_wrap .m_menu .m_gnb > li.on{background:#0160b0 url(/images/m_on.png) 275px 22px no-repeat; border:0;} .m_header .m_menu_wrap .m_menu .m_gnb > li > ul{display:none; background:#fff; padding:15px 30px;} .m_header .m_menu_wrap .m_menu .m_gnb > li > ul > li{margin-top:25px; line-height:15px;} .m_header .m_menu_wrap .m_menu .m_gnb > li > ul > li:first-child{margin-top:0;} .m_header .m_menu_wrap .m_menu .m_gnb > li > ul > li > a{font-size:15px; color:#222;} .m_header .m_menu_wrap .m_menu .m_gnb > li > ul > li > a.open{background:url(/images/sub/ico_openwindow.png) right center no-repeat; line-height:22px; padding-right:17px;} #header .h_util{display:none;} #header .h_wrap{display:none;} #header .gnb_wrap{display:none;} #footer .f_wrap{padding:30px 10px 50px; text-align:center;} #footer .f_wrap .f_logo{display:none} #footer .f_wrap ul li.m_hide{display:none;} .con3_wrap .left_box .con3_con ul{padding-left:20px;} } @media screen and (max-width:950px){ #container .info_slide_box .bx-controls-direction{display:block;} } @media screen and (max-width:850px){ #container .visual_wrap{height:auto; background:url(/images/m_main_bg.jpg) center center no-repeat; background-size:cover; padding:0 20px 40px 20px; box-sizing:border-box;} #container .visual .text_img{padding:30px 0 25px;} #container .visual .v_top .left{width:100%; float:none; margin-right:0; height:auto;} #container .visual .v_top .left .slide_wrap img{width:100% !important;} #container .visual .v_top .right{width:100%; height:240px; float:none; margin-top:12px; background:#e9ecf1 url(/images/m_visual_bg2.jpg) right -10px no-repeat; padding-top:20px;} #container .visual .v_top .right .img{margin-bottom:20px;} #container .visual .v_top .right .link a.link3{background:#0160b0 url(/images/link3.jpg) center center no-repeat; background-size:contain;} #container .visual .v_top .right .link a.link4{background:#f58345 url(/images/link4.jpg) center center no-repeat; background-size:contain;} #container .visual .v_top .right .link a.link5{background:#00b7bf url(/images/link5.jpg) center center no-repeat; background-size:contain;} #container .visual .v_bot{margin-top:12px;} #container .visual .v_bot .left{width:100%; float:none; height:auto;} #container .visual .v_bot .left a{width:33%;} #container .visual .v_bot .left a:nth-child(2), #container .visual .v_bot .left a:nth-child(5){width:34%;} #container .visual .v_bot .left a:nth-child(2n){background:url(/images/br_top.jpg), url(/images/br_left.jpg); background-repeat:repeat-x, repeat-y; background-position:left top, left top;} #container .visual .v_bot .left a:nth-child(2n-1){background:url(/images/br_top.jpg), url(/images/br_left.jpg); background-repeat:repeat-x, repeat-y; background-position:left top, left top;} #container .visual .v_bot .left a:nth-child(2), #container .visual .v_bot .left a:nth-child(3){background:url(/images/br_left.jpg) left top repeat-y;} #container .visual .v_bot .left a:nth-child(4){background:url(/images/br_top.jpg) left top repeat-x;} #container .visual .v_bot .left a:nth-child(1){background:none;} #container .visual .v_bot .middle{width:100%; float:none; margin:12px 0;} #container .visual .v_bot .middle .board_tab li{width:25%;} #container .visual .v_bot .right{width:100%; float:none; height:auto;} #container .visual .v_bot .right .popup{text-align:center;} #container .visual .v_bot .right img{max-width:calc(100% - 20px); margin:10px;} #container .visual .v_bot .right li{height:auto;} .con1 .info_slide_wrap{padding:0 20px; box-sizing:border-box;} .con1 .info_slide_wrap .text{text-align:left; font-size:20px; width:80px;} .con1 .info_slide_wrap .info_slide_box{width:calc(100% - 80px);} .info_slide li{width:130px !important;} .info_slide li a img{width:75px;} .info_slide li a span{font-size:14px;} .con2{height:auto; padding-bottom:50px; background:#e9ecf1 url(/images/m_main_bg_2.jpg) left top no-repeat;} .con2 .con2_wrap .text_img{padding:50px 0 30px;} .con2 .con2_wrap .con2_box .con2_tab li a{font-size:16px;} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction a.bx-prev{left:15px;} .con2 .con2_wrap .con2_box .con2_con .bx-controls-direction a.bx-next{right:15px;} .con3_wrap{box-sizing:border-box; padding:0 20px; margin:30px 0;} .con3_wrap .left_box{width:100%; float:none; height:auto; position:relative;} .con3_wrap .left_box .con3_tab{width:100%; float:none;} .con3_wrap .left_box .con3_tab li{margin-bottom:10px;} .con3_wrap .left_box .con3_tab li a{background:url(/images/tab_off.png) 90% center no-repeat; height:50px; line-height:50px;} .con3_wrap .left_box .con3_tab li a.on{text-decoration:none; background:url(/images/tab_on.png) 90% center no-repeat;} .con3_wrap .left_box .con3_tab li.one a.on{margin-bottom:162px;} .con3_wrap .left_box .con3_tab li.two a.on{margin-bottom:230px;} .con3_wrap .left_box .con3_tab li.three a.on{margin-bottom:127px;} .con3_wrap .left_box .con3_tab li.four a.on{margin-bottom:195px;} .con3_wrap .left_box #c1{top:50px;} .con3_wrap .left_box #c2{top:110px;} .con3_wrap .left_box #c3{top:170px;} .con3_wrap .left_box #c4{top:230px;} .con3_wrap .left_box .con3_con{width:100%; float:none; border:1px solid #ddd; height:auto; position:absolute;} .con3_wrap .left_box .con3_con ul{padding-top:14px; padding-bottom:29px;} .con3_wrap .left_box .con3_con ul li a{max-width:90%; height:30px; line-height:28px; font-size:12px;} .con3_wrap .left_box .con3_tab li a.on:after{display:none;} .con3_wrap .right_box{width:100%; float:none; margin:0; height:auto; margin-top:25px;} } @media screen and (max-width:800px){ #footer{width:100%;} #footer .select_wrap{width:100%; background:#084572; height:auto; line-height:50px;} #footer .select_wrap .select_link .select_box{width:100%; border:0; float:none; border-top:1px solid #ccc; box-sizing:border-box; height:50px; line-height:50px;} #footer .select_wrap .select_link .select_box:first-child{border-left:1px solid #ccc; border-top:0;} #footer .select_wrap .select_link .select_box > ul{bottom:50px;} } @media screen and (max-width:640px){ #container .visual .text_img img{width:180px;} .con2 .con2_wrap .text_img img{width:135px;} .info_slide li{width:127px !important;} } @media screen and (max-width:359px){ #footer .f_wrap{padding:30px 0px 50px;} #container .visual_wrap{padding-left:0; padding-right:0;} .con1 .info_slide_wrap{padding-left:0; padding-right:0;} .con1 .info_slide_wrap .text{padding-left:15px; box-sizing:border-box;} .con2 .con2_wrap .con2_box .con2_tab li a{padding:0 7px;} .con3_wrap{padding-left:0; padding-right:0;} } @font-face { font-family:'Nanum Gothic'; font-weight:normal; src: url(/font/NanumGothic-Regular.eot); src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/font/NanumGothic-Regular.woff) format('woff'), url(/font/NanumGothic-Regular.woff) format('woff2'); } @font-face { font-family:'Nanum Gothic'; font-weight:bold; src: url(/font/NanumGothic-Bold.eot); src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(/font/NanumGothic-Bold.woff) format('woff'), url(/font/NanumGothic-Bold.woff) format('woff2'); }