@charset "utf-8"; body {min-width:1200px;} .main_visual {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/images/bg/1280_main_visual.jpg") 50% 0 no-repeat; z-index:-1; min-width:1200px;} #header {} #header .header_bg {position:absolute; top:33px; left:0; display:inline-block; width:100%; min-width:1200px; height:225px; background:url("/images/bg/bg_gnb_on.png") 0 0 repeat-x; display:none; z-index:19;} #header .header_bg.on {display:block;} #header .util_menu {background:url("/images/bg/bg_util.png") 0 0 repeat; border-bottom:1px solid #797f83; min-width:1200px;} #header .util_menu .util_mid {width:1200px; margin:0 auto; overflow:hidden;} #header .util_menu .util_mid ul {float:right;padding:8px 0;} #header .util_menu .util_mid ul li {float:left;} #header .util_menu .util_mid ul li a {padding-left:10px; margin-right:20px; background:url("/images/bg/util_arrow.png") 0 4px no-repeat; color:#fff; font-size:12px; font-family:"nanumgothic", '나눔고딕', dotum, "돋움";} #header .util_menu.on {background:#f4f4f4;} #header .util_menu.on .util_mid ul li a {background:url("/images/bg/util_arrow_on.png") 0 4px no-repeat;color:#555;} #header .header_cont {background:url("/images/bg/bg_gnb.png") 0 0 repeat; border-bottom:1px solid #7d8283;} #header .header_cont .header_mid {width:1200px; margin:0 auto;} #header .header_cont .header_mid:after {content:""; display:block; clear:both;} #header .header_cont .header_mid h1 {float:left; padding:10px 0; margin-left:20px;} #header .header_cont .header_mid h1.on {position:relative; z-index:19;} #header .header_cont .header_mid nav {float:left; margin-left:180px;} #header .header_cont .header_mid nav > ul {} #header .header_cont .header_mid nav > ul:after {content:""; display:block; clear:both;} #header .header_cont .header_mid nav > ul > li {position:relative; float:left; width:165px; text-align:center;z-index:20;} #header .header_cont .header_mid nav > ul > li > a {display:block; width:100%; height:84px; line-height:84px; color:#fff; font-size:18px; font-weight:500;} #header .header_cont .header_mid nav > ul > li > .depth2 {display:none; position:absolute; top:85px; left:0; width:100%;height:167px; background:#fff; z-index:20;} #header .header_cont .header_mid nav > ul > li > .depth2.on {display:block; background:#f58220;} #header .header_cont .header_mid nav > ul > li > .depth2 ul {} #header .header_cont .header_mid nav > ul > li > .depth2 ul li {text-align:center; margin:10px 0 0;} #header .header_cont .header_mid nav > ul > li > .depth2 ul li a {color:#555; font-size:14px; font-weight:300;} #header .header_cont .header_mid nav > ul > li.on .depth2 ul li a {color:#fff;} #header .header_cont .header_mid nav > ul > li.on .depth2 ul li a:hover {text-decoration:underline;} #header .header_cont .header_mid nav > ul.on > li {border-right:1px solid #d3d3d3;} #header .header_cont .header_mid nav > ul.on > li > a {color:#555; font-weight:600;} #header .header_cont .header_mid nav > ul.on > li.on > a {background:#f58220;} #header .header_cont .header_mid nav > ul.on > li .depth2 {display:block; border-right:1px solid #d3d3d3;} #header .header_cont .header_mid nav > ul.on > li:first-child, #header .header_cont .header_mid nav > ul.on > li:first-child .depth2 {border-left:1px solid #d3d3d3;} #header .header_cont .header_mid nav > ul.on > li:first-child .depth2 {margin-left:-1px;} #header .header_cont .header_mid nav > ul > li.on.menu1 > a {background:url("/images/bg/menu1.png") #f58220 50% 50% no-repeat;} #header .header_cont .header_mid nav > ul > li.on.menu2 > a {background:url("/images/bg/menu2.png") #f58220 50% 50% no-repeat;} #header .header_cont .header_mid nav > ul > li.on.menu3 > a {background:url("/images/bg/menu3.png") #f58220 50% 50% no-repeat;} #header .header_cont .header_mid nav > ul > li.on.menu4 > a {background:url("/images/bg/menu4.png") #f58220 50% 50% no-repeat;} #header .header_cont .header_mid nav > ul > li.on > a > span {text-indent:-9999px; height:0; width:0; font-size:0; overflow:hidden;} #header .visual_txt {width:1200px;margin:55px auto 0; padding:20px 0 0; color:#fff; font-size:28px; font-weight:300;} #header .visual_txt strong {display:block; font-size:42px; font-weight:600;} #body{ position:relative; } /* 2016-07-05 main_tab_wrap 추가 css */ .main_tab_wrap{ position:absolute; top:-200px; left:0; z-index:11; width:100%; } .main_tab_wrap .main_tab_wrap_area{ width:1200px; margin:0 auto; position:relative; } .main_tab_wrap div:after{ clear:both; content:""; display:block; } .main_tab_wrap div ul.leftside{ float:left; width:50%; } .main_tab_wrap div ul.rightside{ float:right; width:50%; } .main_tab_wrap ul li.tab_dept1{ display:inline-block; width:380px; height:50px; box-sizing:border-box; margin-bottom:10px; border:1px solid #76357a; background-color:#fff;} .main_tab_wrap ul li.tab_dept1 > a{ display:block; height:100%; box-sizing:border-box; padding:5px 0 5px 10px; } .main_tab_popup_wrap{ display:none; position:fixed; left:50%; top:50%; width:500px; height:500px; margin-top:-250px; margin-left:-250px; background-color:#fff; border:1px solid #76357a; } .main_tab_popup_wrap.on{ display:block; } .main_tab_popup_wrap h2 {background-color:#76357a; color:#fff; font-size:14px; line-height:16px; padding:10px; } .main_tab_popup_wrap h3{ text-align:center; border-bottom:1px solid #ccc; padding-top:25px; padding-bottom:10px; margin-bottom:15px;} .main_tab_popup_wrap p { text-align:center; color:#333; font-size:14px; line-height:16px; margin-bottom:25px; } .main_tab_popup_wrap .top_cloas{ position:absolute ; right:0; top:0; } .mobile_ver {display:none !important;} .pc_ver {display:block !important;} #contents .main_cont_top {width:1200px; margin:60px auto 0;} #contents .main_cont_top:after {content:""; display:block; clear:both;} @media screen and (-webkit-min-device-pixel-ratio:0){#contents .main_cont_top {margin:70px auto 0;}} #contents .main_cont_top .top_left {position:relative; float:left;width:50%; padding:171px 0 58px; text-align:center; color:#fff; background:url("/images/bg/bg_top_left.png") #76357a 50% 20% no-repeat; border-radius:10px 10px 0 0;} @media screen and (-webkit-min-device-pixel-ratio:0) {#contents .main_cont_top .top_left {padding:171px 0 58px;}} #contents .main_cont_top .top_left dt {font-size:36px; font-weight:500;} #contents .main_cont_top .top_left dd {margin:10px 0 0; font-size:16px; font-weight:100; line-height:1.5em;} #contents .main_cont_top .top_left span {position:absolute; z-index:10; top:50%; right:-11px; display:inline-block; width:11px; height:31px; background:url("/images/bg/bg_top_left_arrow.png") 0 0 no-repeat;} #contents .main_cont_top .top_right {float:left; width:50%;} #contents .main_cont_top .top_right > ul {position:relative;} #contents .main_cont_top .top_right > ul:after {content:""; display:block; clear:both;} #contents .main_cont_top .top_right > ul > li {float:left; width:33.3333%; margin-left:-1px;} #contents .main_cont_top .top_right > ul > li:first-child {margin-left:0; width:33.4444%} #contents .main_cont_top .top_right > ul > li > a {display:inline-block; width:100%; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; background:#e4e4e4; padding:20px 0; text-align:center; color:#828282; font-size:16px; font-weight:400; border-radius:10px 10px 0 0; font-weight:600;} #contents .main_cont_top .top_right > ul > li.on > a {background:#fff; color:#801786; border-bottom:1px solid #fff;} #contents .main_cont_top .top_right > ul > li.on > a > span {padding:0 0 5px; border-bottom:2px solid #801786;} #contents .main_cont_top .top_right > ul > li .form_box {position:absolute; top:61px; left:0px; padding:0 0 49px; width:600px; background:#fff; display:none;} @media screen and (-webkit-min-device-pixel-ratio:0) {#contents .main_cont_top .top_right > ul > li .form_box {padding:0 0 35px; top:60px;}} #contents .main_cont_top .top_right > ul > li.on .form_box {display:block;} #contents .main_cont_top .top_right > ul > li .form_box > ul {padding:11px 86px 14px 76px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#contents .main_cont_top .top_right > ul > li .form_box > ul {padding:25px 86px 14px 76px;}} #contents .main_cont_top .top_right > ul > li .form_box > ul > li {padding:7px 0; border-bottom:1px solid #d4d4d4;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li:after {content:""; display:block; clear:both;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li:first-child {padding-top:0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl {float:left;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl:after {content:""; display:block; clear:both;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt {float:left; width:60px; padding-left:10px; margin:6px 0 0; color:#222; font-size:14px; font-weight:600; background:url("/images/bg/bg_arrow.png") 0 5px no-repeat;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt.case {margin-left:10px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt.case2 {width:54px; margin-left:10px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd {float:left; margin-left:10px;} #contents .main_cont_top .top_right > ul > li .form_box .btn_search {text-align:right; padding:0 86px 0 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box {padding:0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul {padding:5px 64px 2px 48px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li {position:relative; border-bottom:0; border-top:1px solid #d9d9d9; padding:16px 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li:first-child {border:0;padding-top:0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 {position:absolute; top:10px; left:0; width:100%; color:#222; font-size:16px; font-weight:600; letter-spacing:-2px; background:url("/images/bg/bg_top_line.png") 0 0 no-repeat;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 span {display:inline-block; padding:5px 0 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl {position:relative; margin-left:100px; z-index:10;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dt {margin:5px 0 10px; float:none;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dl dt {float:left;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd {margin:0; width:297px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd span{display:inline-block; width:4.2%; text-align:center;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd input {vertical-align:top;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search {padding:0; padding:31px 0 0; position:relative; z-index:5;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search a {display:inline-block; width:75px; height:29px; line-height:29px; background:#4e4e4e; text-align:center; border-radius:5px; color:#fff;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dl {margin-top:5px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dd {width:225px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 .btn_search {position:absolute; bottom:31px; right:0; padding:0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search a span {display:inline-block; padding-left:20px; background:url("/images/bg/bg_search1.png") 0 8px no-repeat;} #contents .main_cont_mid {width:100%; background:url("/images/bg/bg_overleft.jpg") 0 0 repeat;} #contents .main_cont_mid .main_cont_mid_wrap {background:url("/images/bg/bg_overright.jpg") 100% 0 no-repeat;} #contents .main_cont_mid ul {overflow:hidden; width:1200px; margin:0 auto;} #contents .main_cont_mid ul li {float:left; width:25%; text-align:center;} #contents .main_cont_mid ul li a{display:inline-block; width:100%; padding:209px 0 35px; color:#fff; font-size:24px; font-weight:500;} #contents .main_cont_mid ul li.menu1 a {background:url("/images/bg/bg_main_cont1.png") #e58330 50% 35% no-repeat;} #contents .main_cont_mid ul li.menu2 a {background:url("/images/bg/bg_main_cont2.png") #b15b12 50% 35% no-repeat;} #contents .main_cont_mid ul li.menu3 a {background:url("/images/bg/bg_main_cont3.png") #4d1b50 50% 35% no-repeat;} #contents .main_cont_mid ul li.menu4 a {background:url("/images/bg/bg_main_cont4.png") #76357a 50% 35% no-repeat;} #contents .main_cont_mid ul li.over {display:none;} #contents .main_cont_bot {position:relative; background:#eee; overflow:hidden;} #contents .main_cont_bot .bot_wrap {position:relative; width:1200px; margin:0 auto;} #contents .main_cont_bot h3 {padding: 20px 0 15px 25px; background: #fff; color:#222; font-size:24px; font-weight:700; border-bottom: 1px solid #e4e4e4;} #contents .main_cont_bot .rolling1_wrap {width:100%;} #contents .main_cont_bot .rolling1 {width:100%; margin:0 auto; background:#fff; overflow:hidden;} #contents .main_cont_bot .rolling1 li {position:relative; float:left; width:25%; height: 210px; border-right:1px solid #e4e4e4;} #contents .main_cont_bot .rolling1 li a{display:block; padding: 0 25px 25px;} #contents .main_cont_bot .rolling1 li a strong {display:inline-block; margin: 20px 0 0; color:#222; font-size:18px;} #contents .main_cont_bot .rolling1 li a .now {margin:10px 0; font-family:"nanumgothic", "나눔고딕", dotum, "돋움";} #contents .main_cont_bot .rolling1 li a .detail {font-weight:400; line-height:1.5em;} #contents .main_cont_bot .rolling1 li a .view {position: absolute; left: 25px; bottom: 20px; display:inline-block; padding:0 15px 0 0; background:url("/images/bg/bg_detail_view.png") 100% 6px no-repeat;} #contents .main_cont_bot .rolling1 li.case h3 {position:static;} #contents .main_cont_bot .rolling1 li.case a p {margin:10px 0 0; color:#5f5f5f; font-size:16px; line-height:1.5em;} #contents .main_cont_bot .more {position:absolute; top: 25px; right: 320px; padding:0 20px 0 0; background:url("/images/bg/bg_more.png") 100% 2px no-repeat; color:#333; font-size:15px; border:0;} #contents .main_cont_bot .custom {position:absolute;top:0;right:0; float:right; overflow:hidden; background:#fff;} #contents .main_cont_bot .custom a {float:right;display:block; width:298px; padding: 165px 0 67px; text-align:center; background:url("/images/bg/bg_main_cont5.png") #d0d0d0 50% 60px no-repeat;} #contents .main_cont_bot .custom a h3 {background: transparent; color:#222; font-size:24px; font-weight:700; border-bottom: none;} #contents .main_cont_bot .custom a span {display:inline-block; margin:10px 0 0; color:#5f5f5f; font-size:16px; line-height:1.5em;} #contents .main_cont_bot .control {display:none;} #contents .family_wrap {width:100%; background:#fff; padding:20px 0; border-top:1px solid #cbcbcb;} #contents .family_wrap .famliy_view {position:relative; width:900px;} #contents .family_wrap .famliy_view .family_site { width:756px; margin:0 auto; overflow:hidden;} #contents .family_wrap .famliy_view .family_site ul {overflow:hidden;} #contents .family_wrap .famliy_view .family_site ul li {float:left; border-left:1px solid #b6b6b6; margin-left:-1px;} #contents .family_wrap .famliy_view .family_site ul li a {display:inline-block; padding:0 20px;} #contents .family_wrap .famliy_view .prev {position:absolute; top:5px; left:10px; display:inline-block; width:30px; height:30px; background:url("/images/btn/btn_family_prev.png") 0 0 no-repeat;} #contents .family_wrap .famliy_view .next {position:absolute; top:5px; right:10px; display:inline-block; width:30px; height:30px; background:url("/images/btn/btn_family_next.png") 0 0 no-repeat;} @media screen and (max-width:1024px) { body{min-width: 770px; overflow-x:hidden;} .main_visual {width:1024px;} #header .header_bg {width:1024px; height:247px; } .main_visual {background:url("/images/bg/1024_main_visual.jpg") 50% 0 no-repeat; min-width:auto;} #header .visual_txt {margin:35px auto 34px;} #header .header_bg {top:26px;} #header .util_menu {min-width:auto;} #header .util_menu .util_mid {width:960px; margin:0 auto; overflow:hidden;} #header .util_menu .util_mid ul {padding:4px 0 5px;} #header .header_cont .header_mid {width:960px; margin:0 auto;} #header .header_cont {min-width:auto; width:auto;} #header .header_cont .header_mid {width:960px; margin:0 auto;} #header .header_cont .header_mid nav {margin-left:80px;} #header .visual_txt {width:auto; margin-left:20px; font-size:22px;} #header .visual_txt strong {font-size:36px;} /* 2016-07-05 main_tab_wrap 추가 css */ .main_tab_wrap{ position:relative; top:0; left:0; z-index:100; width:100%; } .main_tab_wrap .main_tab_wrap_area{ width:100%; margin:0; position:relative; } .main_tab_wrap div:after{ clear:both; content:""; display:block; } .main_tab_wrap div ul.leftside{ float:none; width:100%; box-sizing:border-box; padding:0 3%;} .main_tab_wrap div ul.rightside{ float:none; width:100%; box-sizing:border-box; padding:0 3%;} .main_tab_wrap ul li.tab_dept1{ display:inline-block; width:100%; height:35px; box-sizing:border-box; margin-bottom:10px; border:1px solid #76357a; background-color:#fff;} .main_tab_wrap ul li.tab_dept1 > a{ display:block; height:100%; box-sizing:border-box; padding:5px 0 5px 10px; } .main_tab_popup_wrap{ display:none; position:fixed; left:50%; top:50%; width:500px; height:500px; margin-top:-250px; margin-left:-250px; background-color:#fff; border:1px solid #76357a; } .main_tab_popup_wrap.on{ display:block; } .main_tab_popup_wrap h2 {background-color:#76357a; color:#fff; font-size:14px; line-height:16px; padding:10px; } .main_tab_popup_wrap h3{ text-align:center; border-bottom:1px solid #ccc; padding-top:25px; padding-bottom:10px; margin-bottom:15px;} .main_tab_popup_wrap p { text-align:center; color:#333; font-size:14px; line-height:16px; margin-bottom:25px; } .main_tab_popup_wrap .top_cloas{ position:absolute ; right:0; top:0; } #contents .main_cont_top {width:960px; margin:14px auto 0;} #contents .main_cont_mid ul {width:960px;} #contents .main_cont_mid ul li a {font-size:19px; padding:165px 0 27px;} #contents .main_cont_mid ul li.menu1 a {background-size:80px 87px;} #contents .main_cont_mid ul li.menu2 a {background-size:48px 90px;} #contents .main_cont_mid ul li.menu3 a {background-size:88px 99px;} #contents .main_cont_mid ul li.menu4 a {background-size:101px 92px;} #contents .main_cont_top .top_right > ul > li .form_box {width:480px; top:60px; padding:0 0 35px;} #contents .main_cont_top .top_right > ul > li .form_box > ul {padding:25px 26px 14px 20px} #contents .main_cont_top .top_right > ul > li .form_box .btn_search {padding:0 26px 0 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul {padding:10px 10px 8px 20px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul {padding:10px 10px 10px 20px;}} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd {width:260px;} #contents .main_cont_bot .rolling1_wrap{width:960px;} #contents .main_cont_bot .rolling1 li {width:34.4%; height:245px;} #contents .main_cont_bot .rolling1 li a {padding:25px;} #contents .main_cont_bot .rolling1 li:last-child {display:none;} #contents .main_cont_bot .bot_wrap {width:960px;} #contents .main_cont_bot .custom a {padding:127px 0 33px; background-position:50% 20px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li:first-child, #contents .main_cont_top .top_right > ul > li .form_box > ul > li {} } @media screen and (max-width:769px) { body{min-width:320px;} .main_visual {width:100%; min-width:320px;} .mobile_ver {display:block !important;} .pc_ver {display:none !important;} .input_w1 {width:100%;} .input_w2 {width:100%;} .input_w3 {width:100%;} .input_w4 {width:100%;} .input_w5 {width:100%;} .select_w1 {width:100%;} .select_w2 {width:100%;} .select_w3 {width:100%;} .date input[type="text"] {margin-left:0;} .date {margin-right:0px;} .wrap_bg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity="40%"); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; z-index:99;} .wrap_bg.on {display:block;} .main_visual {background:url("/images/bg/640_main_visual.png") 0 0 no-repeat; background-size:100%; min-width:auto; min-height:500px;} #header .util_menu {display:none;} #header .util_menu {min-width:auto; width:auto;} #header .util_menu .util_mid {width:auto;overflow:hidden;} #header .util_menu .util_mid ul {padding:4px 0 5px;} #header .header_cont .header_mid .btn_mobile_tog {display:inline-block;position:absolute; top:12px; left:10px; width:31px; height:28px; background:url("/images/bg/bg_gnb_open.png") 0 0 no-repeat; background-size:contain; z-index:99;} #header .header_cont .header_mid .btn_mobile_tog.on {background:url("/images/bg/bg_gnb_close.png") 0 0 no-repeat; background-size:contain;} #header .header_cont .header_mid h1 {width:auto; float:none;text-align:center;} #header .header_cont .header_mid h1 img {display:inline-block; width:34px; height:32px;} #header .header_cont .header_mid {width:auto; margin:0 auto;} #header .header_cont .header_mid nav {float:none; position:absolute; top:0; margin-left:0; width:60%; height:100%; background:#fff; z-index:100; left: -100%;} #header .header_cont .header_mid nav > ul {padding:15px 18px;} #header .header_cont .header_mid nav > ul > li {float:none; width:auto; margin:0 0 10px; text-align:left; border:1px solid #b6b6b6;} #header .header_cont .header_mid nav > ul > li > a {height:auto; line-height:100%; padding:10px 0 10px 0px; color:#222; font-weight:600; text-indent:30px;} #header .header_cont .header_mid nav > ul > li.on > a {color:#fff;} #header .header_cont .header_mid nav > ul > li.on > a > span {text-indent:0; font-size:18px; width:auto; height:auto;} #header .header_cont .header_mid nav > ul > li.menu1 > a {background:url("/images/bg/bg_768_menu1_off.png") 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu2 > a {background:url("/images/bg/bg_768_menu2_off.png") 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu3 > a {background:url("/images/bg/bg_768_menu3_off.png") 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu4 > a {background:url("/images/bg/bg_768_menu4_off.png") 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu1.on > a {background:url("/images/bg/bg_768_menu1_on.png") #f58220 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu2.on > a {background:url("/images/bg/bg_768_menu2_on.png") #f58220 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu3.on > a {background:url("/images/bg/bg_768_menu3_on.png") #f58220 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li.menu4.on > a {background:url("/images/bg/bg_768_menu4_on.png") #f58220 7px 13px no-repeat; background-size:19px 16px;} #header .header_cont .header_mid nav > ul > li > .depth2 {display:block; height:0; overflow:hidden; position:static; width:auto;} #header .header_cont .header_mid nav > ul > li > .depth2 ul li {text-align:left; border-top:1px solid #b6b6b6; margin:0;} #header .header_cont .header_mid nav > ul > li > .depth2 ul li a{display:inline-block; width:100%; padding:10px 0 10px 0px; background:#efefef; text-indent:10px; color:#222;} #header .header_cont .header_mid nav > ul > li.on .depth2 ul li a {color:#222;} #header .visual_txt {margin-top: 20px; margin-bottom: 10px; text-align:center; font-size:22px; } #header .visual_txt strong {font-size:36px;} /* 2016-07-05 main_tab_wrap 추가 css */ .main_tab_wrap{ position:relative; top:0; left:0; z-index:100; width:100%; } .main_tab_wrap div ul.leftside{ float:none; width:100%; box-sizing:border-box; padding:0 3%;} .main_tab_wrap div ul.rightside{ float:none; width:100%; box-sizing:border-box; padding:0 3%;} .main_tab_wrap ul li.tab_dept1 > a{ display:block; height:100%; box-sizing:border-box; padding:5px 0 5px 10px; } .main_tab_popup_wrap{ display:none; position:fixed; left:50%; top:50%; width:500px; height:500px; margin-top:-250px; margin-left:-250px; background-color:#fff; border:1px solid #76357a; } .main_tab_popup_wrap.on{ display:block; } .main_tab_popup_wrap h2 {background-color:#76357a; color:#fff; font-size:14px; line-height:16px; padding:10px; } .main_tab_popup_wrap h3{ text-align:center; border-bottom:1px solid #ccc; padding-top:25px; padding-bottom:10px; margin-bottom:15px;} .main_tab_popup_wrap p { text-align:center; color:#333; font-size:14px; line-height:16px; margin-bottom:25px; } .main_tab_popup_wrap .top_cloas{ position:absolute ; right:0; top:0; } #contents .main_cont_top {width:100%; }/* 2016-07-05 css수정 margin: 33% 0 0; */ #contents .main_cont_top .top_left {float:none; width:100%; padding: 120px 0 10px; background-size: 18%; background-position: 50% 12%;} #contents .main_cont_top .top_left dd {padding:0 0 8%; margin:10px 5% 0 5%;} #contents .main_cont_top .top_left dd br {display:none;} #contents .main_cont_top .top_left span {display:none;} #contents .main_cont_top .top_right {float:none; width:100%; background:transparent;} #contents .main_cont_top .top_right > ul {height:480px;} #contents .main_cont_top .top_right > ul > li > a {padding:13px 0;} #contents .main_cont_top .top_right > ul > li .form_box {width:100%; top:46px; padding-bottom:15px;} #contents .main_cont_top .top_right > ul > li .form_box > ul {padding:20px 0 0px 0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li {border:0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl {float:none; margin:0 0 10px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd {width:83%; margin-left:0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd.picker {width:35%;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd.time {width:35%;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt {width:13%; background:none; padding-left:0; text-align:center;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt.case {margin:6px 0 0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt.case2 {margin:0; width:13%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul {padding:13px 0 0px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li {padding:7px 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 {position:static; border:0; padding-left:20px; background:url("/images/bg/bg_768_h2.png") 0 7px no-repeat;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 span {border:0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 span br {display:none;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl, #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dl {margin:10px 0 5px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dt {float:left; margin:6px 0 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li > dl dd {width:87%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dd {width:87%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd span {width:4%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li:first-child input {width:17%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search {padding:5px 0 0; text-align:center;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 .btn_search {position:static; padding:10px 0 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .select_type1 {width:25%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li input {width:26%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li input.input_w4 {width:88.4%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search a {width:20%;} #contents .main_cont_top .top_right > ul > li .form_box .btn_search {padding:0; text-align:center;} #contents .main_cont_top .main_tab {margin:-46px 3% 0 3%;} #contents .main_cont_mid {background:none;} #contents .main_cont_mid .main_cont_mid_wrap {background:none;} #contents .main_cont_mid ul {width:100%;} #contents .main_cont_mid ul li {width:50%; height:214px;} #contents .main_cont_mid ul li.over {display:none;} #contents .main_cont_bot {width:100%;} #contents .main_cont_bot .bot_wrap {width:100%;} #contents .main_cont_bot .rolling1_wrap {position:relative; width:100%; overflow:hidden;} #contents .main_cont_bot .rolling1 {width:150%; padding:48px 0 00px;} #contents .main_cont_bot .rolling1 li {position:static; width:33.3333%; box-sizing:border-box; height:180px; margin-top: -48px; padding:0 0 60px;} #contents .main_cont_bot .rolling1 li:last-child {display:block;} #contents .main_cont_bot .rolling1 li h3 {width:100%; top:10px; left:0; text-indent:10px; border-bottom:1px solid #d8d8d8; padding:0 0 10px; font-size:22px; font-weight:500;} #contents .main_cont_bot .rolling1 li a {padding:10px 15px 30px 15px;} #contents .main_cont_bot .rolling1 li a strong {margin:0} #contents .main_cont_bot .more {top: -40px; right: 20px;} /* #contents .main_cont_bot .more {display:inline-block; width:30px; height:30px; right:0px; padding:0; background:url("/images/bg/bg_768_more.png") 0 0 no-repeat; background-size:100%;} #contents .main_cont_bot .more span {position:absolute; top:0; left:-9999px; width:0; height:0; font-size:0; overflow:hidden;} */ #contents .main_cont_bot .rolling1 li a .view {display:none;} #contents .main_cont_bot .custom {float:none; position:static ;width:100%;margin:0;} #contents .main_cont_bot .custom a {width:100%; padding: 80px 0 20px; background-position: 50% 15px; background-size: 20% 40%;} #contents .main_cont_bot .custom a span {margin: 0; line-height: 1em;} #contents .main_cont_bot .custom a br {display:none;} #contents .main_cont_bot .control {display: none; position:absolute; bottom:10px; left:50%;} #contents .main_cont_bot .control a {display:inline-block; width:30px; height:30px;} #contents .main_cont_bot .control a.prev {background:url("/images/btn/btn_768_prev.png") 0 0 no-repeat; background-size:100%;} #contents .main_cont_bot .control a.next {background:url("/images/btn/btn_768_next.png") 0 0 no-repeat; background-size:100%; margin-left:20px;} #contents .family_wrap {padding:5px 0; border:0;} #contents .family_wrap .famliy_view {position:relative; width:100%;} #contents .family_wrap .famliy_view .family_site {width:80%; margin:0 auto; overflow:hidden;} #contents .family_wrap .famliy_view .family_site ul li {border:0;} #contents .family_wrap .famliy_view .family_site ul li a {padding: 0 100px; display:block;} #contents .family_wrap .famliy_view .family_site ul li img {width:100%;} #contents .family_wrap .famliy_view .prev {width:30px; height:30px; background:url("/images/btn/btn_768_prev.png") 0 0 no-repeat; background-size:100%; top:30%; left:5px;} #contents .family_wrap .famliy_view .next {width:30px; height:30px; background:url("/images/btn/btn_768_next.png") 0 0 no-repeat; background-size:100%; top:30%; right:5px;} } @media screen and (max-width:480px) { #header .visual_txt {margin: 0; padding-bottom: 20px; text-align:center; font-size:11px;} #header .visual_txt strong {font-size:16px; margin:5px 0 0;} #contents .main_cont_top .top_left {padding: 80px 0 30px; background-size: 90px 50px; background-position: 50% 13%;} #contents .main_cont_top .top_left dt {font-size:18px;} #contents .main_cont_top .top_left dd {font-size:10px;} #contents .main_cont_top .main_tab {margin-top:-41px;} #contents .main_cont_top .top_right > ul {height:450px;} #contents .main_cont_top .top_right > ul > li > a {font-size:12px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt {width:13.8%;font-size:12px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dt.case2 {width:13.8%;font-size:12px; margin:6px 0 0;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd {width:85%; font-size:11px;} #contents .main_cont_top .top_right > ul > li .form_box > ul > li > dl dd.time {width:36%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li{padding:7px 0;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li:first-child input {width:18%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li h2 {font-size:14px; background-size:12px 12px; line-height:1.5em; padding-left:13px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dt {width:18.8%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li > dl dd {width:81%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li.case1 dd {width:81%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li:first-child input {width:16%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li input.input_w4 {width:90.1%;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search a {font-size:11px; width:30%; height:20px; line-height:20px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li .btn_search a span {background-size:15px 15px; background-position:0 3px;} #contents .main_cont_mid .rolling1 li {height:178px;} #contents .main_cont_mid .rolling1 li a {font-size:14px; padding-top:135px;} #contents .main_cont_mid .rolling1 li.menu1 a {background-size:54px 59px;} #contents .main_cont_mid .rolling1 li.menu2 a {background-size:32px 60px;} #contents .main_cont_mid .rolling1 li.menu3 a {background-size:86px 68px;} #contents .main_cont_mid .rolling1 li.menu4 a {background-size:63px 58px;} #contents .main_cont_bot .rolling1 li {padding:0 0 50px;} #contents .main_cont_bot .rolling1 li a {padding-bottom:20px;} #contents .main_cont_bot .rolling1 li a h3 {top:17px; font-size:14px;} #contents .main_cont_bot .rolling1 li a strong {font-size:14px;} #contents .main_cont_bot .rolling1 li a .detail {font-size:11px;} #contents .main_cont_bot .rolling1 li .more {top:7px;} #contents .main_cont_bot .control a {display:inline-block; width:30px; height:30px;} #contents .main_cont_bot .custom a h3 {font-size:18px;} #contents .main_cont_bot .custom a span {font-size:10px;} #contents .family_wrap .famliy_view .prev, #contents .family_wrap .famliy_view .next {width:30px; height:30px;} #contents .family_wrap .famliy_view .family_site ul li a {padding: 0 50px;} #footer .sub_menu_wrap .sub_menu dl {height:160px;} #footer .sub_menu_wrap .sub_menu dl dt, #footer .sub_menu_wrap .sub_menu dl dd {padding-left:10px;} #footer .sub_menu_wrap .sub_menu dl dt a{font-size:12px;} #footer .sub_menu_wrap .sub_menu dl dd a{font-size:11px;} #footer .footer_menu_wrap .footer_menu ul li a{font-size:11px;} #footer .footer_menu_wrap .information address, #footer .footer_menu_wrap .information .copyright, #footer .footer_menu_wrap .information .info {font-size:10px;} #contents .main_cont_top .top_right > ul > li.menu3 .form_box > ul > li dl dd span {vertical-align:middle;} .select_type1 {font-size:11px;} .select_type1 .default {background-position:100% -3px;} .select_type1 .default a {height:12px;} .select_type1 ul {top:23px;} .select_type1 ul li {padding:8px 0 8px 10px;} .datepicker {text-indent:10px;} .input_w1 {font-size:11px;} .input_w2 {font-size:11px;} .input_w3 {font-size:11px;;} .input_w4 {font-size:11px;} .input_w5 {font-size:11px;} .select_w1 {font-size:11px;} .select_w2 {font-size:11px;} .select_w3 {font-size:11px;} } @media screen and (max-width:360px) { #header .header_cont .header_mid nav > ul > li > a {font-size:14px;} #header .header_cont .header_mid nav > ul > li > .depth2 ul li a {font-size:12px;} }