@charset "utf-8"; #wrap{position:relative;} #skip_navi{position:absolute;left:0;top:0px;width:100%;height:0px;z-index:1000;line-height:0px;font-size:0px;} #skip_navi a{text-align:center;width:100%;line-height:0px;font-size:0px;} #skip_navi a:focus, #skip_navi a:hover, #skip_navi a:active {position:absolute;left:0px;top:1000px;padding:8px 0;display:block;height:20px;background:#20262c;font-size:12px;font-weight:400;line-height:18px;color:#fff;} #header{position:relative;height:75px;border:0px solid #f0f0f0;z-index:50;} #header .logo{position:absolute;top:13px;left:20px} #header .logo a{display:inline-block;width:150px;height:49px;background:url(/cm/img/h1_logo.png) no-repeat 0 0;text-indent:-9999px;} #container{position:relative;min-height:700px;} #content{position:relative;} #content .content_in{position:relative;width:100%;margin:0 auto;overflow:hidden;max-width:1200px;min-width:1100px;} #content .content_in .partner_wrap{ float: left;width: 100%;margin: 0 auto;text-align: center;margin-bottom:40px;} #footer{background:#3a3a3a; text-align:center} #footer .warp_ft_link{padding:20px 5%;} #footer .warp_ft_link .list_ft_link li{display:inline-block;margin-right:35px; margin-top:10px;} #footer .warp_ft_link .list_ft_link li a{color:#c1bebe;font-size:12px;white-space:nowrap;} #footer .warp_ft_info{border-top:1px solid #535353;} #footer .inner_ft_info{padding:30px 5%;color:#c1bebe;line-height:200%;display:inline-block;} #footer .inner_ft_info .copy{display:block;margin-top:13px;font-size:12px;letter-spacing:1px;} #footer .inner_ft_mark {display:inline-block;padding:0px 5px;float:right;} #footer .w3c_mark{display:block;float:left;padding-top:30px;margin-right:5px;} #footer .norton_mark{display:inline-block;} /* 모바일 *//* 모바일 */ /* 모바일 *//* 모바일 */ /* 모바일 *//* 모바일 */ @media all and (max-width:767px) { #header{height:0px;} #header .logo{top:10px;left:10px;} #header .logo a{display:inline-block;width:140px;height:55px;background:url(/cm/img/h1_logo.png) no-repeat 0 0;background-size:140px;text-indent:-9999px;} #header .wrap_gnb .gnb{display:none;} #header .wrap_gnb{*display:none;overflow:hidden;position:absolute;top:0;right:65px;} #header .wrap_gnb ul{float:left;} #header .wrap_gnb .gnb02 li{margin-top:5px;} #header .wrap_gnb .gnb02 li{float:left;margin-right:10px;} #header .wrap_gnb .gnb02 li a{display:inline-block;height:44px;padding:30px 0 0 60px;color:#1e4da5;} #header .wrap_gnb .gnb02 li .log{background:url(/cm/img/ico_login.png) no-repeat 0 center;} #header .wrap_gnb .gnb02 li .join{background:url(/cm/img/ico_join.png) no-repeat 0 center;} #header .top_search{overflow:hidden; position:absolute; top:0; right:50px; text-align:center; border-left:1px solid #f0f0f0;} #header .top_search .btn_srch{display:inline-block;width:50px;height:50px;background:url(/template/image/common/ico_srch.png) no-repeat center;text-indent:-9999px;} #header .global{display:none;position:absolute;top:25px;right:430px;} #header .global .list_global li{float:left;width:30px;border:1px solid #dfdfdf;border-left:none;} #header .global .list_global li:first-child{border-left:1px solid #dfdfdf;} #header .global .list_global li a{display:block;height:20px;text-indent:-9999px;} #header .global .list_global li .ko{background:url(/cm/img/icon_ko_w.png) no-repeat center;} #header .global .list_global li .cn{background:url(/cm/img/icon_cn_w.png) no-repeat center;} #header .global .list_global li .jp{background:url(/cm/img/icon_jp_w.png) no-repeat center;} #content .content_in{padding:20px 0 20px 0;width:100%;} /* 회원가입 */ .wrap_step{overflow:hidden;margin:20px 0;} .wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:13px;} .wrap_step .list_step li.on{background:#1F4EA5;color:#fff;} #header .wrap_lnb h2{position:absolute;right:0;width:50px;height:50px;text-align:center;border-left:1px solid #f0f0f0;} #header .wrap_lnb .btn_all_menu{display:block;width:50px;height:50px;background:url(/image/common/ico_list.png) no-repeat center;text-indent:-9999px;} #header .wrap_lnb .lnb{display:none;} #header .wrap_lnb .lnb li{width:16%;border-right:1px solid #f0f0f0;text-align:center;} #header .wrap_lnb .lnb li a{display:block;height:45px;padding-top:30px;font-size:15px;color:#555;} #header .wrap_lnb .lnb li:first-child{border-left:1px solid #f0f0f0;} #footer .warp_ft_link{display:none;} #footer .inner_ft_info{padding:30px 5%;color:#c1bebe;line-height:130%;font-size:11px;} #footer .inner_ft_info .copy{display:block;margin-top:13px;font-size:11px} #header .wrap_navi{position:relative;height:100%;background:#214177;}/*위에 색깔 바뀌는 곳*/ .wrap_navi .gnb{padding:18px 10px;background:#128397;} /*모바일 클로벌 아이콘*/ .wrap_navi .gnb .list_global{overflow:hidden;} .wrap_navi .gnb .list_global li{float:left;padding:0 10px;background:url(/cm/img/bar_gray.png) no-repeat right 50%;} .wrap_navi .gnb .list_global li a{font-size:10px;color:#adadad;} .wrap_navi .gnb .list_global li.on a{color:#fff;} .wrap_navi .gnb .list_global li:last-child{background:none;} /*모바일 클로벌 아이콘*/ .wrap_navi .lnb .depth01 > li{border-bottom:1px solid #e8e8e8;} .wrap_navi .lnb .depth01 > li:first-child{border-top:0px solid #e8e8e8;} .wrap_navi .lnb .depth01 > li > a{display:block;padding:18px 19px;background:#fff;color:#333a55; font-size:16px;}/*클릭시 나오는 메뉴 색깔*/ .wrap_navi .lnb .depth01 > li > a.on{color:#fff;background:#214177;} .wrap_navi .lnb .depth02 > li{padding:0 18px;background:#e8e8e8;}/*클릭시 모바일 메뉴 색깔*/ .wrap_navi .lnb .depth02 > li > a{display:block;padding:11px 13px;color:#333a55;border-bottom:1px solid #c3c3c3;font-size:14px;}/*클릭시 메뉴 글짜 색깔*/ .wrap_navi .lnb .depth02 > li.on > a{color:#fff;} .wrap_navi .lnb .depth02 > li:last-child > a{border:none;} .wrap_navi .wrap_member{position:relative;left:0;bottom:0;overflow:hidden;width:100%;z-index:400;} .wrap_navi .wrap_member ul li{float:left;width:50%;} .wrap_navi .wrap_member ul li .log{display:block;padding:10px 0 20px 0;border-right:1px solid #525664;border-bottom:1px solid #525664;background:url(../image/common/ico_login02.png) no-repeat 50% 22px #214177;color:#fff;text-align:center;} .wrap_navi .wrap_member ul li .join{display:block;padding:10px 0 20px 0;border-bottom:1px solid #525664;background:url(/image/common/ico_join02.png) no-repeat 50% 22px #214177;color:#fff;text-align:center;} .wrap_navi .btn_close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:url(/image/common/btn_close02.png) no-repeat 0 0;text-indent:-9999px;z-index:400;} } /* 테블릿 *//* 테블릿 *//* 테블릿 *//* 테블릿 *//* 테블릿 *//* 테블릿 */ @media all and (min-width:768px) and (max-width:1330px) { .wrap_gnb .gnb02{display:none;} #header .wrap_gnb{overflow:hidden;position:absolute;top:0;right:80px;} #header .wrap_gnb ul{float:left;} #header .wrap_gnb .gnb {width:470px;} #header .wrap_gnb .gnb li{margin-top:10px;} #header .wrap_gnb .gnb li:first-child{margin-right:10px;} #header .wrap_gnb .gnb li:nth-child(2){margin-right:20px;} #header .wrap_gnb .gnb li{float:left;margin-right:23px;} #header .wrap_gnb .gnb li a{display:inline-block;height:35px;padding:20px 0 0 60px;color:#1e4da5;} #header .wrap_gnb .gnb li .log{}/*background:url(/cm/img/ico_login.png) no-repeat 0 center;*/ #header .wrap_gnb .gnb li .join{}/*background:url(/cm/img/ico_join.png) no-repeat 0 center;*/ #header .top_search{overflow:hidden;position:absolute;top:0;right:75px;text-align:center;border-left:1px solid #f0f0f0;} #header .top_search .btn_srch{display:inline-block;width:75px;height:74px;background:url(/image/common/ico_srch.png) no-repeat center;text-indent:-9999px;} #header .global{position:absolute;top:25px;right:90px;} #header .global .list_global li{display:none;}/*float:left;width:30px;border:1px solid #dfdfdf;border-left:none;width:30px;padding:2px 0px;text-align:center;*/ #header .global .list_global li:first-child{border-left:1px solid #dfdfdf;} #header .wrap_lnb h2{position:absolute;right:0;width:75px;height:74px;text-align:center;border-left:1px solid #f0f0f0;} #header .wrap_lnb .btn_all_menu{display:block;width:75px;height:75px;background:url(/image/common/ico_list.png) no-repeat center;text-indent:-9999px;} #header .wrap_lnb .lnb{display:none;} #header .wrap_lnb .lnb li{width:16%;border-right:1px solid #f0f0f0;text-align:center;} #header .wrap_lnb .lnb li a{display:block;height:45px;padding-top:30px;font-size:15px;color:#555;} #header .wrap_lnb .lnb li:first-child{border-left:1px solid #f0f0f0;} #content .content_in{position:relative;width:100%;margin:0 auto;overflow:hidden;max-width:1200px;} .wrap_navi{position:relative;height:100%;background:#16366b;} .wrap_navi .gnb{padding:18px 10px;background:#214177;}/*클로벌 아이콘 색 넣는곳*/ .wrap_navi .gnb .list_global{overflow:hidden;} .wrap_navi .gnb .list_global li{float:left;padding:0 10px;background:url(/cm/img/bar_gray.png) no-repeat right 50%;} .wrap_navi .gnb .list_global li a{font-size:10px;color:#adadad;} .wrap_navi .gnb .list_global li.on a{color:#fff;} .wrap_navi .gnb .list_global li:last-child{background:none;} .wrap_navi .lnb .depth01 > li{border-bottom:1px solid #0e6b7a;} .wrap_navi .lnb .depth01 > li:first-child{border-top:0px solid #fff;} .wrap_navi .lnb .depth01 > li > a{display:block;padding:18px 19px;background:#128397;color:#fff;} .wrap_navi .lnb .depth01 > li > a.on{color:#fff;background:#2b324c;} .wrap_navi .lnb .depth02 > li{padding:0 18px;background:#1f2436;} .wrap_navi .lnb .depth02 > li > a{display:block;padding:11px 13px;color:#868587;border-bottom:1px solid #2b324c;font-size:12px;} .wrap_navi .lnb .depth02 > li.on > a{color:#fff;} .wrap_navi .lnb .depth02 > li:last-child > a{border:none;} .wrap_navi .wrap_member{position:relative;left:0;bottom:0;overflow:hidden;width:100%;z-index:400;} .wrap_navi .wrap_member ul li{float:left;width:50%;} .wrap_navi .wrap_member ul li .log{display:block;padding:50px 0 20px 0;border-right:1px solid #525664;border-top:1px solid #525664;background:url(/cm/img/ico_login02.png) no-repeat 50% 22px #214177;color:#fff;text-align:center;} .wrap_navi .wrap_member ul li .join{display:block;padding:50px 0 20px 0;border-top:1px solid #525664;background:url(/cm/img/ico_join02.png) no-repeat 50% 22px #214177;color:#fff;text-align:center;} .wrap_navi .btn_close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:url(/image/common/btn_close02.png) no-repeat 0 0;text-indent:-9999px;z-index:400;} } @media all and (min-width:1331px) and (max-width:1580px) { #header .wrap_gnb ul{float:left;} #header .wrap_gnb .gnb li:first-child{margin-right:10px;margin-top:10px;} #header .wrap_gnb .gnb li:nth-child(2){margin-right:25px;margin-top:10px;} #header .wrap_gnb .gnb li:nth-child(3){margin-right:10px;} #header .wrap_gnb .gnb li{float:left;margin-right:30px;} #header .wrap_gnb .gnb li a{display:inline-block;height:44px;padding:19px 0px 0 2px !important;color:#1e4da5;} #header .wrap_gnb .gnb li:nth-child(3) a{padding:19px 10px 0 2px !important;} #header .wrap_gnb .gnb li .log{background:url(../image/common/ico_login01.jpg) no-repeat 50px !important;} #header .wrap_gnb .gnb li .join{background:none !important;} } /* pc */ @media all and (min-width:1331px) { .wrap_gnb .gnb02{display:none;} #header .wrap_gnb{overflow:hidden;position:absolute;top:0;right:65px;} #header .wrap_gnb ul{float:left;} #header .wrap_gnb .gnb li{margin-top:10px;} #header .wrap_gnb .gnb li:first-child{margin-right:10px;} #header .wrap_gnb .gnb li:nth-child(2){margin-right:25px;} #header .wrap_gnb .gnb li{float:left;margin-right:30px;} #header .wrap_gnb .gnb li a{display:inline-block;height:32px;padding:20px 0 0 60px;color:#1e4da5;} #header .wrap_gnb .gnb li .log{}/*background:url(/cm/img/ico_login.png) no-repeat 0 center;*/ #header .wrap_gnb .gnb li .join{}/*background:url(/cm/img/ico_join.png) no-repeat 0 center;*/ #header .top_search .btn_srch{display:inline-block;width:75px;height:74px;background:url(/image/common/ico_srch.png) no-repeat center;text-indent:-9999px;} #header .global{position:absolute;top:25px;right:1.5%;} #header .global .list_global li{float:left;width:30px;border:1px solid #dfdfdf;border-left:none;} #header .global .list_global li:first-child{border-left:1px solid #dfdfdf;} #header .global .list_global li a{display:block;height:20px;text-indent:-9999px;} #header .global .list_global li .ko{background:url(/cm/img/icon_ko_w.png) no-repeat center;} #header .global .list_global li .cn{background:url(/cm/img/icon_cn_w.png) no-repeat center;} #header .global .list_global li .jp{background:url(/cm/img/icon_jp_w.png) no-repeat center;} #header .wrap_lnb{padding-left:210px;width:57%;} #header .wrap_lnb:after{content:"";display:block;clear:both;} #header .wrap_lnb h2{display:none;} #header .wrap_lnb .lnb .depth01 > li{float:left;width:18%;border-right:0px solid #f0f0f0;text-align:center; font-weight:700;} #header .wrap_lnb .lnb .depth01 > li > a{display:block;height:45px;padding-top:30px;font-size:18px;color:#555; letter-spacing: -1.5px} #header .wrap_lnb .lnb .depth01 > li:first-child{border-left:1px solid #f0f0f0;} #header .wrap_lnb .lnb .depth01 .depth02{float:left;width:17%;margin-right:3%;}/*메뉴 넓이 조절*/ #header .wrap_lnb .lnb .depth01 .depth02 > li > a{letter-spacing:-1px; display:block;padding:13px 0;font-size:16px;text-align:left;border-bottom:1px solid #ddd;font-weight:700;color:#555;}/*background:url(/cm/img/ico_arr_gray.png) no-repeat 95% 50%;#fff;*/ #header .wrap_lnb .lnb .depth01 .depth02 > li > a.on{color:#1e4da5} #header .wrap_lnb .lnb .depth01 .depth02 .depth03{margin-bottom:20px;} #header .wrap_lnb .lnb .depth01 .depth02 .depth03 > li > a{display:block;margin-top:9px;padding-left:15px;font-size:13px;text-align:left;color:#555;background:url(../image/common/bu_line.gif) no-repeat left 50%;} #header .wrap_lnb .lnb .depth01 .depth02 .depth03 > li > a:hover{color:#2460ce;} /*#header .wrap_lnb .lnb .wrap_menu{position:absolute;top:77px;left:0;width:100%;min-height:330px;z-index:20;overflow:hidden;padding:50px 0 60px 0;border-bottom:1px solid #ddd;} 2016-06-14 */ #header .wrap_lnb .lnb .wrap_menu{position:absolute;top:75px;left:0;width:100%;min-height:360px;z-index:20;overflow:hidden;padding:50px 0 60px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #header .wrap_lnb .lnb .wrap_menu.lnb01{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;} #header .wrap_lnb .lnb .wrap_menu.lnb02{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;} #header .wrap_lnb .lnb .wrap_menu.lnb03{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;}/*min-height:530px; 높이값 늘릴때 사용하세요*/ #header .wrap_lnb .lnb .wrap_menu.lnb04{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;} #header .wrap_lnb .lnb .wrap_menu.lnb05{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;} #header .wrap_lnb .lnb .wrap_menu.lnb06{background:url(/cm/img/img_lnb07.jpg) no-repeat 30px 180px #fff;} #header .wrap_lnb .lnb .wrap_menu.lnb03 .depth02{float:left;width:17%;margin-right:3%;}/*이용안내 메뉴*/ #header .wrap_lnb .lnb .wrap_menu .wrap_deth02{float:left;width:60%;} #header .wrap_lnb .lnb .wrap_menu .menu_tit{width:222px;padding:10px 0 0 43px;float:left;text-align:left;} #header .wrap_lnb .lnb .wrap_menu .menu_tit .txt_small{display:block;margin-bottom:10px;font-size:15px;color:#666; letter-spacing:-1px;} #header .wrap_lnb .lnb .wrap_menu .menu_tit .txt_tit{display:block;font-size:30px;color:#2460ce;line-height:110%;letter-spacing:-1px;} #header .wrap_lnb .lnb .wrap_callcenter{position:absolute;top:125px;right:50px;width:270px;z-index:90;text-align:right;display:none;}/*2016-06-14 display:none 추가*/ #header .wrap_lnb .lnb .wrap_callcenter .txt_tit{margin-bottom:10px;color:#2f68d0;font-size:16px;} #header .wrap_lnb .lnb .wrap_callcenter .txt_tel{display:block;margin-bottom:20px;color:#2f68d0;font-size:28px;letter-spacing:2px;} #header .wrap_lnb .lnb .wrap_callcenter .txt_desc{margin-bottom:50px;color:#333;font-size:13px;line-height:150%;} #header .wrap_lnb .lnb .wrap_callcenter .list_info{float:right;color:#2460ce;} #header .wrap_lnb .lnb .wrap_callcenter .list_info dt{float:left;} #header .wrap_lnb .lnb .wrap_callcenter .list_info dd{margin:0 0 10px 80px;text-align:left;} #header .wrap_lnb .lnb .btn_close{position:absolute;top:420px;right:50px;padding:10px 20px;;border:1px solid #aabee2;color:#103e94;background:#e6ecfa;z-index:90;display:none; }/*2016-06-14 display:none 추가*/ .wrap_navi{display:none;} .wrap_board{width:100%;} } /*1024 768 사이즈 새로운 css 축가햇음 */ @media all and (max-width:1024px) { #header{position:relative;height:0px;border:0px solid #f0f0f0;z-index:50;}/*1024px 높이 조절 21-02-19*/ .wrap_tit{margin-top:-100px;} } @media all and (max-width:768px) { #header{position:relative;height:0px;border:0px solid #f0f0f0;z-index:50;}/*1024px 높이 조절 21-02-19*/ .wrap_tit{margin-top:0px;} } /*1024 768 사이즈 새로운 css 축가햇음 */