@charset "utf-8"; @import url(default.css); /* layout ,header ***************************************************************************/ #wrapper{position:relative;} #wrapper #container{min-height:600px;min-width:1120px;} .inwrap {position:relative;max-width:1120px;min-width:1120px;margin:0 auto} .main_wrapper header {z-index:100;position:absolute;top:0;min-width:1120px;background:url(/images/common/header_bg_repeat2.png) repeat-x 0 0;} .main_wrapper header li h2{color:#fff;} .main_wrapper header li:before{background:#bab6b8;} .main_wrapper header .logout_menu a{position:relative;color:#fff;font-size:14px;border:none;line-height:36px;opacity:0.7;} .main_wrapper header .logout_menu a:before{content:"";position:absolute;top:0;left:0;height:40px;width:95px;border:solid 2px #fff;opacity:0.2;border-radius:5px;} .main_wrapper header .logout_menu a:hover:before{opacity:0.4;} .main_wrapper header .logout_menu a:hover{color:#fff;opacity:1;} .main_wrapper header .logout_menu a:first-child:before{width:80px;} .mymenu.m_menu {display: none} .m_login_menu{display:none;} .main_wrapper header #mygnb .mygnb_name b{color:#fff;border:solid 2px rgba(255, 255, 255, .2);border-right:none;opacity:0.7;} .main_wrapper header #mygnb .mygnb_name .mymenu{border:solid 2px rgba(255, 255, 255, .2);} .main_wrapper header #mygnb .mygnb_name .mymenu .navicon_line{background:#fff;opacity:0.7;} .main_wrapper header #mygnb:hover .mygnb_name .mymenu .navicon_line{background:#fff;opacity:1;} .main_wrapper header #mygnb.opn .mygnb_name b,.main_wrapper header #mygnb:hover .mygnb_name b{color:#fff;border:solid 2px rgba(255, 255, 255, .4);border-right:none;opacity:1;} .main_wrapper header #mygnb.opn .mygnb_name .mymenu,.main_wrapper header #mygnb:hover .mygnb_name .mymenu{border:solid 2px rgba(255, 255, 255, .4);} .main_wrapper header #mygnb.opn .mygnb_name .mymenu .navicon_line{background:#fff;opacity:1;} .main_wrapper header #alarm_wrap .alarm:before{width:14px;height:15px;background-position:-256px -186px;} .main_wrapper header #alarm_wrap .alarm:hover:before{width:14px;height:15px;background-position:-236px -186px;} .main_wrapper header #alarm_wrap.opn .alarm:before{width:14px;height:15px;background-position:-155px -48px;} .main_wrapper .main_visual{position:relative;} .main_wrapper .main_visual .swiper-slide{width:100%;height:480px;background-size:cover;background-position:50% 0;} .main_wrapper .main_visual .swiper-slide .mvtxt{position:absolute;top:150px;left:50%;} /* .main_wrapper .main_visual .swiper-slide.mvslide001 .mvtxt{margin-left:-231px;width:462px;top:257px; } .main_wrapper .main_visual .swiper-slide.mvslide001 .mvtxt01{position:absolute;left:50%;margin-left:-100px;top:540px;} .main_wrapper .main_visual .swiper-slide.mvslide002 .mvtxt{margin-left:-209px;width:418px;top:297px; } .main_wrapper .main_visual .swiper-slide.mvslide002 .mvtxt02{position:absolute;left:50%;margin-left:-100px;top:540px;} .main_wrapper .main_visual .swiper-slide.mvslide01 .mvtxt{margin-left:-272px;width:545px;} .main_wrapper .main_visual .swiper-slide.mvslide02 .mvtxt{margin-left:-305px;width:610px;} .main_wrapper .main_visual .swiper-slide.mvslide03 .mvtxt{margin-left:-300px;width:600px;} */ .main_wrapper .main_visual .swiper-slide .mvtxt{margin-left:-560px;width:515px;} .main_wrapper .main_visual .swiper-slide .mvtxt00{position:absolute;left:50%;margin-left:-560px;top:300px;} .main_wrapper .main_visual .swiper-pagination{text-align:left;} .main_wrapper .main_visual .swiper-container-horizontal>.swiper-pagination-bullets{left:50%;margin-left:-560px;} .main_wrapper .main_visual .mv_stopbtn{display:block;z-index:10;position:absolute;bottom:62px;left:50%;margin-left:-390px;width:6px;height:9px;font-size:0;background:url(/images/main/stop_btn.png) no-repeat 0 0;} .main_wrapper .main_visual .mv_startbtn{display:none;z-index:10;position:absolute;bottom:62px;left:50%;margin-left:-390px;width:7px;height:9px;font-size:0;background:url(/images/main/start_btn.png) no-repeat 0 0;} .main_wrapper .main_visual .num_wrap{z-index:10;position:absolute;top:451px;left:50%;width:610px;margin-left:-305px;text-align:center;} .main_wrapper .main_visual .num_wrap span{margin-right:-82px;font-size:15px;color:#fff;vertical-align:bottom;} .main_wrapper .main_visual .num_wrap img{display:inline-block;margin:0 3px;} .main_wrapper .main_visual .mvslide006 .cloud01{position:absolute;top:150px;left:54%;animation: bounce1 1.5s alternate infinite ease-in;} .main_wrapper .main_visual .mvslide006 .cloud02{position:absolute;top:120px;left:65%;animation: bounce2 1.5s alternate infinite ease-in;} .main_wrapper .main_visual .mvslide006 .cloud03{position:absolute;top:155px;left:78%;animation: bounce3 2.5s alternate infinite ease-in;} .main_wrapper .main_visual .mvslide007 .cloud01{position:absolute;top:135px;left:52%;animation: bounce1 1.5s alternate infinite ease-in;} .main_wrapper .main_visual .mvslide007 .cloud02{position:absolute;top:120px;left:70%;animation: bounce2 1.5s alternate infinite ease-in;} .main_wrapper .main_visual .mvslide007 .cloud03{position:absolute;top:150px;left:80%;animation: bounce3 2.5s alternate infinite ease-in;} @keyframes bounce1 {0% {transform: translateY(15%);}100% {transform: translateY(-15%);}} @keyframes bounce2 {0% {transform: translateY(8%);}100% {transform: translateY(-8%);}} @keyframes bounce3 {0% {transform: translateY(35%);}100% {transform: translateY(-35%);}} .main_wrapper .main_consultant{padding:80px 0 0 0;background:#e6e9ed;} .main_wrapper .main_consultant h1{text-align:center;} .main_wrapper .main_consultant h2{padding:30px 0 40px;color:#373839;font-size:18px;text-align:center;} .main_wrapper .main_consultant .main_consult_tab{width:564px;margin:0 auto;padding-bottom:35px;} .main_wrapper .main_consultant .main_consult_tab li{float:left;position:relative;width:180px;height:50px;margin:0 4px;line-height:50px;text-align:center;border-radius:5px;color:#afb4c0;font-size:16px;background:#fff;cursor:pointer;} .main_wrapper .main_consultant .main_consult_tab li.on{color:#fff;} .main_wrapper .main_consultant .main_consult_tab li.on.get{font-weight:700;background: -moz-linear-gradient(left, #76b804 0%, #46b705 100%) !important;background: -webkit-linear-gradient(left, #76b804 0%,#46b705 100%) !important;background: linear-gradient(to right, #76b804 0%,#46b705 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b804', endColorstr='#46b705',GradientType=0 ) !important;} .main_wrapper .main_consultant .main_consult_tab li.on.career{font-weight:700;background: -moz-linear-gradient(left, #e34f8e 0%, #b63fa5 100%) !important;background: -webkit-linear-gradient(left, #e34f8e 0%,#b63fa5 100%) !important;background: linear-gradient(to right, #e34f8e 0%,#b63fa5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34f8e', endColorstr='#b63fa5',GradientType=0 ) !important;} .main_wrapper .main_consultant .main_consult_tab li.on.found{font-weight:700;background: -moz-linear-gradient(left, #7555b8 0%, #5e44c6 100%) !important;background: -webkit-linear-gradient(left, #7555b8 0%,#5e44c6 100%) !important;background: linear-gradient(to right, #7555b8 0%,#5e44c6 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7555b8', endColorstr='#5e44c6',GradientType=0 ) !important;} .main_wrapper .main_consultant .main_c_tab_content .swiper-container{padding-bottom:110px;} .main_wrapper .main_consultant .cv_stopbtn{display:block;z-index:10;position:absolute;bottom:60px;left:50%;margin-left:102px;width:6px;height:9px;font-size:0;background:url(/images/main/stop_btn2.png) no-repeat 0 0;} .main_wrapper .main_consultant .cv_startbtn{display:none;z-index:10;position:absolute;bottom:60px;left:50%;margin-left:102px;width:7px;height:9px;font-size:0;background:url(/images/main/start_btn2.png) no-repeat 0 0;} .main_wrapper .main_consulting_ex{background:#e6e9ed;} .main_wrapper .main_consulting_ex h1{padding:80px 0 40px;text-align:center;font-size:40px;font-weight:400;font-family: 'Nanum Square';} .main_wrapper .main_consulting_ex h1 b{font-size:40px;font-weight:700;font-family: 'Nanum Square';} .consulting_ex_wrap .empty_ment{position:relative;padding:128px 30px 60px;border:solid 1px #d7dade;border-radius:5px;text-align:center;color:#999da1;font-size:16px;} .consulting_ex_wrap .empty_ment:before{content:"";position:absolute;top:60px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/icon_empty01.png) no-repeat 0 0;} /*.consulting_ex_list li{display:none;position:relative;float:left;width:49%;margin-bottom:2%;border-radius:5px;border:solid 3px #fff;background-color:#fff;}*/ .consulting_ex_list li{position:relative;float:left;width:49%;margin-bottom:2%;border-radius:5px;border:solid 3px #fff;background-color:#fff;} .consulting_ex_list li>a{display:block;padding:2.5%;} .main_wrapper .consulting_ex_list li{display:block;} .consulting_ex_list li:nth-child(odd){margin-right:2%;} .consulting_ex_list li .ex_tit b{position:absolute;top:10px;left:-8px;width:186px;height:36px;padding-top:8px;color:#fff;font-size:16px;font-weight:700;text-align:center;} .consulting_ex_list li .ex_tit div{padding-top:40px;} .consulting_ex_list li .ex_tit span{display:inline-block;height:22px;line-height:22px;padding:0 5px;font-size:13px;} .consulting_ex_list li .ex_tit span.tag01{color:#fff;} .consulting_ex_list li .ex_tit span.tag02{line-height:20px;background-color:#fff;} .consulting_ex_list li.get .ex_tit b{background:url(/images/main/ex_tit_get_bg.png) no-repeat left center;} .consulting_ex_list li.get:hover{border:solid 3px #76b804} .consulting_ex_list li.get .ex_tit span.tag01{background-color:#76b804;} .consulting_ex_list li.get .ex_tit span.tag02{color:#76b804;border:solid 1px #76b804;} .consulting_ex_list li.career .ex_tit b{background:url(/images/main/ex_tit_career_bg.png) no-repeat left center;} .consulting_ex_list li.career:hover{border:solid 3px #e34f8e} .consulting_ex_list li.career .ex_tit span.tag01{background-color:#e34f8e;} .consulting_ex_list li.career .ex_tit span.tag02{color:#e34f8e;border:solid 1px #e34f8e;} .consulting_ex_list li.found .ex_tit b{background:url(/images/main/ex_tit_found_bg.png) no-repeat left center;} .consulting_ex_list li.found:hover{border:solid 3px #7555b8} .consulting_ex_list li.found .ex_tit span.tag01{background-color:#7555b8;} .consulting_ex_list li.found .ex_tit span.tag02{color:#7555b8;border:solid 1px #7555b8;} .consulting_ex_list li .ex_contents{margin-top:30px;} .consulting_ex_list li .ex_contents strong{display:block;width:475px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#353738;font-size:20px;font-weight:700;} .consulting_ex_list li .ex_contents p{height:125px;overflow:hidden;margin-top:25px;color:#6b6e70;font-size:15px;line-height:1.7;} .consulting_ex_list li .ex_contents i{display:block;margin-top:8px;color:#bbc0c4;font-size:14px;} .main_wrapper .main_solution{padding-bottom:60px;background:#f5f6f7;} .main_wrapper .main_solution h1{padding:80px 0 40px;text-align:center;font-size:40px;font-weight:400;font-family: 'Nanum Square';} .main_wrapper .main_solution h1 b{font-size:40px;font-weight:700;font-family: 'Nanum Square';} /*.main_wrapper .main_solution div div a img{width:100%;height:206px;}*/ .main_wrapper .main_solution div div a img{width:100%;height:206px;} .main_wrapper .main_solution strong{display:block;height:65px;padding-left:25px;line-height:64px;background-color:#fff;border:solid 1px #e6e9ed;color:#353738;font-size:18px;font-weight:700;} .main_wrapper .main_solution strong b{display:inline-block;padding-left:5px;color:#999da1;font-size:14px;} .main_wrapper .solution_mov{display:none;position:absolute;left:0;top:0;width:800px;height:600px;background:red;z-index:210;} /*.main_wrapper .solution_mov .clse{position:absolute;right:0;top:-50px;font-size:50px;color:#fff;cursor:pointer;}*/ .main_wrapper .main_consulting_review{padding-bottom:60px;background:#eeeff0;} .main_wrapper .main_consulting_review h1{padding:80px 0 40px;text-align:center;font-size:40px;font-weight:400;font-family: 'Nanum Square';} .main_wrapper .main_consulting_review h1 b{font-size:40px;font-weight:700;font-family: 'Nanum Square';} .main_wrapper .main_consulting_review h2{margin-bottom:34px;text-align:center;font-size:18px;color:#353738;letter-spacing:-0.5px;line-height:1.7;} .main_wrapper .main_consulting_review .review_bottom{position:relative;} .main_wrapper .main_consulting_review .review_bottom li{float:left;width:270px;height:240px;margin-left:10px;margin-bottom:10px;border:solid 1px #e6e9ed;background:#fff;list-style:none;} .main_wrapper .main_consulting_review .review_bottom li:first-child{margin-left:0;} .main_wrapper .main_consulting_review .review_bottom li:nth-child(4n+5){margin-left:0;} .main_wrapper .main_consulting_review .review_bottom li:hover{background:#3da0f2;} .main_wrapper .main_consulting_review .review_bottom li .group01{padding:25px 30px 0;text-align:center;} .main_wrapper .main_consulting_review .review_bottom li .group01 strong{display:block;height:16px;font-size:16px;font-weight:700;} .main_wrapper .main_consulting_review .review_bottom li:hover .group01 strong,.main_wrapper .main_consulting_review .review_bottom li.on .group01 strong{color:#fff !important;} .main_wrapper .main_consulting_review .review_bottom li .group01 strong.get{color:#76b804;} .main_wrapper .main_consulting_review .review_bottom li .group01 strong.career{color:#e34f8e;} .main_wrapper .main_consulting_review .review_bottom li .group01 strong.found{color:#7555b8;} .main_wrapper .main_consulting_review .review_bottom li span{z-index:100;position:absolute;bottom:90px;left:0;width:100%;padding:5px 0;text-align:center;color:#115891;font-size:14px;letter-spacing:-.5px;cursor:pointer;} .main_wrapper .main_consulting_review .review_bottom li:hover span,.main_wrapper .main_consulting_review .review_bottom li.on span{color:#fff;} .main_wrapper .main_consulting_review .review_bottom li span.unfold:after{content:"";position:absolute;top:9px;left:163px;width:11px;height:8px;background:url(/images/main/review_unfold.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li:hover span.unfold:after,.main_wrapper .main_consulting_review .review_bottom li.on span.unfold:after{content:"";position:absolute;top:9px;left:163px;width:11px;height:8px;background:url(/images/main/review_unfold_hover.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li span.fold:after{content:"";position:absolute;top:9px;left:157px;width:11px;height:8px;background:url(/images/main/review_fold.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li:hover span.fold:after,.main_wrapper .main_consulting_review .review_bottom li.on span.fold:after{content:"";position:absolute;top:9px;left:157px;width:11px;height:8px;background:url(/images/main/review_fold_hover.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li .group01 p{height:120px;min-height:120px;overflow:hidden;padding:10px 0 0;margin-bottom:16px;color:#6b6e70;font-size:15px;letter-spacing:-0.5px;line-height:1.5;} .main_wrapper .main_consulting_review .review_bottom li:hover .group01 p,.main_wrapper .main_consulting_review .review_bottom li.on .group01 p{color:#e6e9ed;} .main_wrapper .main_consulting_review .review_bottom li .group02{position:relative;height:60px;border-top:solid 1px #e6e9ed;} .main_wrapper .main_consulting_review .review_bottom li:hover .group02,.main_wrapper .main_consulting_review .review_bottom li.on .group02{border-top:solid 1px #3389d3;} .main_wrapper .main_consulting_review .review_bottom li .group02 figure{float:left;position:absolute;top:13px;left:56px;width:50px;height:30px;overflow:hidden;text-align:center;background:#fff;} .main_wrapper .main_consulting_review .review_bottom li .group02 figure:after{content:"";position:absolute;top:0;left:0;width:50px;height:30px;background:url(/images/main/group_review_profile_bg2.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li:hover .group02 figure:after,.main_wrapper .main_consulting_review .review_bottom li.on .group02 figure:after{content:"";position:absolute;top:0;left:0;width:50px;height:30px;background:url(/images/main/group_review_profile_bg2_hover.png) no-repeat 0 0;} .main_wrapper .main_consulting_review .review_bottom li .group02 figure img{height:30px;overflow:hidden;} .main_wrapper .main_consulting_review .review_bottom li .group02 .cstxt{float:left;width:162px;margin:21px 0 0 106px;} .main_wrapper .main_consulting_review .review_bottom li:hover .group02 .cstxt,.main_wrapper .main_consulting_review .review_bottom li.on .group02 .cstxt{color:#f5f6f7;} #review_dim{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5;z-index:200;} .main_wrapper .main_program{padding:80px 0 0 0;} .main_wrapper .main_program h1{text-align:center;font-size:40px;font-weight:400;font-family: 'Nanum Square';} .main_wrapper .main_program h2{padding:40px 0 40px;color:#373839;font-size:18px;text-align:center;} .main_wrapper .main_program h2 b{font-weight:700;} .main_wrapper .main_program .program_block{padding-bottom:71px;} .main_wrapper .main_program .program_block li{position:relative;float:left;width:130px;height:170px;margin:0 11px 11px 0;background:#fff;border:solid 2px #e6e6e6;border-radius:2px;} .main_wrapper .main_program .program_block li:nth-of-type(2),.main_wrapper .main_program .program_block li:nth-of-type(10){margin-right:12px;} .main_wrapper .main_program .program_block li:nth-of-type(5),.main_wrapper .main_program .program_block li:nth-of-type(13){margin-right:12px;} .main_wrapper .main_program .program_block li:nth-of-type(6),.main_wrapper .main_program .program_block li:nth-of-type(14){margin-right:12px;} .main_wrapper .main_program .program_block li:nth-of-type(8),.main_wrapper .main_program .program_block li:nth-of-type(16){margin-right:0;} .main_wrapper .main_program .program_block li a{position:relative;display:block;width:130px;height:170px;padding-top:93px;text-align:center;} /*.main_wrapper .main_program .program_block li a:hover span,.main_wrapper .main_program .program_block li.on a span{color:#fff;}*/ .main_wrapper .main_program .program_block li a span{line-height:1.5;font-size:16px;color:#353738;letter-spacing:-0.5px;} .main_wrapper .main_program .program_block li:nth-of-type(1) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-21px;width:42px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -4px 0;} .main_wrapper .main_program .program_block li:nth-of-type(2) a:before{content:"";position:absolute;top:37px;left:50%;margin-left:-25px;width:50px;height:36px;background:url(/images/main/program_block_icon_off.png) no-repeat -141px -7px;} .main_wrapper .main_program .program_block li:nth-of-type(3) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-18px;width:36px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -290px 0;} .main_wrapper .main_program .program_block li:nth-of-type(4) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-20px;width:40px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -429px 0;} .main_wrapper .main_program .program_block li:nth-of-type(5) a:before{content:"";position:absolute;top:39px;left:50%;margin-left:-25px;width:50px;height:33px;background:url(/images/main/program_block_icon_off.png) no-repeat -566px -9px;} .main_wrapper .main_program .program_block li:nth-of-type(6) a:before{content:"";position:absolute;top:37px;left:50%;margin-left:-25px;width:50px;height:36px;background:url(/images/main/program_block_icon_off.png) no-repeat -707px -7px;} .main_wrapper .main_program .program_block li:nth-of-type(7) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -849px 0;} .main_wrapper .main_program .program_block li:nth-of-type(8) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-20px;width:40px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -995px 0;} .main_wrapper .main_program .program_block li:nth-of-type(9) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat 0 -181px;} .main_wrapper .main_program .program_block li:nth-of-type(10) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -141px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(11) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -283px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(12) a:before{content:"";position:absolute;top:36px;left:50%;margin-left:-25px;width:50px;height:39px;background:url(/images/main/program_block_icon_off.png) no-repeat -424px -187px;} .main_wrapper .main_program .program_block li:nth-of-type(13) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:43px;background:url(/images/main/program_block_icon_off.png) no-repeat -566px -185px;} .main_wrapper .main_program .program_block li:nth-of-type(14) a:before{content:"";position:absolute;top:34px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -707px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(15) a:before{content:"";position:absolute;top:39px;left:50%;margin-left:-25px;width:50px;height:33px;background:url(/images/main/program_block_icon_off.png) no-repeat -849px -190px;} .main_wrapper .main_program .program_block li:nth-of-type(16) a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_off.png) no-repeat -990px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(1):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(1).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-21px;width:42px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -4px 0;} .main_wrapper .main_program .program_block li:nth-of-type(2):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(2).on a:before{content:"";position:absolute;top:37px;left:50%;margin-left:-25px;width:50px;height:36px;background:url(/images/main/program_block_icon_on.png) no-repeat -141px -7px;} .main_wrapper .main_program .program_block li:nth-of-type(3):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(3).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-18px;width:36px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -290px 0;} .main_wrapper .main_program .program_block li:nth-of-type(4):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(4).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-20px;width:40px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -429px 0;} .main_wrapper .main_program .program_block li:nth-of-type(5):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(5).on a:before{content:"";position:absolute;top:39px;left:50%;margin-left:-25px;width:50px;height:33px;background:url(/images/main/program_block_icon_on.png) no-repeat -566px -9px;} .main_wrapper .main_program .program_block li:nth-of-type(6):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(6).on a:before{content:"";position:absolute;top:37px;left:50%;margin-left:-25px;width:50px;height:36px;background:url(/images/main/program_block_icon_on.png) no-repeat -707px -7px;} .main_wrapper .main_program .program_block li:nth-of-type(7):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(7).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -849px 0;} .main_wrapper .main_program .program_block li:nth-of-type(8):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(8).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-20px;width:40px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -995px 0;} .main_wrapper .main_program .program_block li:nth-of-type(9):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(9).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat 0 -181px;} .main_wrapper .main_program .program_block li:nth-of-type(10):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(10).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -141px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(11):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(11).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -283px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(12):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(12).on a:before{content:"";position:absolute;top:36px;left:50%;margin-left:-25px;width:50px;height:39px;background:url(/images/main/program_block_icon_on.png) no-repeat -424px -187px;} .main_wrapper .main_program .program_block li:nth-of-type(13):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(13).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:43px;background:url(/images/main/program_block_icon_on.png) no-repeat -566px -185px;} .main_wrapper .main_program .program_block li:nth-of-type(14):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(14).on a:before{content:"";position:absolute;top:34px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -707px -181px;} .main_wrapper .main_program .program_block li:nth-of-type(15):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(15).on a:before{content:"";position:absolute;top:39px;left:50%;margin-left:-25px;width:50px;height:33px;background:url(/images/main/program_block_icon_on.png) no-repeat -849px -190px;} .main_wrapper .main_program .program_block li:nth-of-type(16):hover a:before,.main_wrapper .main_program .program_block li:nth-of-type(16).on a:before{content:"";position:absolute;top:30px;left:50%;margin-left:-25px;width:50px;height:50px;background:url(/images/main/program_block_icon_on.png) no-repeat -990px -181px;} .main_wrapper .main_program .program_block li.new:before{content:"";position:absolute;top:-2px;right:-2px;width:33px;height:33px;background:url(/images/main/block_p_new.png) no-repeat 0 0;} .main_wrapper .main_program .program_block li.hot:before{content:"";position:absolute;top:-2px;right:-2px;width:33px;height:33px;background:url(/images/main/block_p_hot.png) no-repeat 0 0;} .main_wrapper .main_program .program_block li.get.on,.main_wrapper .main_program .program_block li.get:hover{border:solid 2px #76b804;} .main_wrapper .main_program .program_block li.get.on a span,.main_wrapper .main_program .program_block li.get:hover a span{color:#6aa603;font-weight:700;} .main_wrapper .main_program .program_block li.career.on,.main_wrapper .main_program .program_block li.career:hover{border:solid 2px #e34f8e;} .main_wrapper .main_program .program_block li.career.on a span,.main_wrapper .main_program .program_block li.career:hover a span{color:#e34f8e;font-weight:700;} .main_wrapper .main_program .program_block li.found.on,.main_wrapper .main_program .program_block li.found:hover{border:solid 2px #7555b8;} .main_wrapper .main_program .program_block li.found.on a span,.main_wrapper .main_program .program_block li.found:hover a span{color:#7555b8;font-weight:700;} /*.main_wrapper .main_program .program_block li.get:hover{background: -moz-linear-gradient(left, #76b804 0%, #46b705 100%) !important;background: -webkit-linear-gradient(left, #76b804 0%,#46b705 100%) !important;background: linear-gradient(to right, #76b804 0%,#46b705 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b804', endColorstr='#46b705',GradientType=0 ) !important;} .main_wrapper .main_program .program_block li.get.on{background: -moz-linear-gradient(left, #76b804 0%, #46b705 100%) !important;background: -webkit-linear-gradient(left, #76b804 0%,#46b705 100%) !important;background: linear-gradient(to right, #76b804 0%,#46b705 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b804', endColorstr='#46b705',GradientType=0 ) !important;animation-name:fadeblcok;animation-duration: 5.5s;} .main_wrapper .main_program .program_block li.career:hover{background: -moz-linear-gradient(left, #e34f8e 0%, #b63fa5 100%) !important;background: -webkit-linear-gradient(left, #e34f8e 0%,#b63fa5 100%) !important;background: linear-gradient(to right, #e34f8e 0%,#b63fa5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34f8e', endColorstr='#b63fa5',GradientType=0 ) !important;} .main_wrapper .main_program .program_block li.career.on{background: -moz-linear-gradient(left, #e34f8e 0%, #b63fa5 100%) !important;background: -webkit-linear-gradient(left, #e34f8e 0%,#b63fa5 100%) !important;background: linear-gradient(to right, #e34f8e 0%,#b63fa5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34f8e', endColorstr='#b63fa5',GradientType=0 ) !important;animation-name:fadeblcok;animation-duration: 5.5s;} .main_wrapper .main_program .program_block li.found:hover{background: -moz-linear-gradient(left, #7555b8 0%, #5e44c6 100%) !important;background: -webkit-linear-gradient(left, #7555b8 0%,#5e44c6 100%) !important;background: linear-gradient(to right, #7555b8 0%,#5e44c6 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7555b8', endColorstr='#5e44c6',GradientType=0 ) !important;} .main_wrapper .main_program .program_block li.found.on{background: -moz-linear-gradient(left, #7555b8 0%, #5e44c6 100%) !important;background: -webkit-linear-gradient(left, #7555b8 0%,#5e44c6 100%) !important;background: linear-gradient(to right, #7555b8 0%,#5e44c6 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7555b8', endColorstr='#5e44c6',GradientType=0 ) !important;animation-name:fadeblcok;animation-duration: 5.5s;} */ @keyframes fadeblcok {0% {opacity: 0.3;}60% {opacity: 1;}100% {opacity: 0.5;}} .main_wrapper .main_program .swiper-container .swiper-slide{display:block;} .main_wrapper .main_program .swiper-container .pr_name{display:block;width:1120px;color:#353738;font-size:17px;text-align:center;} .main_wrapper .main_program .swiper-container .pr_name b{display:inline-block;padding-left:17px;font-weight:700} .main_wrapper .main_program .swiper-container .pr_name span{font-weight:700;color:#3da0f2} .main_wrapper .main_program .swiper-container .pr_txt{width:880px;margin:18px auto 80px;line-height:1.5;text-align:center;} .main_wrapper .main_program .swiper-container .pr_txt b{display:inline-block;margin-left:11px;} .main_wrapper .main_program .swiper-container .pr_txt a{color:#6b6e70;font-size:15px;} .main_wrapper .main_footbox{height:570px;background:url(/images/main/main_footbox_bg.jpg) no-repeat center 0;background-size:cover;} .main_wrapper .main_footbox .board_group{position:absolute;top:80px;left:0;width:770px;height:400px;padding:25px 40px 0 40px;background:#fff;} .main_wrapper .main_footbox .board_group_tab{margin-bottom:23px;border-bottom:solid 1px #d7dade;} .main_wrapper .main_footbox .board_group_tab li{position:relative;float:left;width:230px;padding:15px 40px;color:#353738;text-align:center;cursor:pointer;} .main_wrapper .main_footbox .board_group_tab li.on{color:#187bcc} .main_wrapper .main_footbox .board_group_tab li.on:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#187bcc} .main_wrapper .main_footbox .board_group_tab li:nth-of-type(2) span:before{content:"";position:absolute;top:16px;left:0;width:1px;height:13px;background:#d7dade} .main_wrapper .main_footbox .board_group_tab li:nth-of-type(2) span:after{content:"";position:absolute;top:16px;right:0;width:1px;height:13px;background:#d7dade} .main_wrapper .main_footbox .board_tab_cont{display:none;} .main_wrapper .main_footbox .board_tab_cont li{padding-top:16px;} .main_wrapper .main_footbox .board_tab_cont li:first-child{padding-top:0;} .main_wrapper .main_footbox .board_tab_cont li a:after{content:"";display:block;clear:both;} .main_wrapper .main_footbox .board_tab_cont li p{position:relative;float:left;width:500px;padding-left:12px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;color:#6b6e70} .main_wrapper .main_footbox .board_tab_cont li p:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background:#6b6e70;border-radius:2px;} .main_wrapper .main_footbox .board_tab_cont li span{float:right;color:#999da1;font-size:14px;line-height:16px;} .main_wrapper .main_footbox .sns_group{position:absolute;top:80px;right:0;width:320px;height:400px;/*background:url(/images/main/sns_group_fb.png) no-repeat center 0;*/} .main_wrapper .main_footbox .sns_group.fair a{position:relative;display:block;margin-bottom:5px;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(1) .moving{position:absolute;bottom:33px;left:124px;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(2) .moving{position:absolute;bottom:43px;left:124px;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(3) .moving{position:absolute;bottom:30px;left:124px;} /*.main_wrapper .main_footbox .sns_group .link_fb{position:absolute;top:54px;left:0;width:100%;text-align:center;color:#fff;font-size:12px;} .main_wrapper .main_footbox .sns_group .share_sns{position:absolute;top:257px;left:60px;} .main_wrapper .main_footbox .sns_group .share_pf{position:absolute;top:327px;left:74px;} .main_wrapper .main_footbox .sns_group .share_pf span{display:block;float:left;width:40px;height:40px;margin:0 2px;background:#d0d0d0;border-radius:50%;overflow:hidden;} .main_wrapper .main_footbox .sns_group .share_sns a{float:left;width:100px;height:30px;line-height:28px;border:solid 1px #8ea4d1;padding-left:38px;color:#fff;font-size:12px;background:#3b5997;} .main_wrapper .main_footbox .sns_group .share_sns a:first-child{padding-left:42px;border-right:none;} .main_wrapper .main_footbox .sns_group .share_sns a:first-child:before{top:7px;left:23px;width:13px;height:13px;background-position:-487px -487px;} .main_wrapper .main_footbox .sns_group .share_sns a:last-child:before{top:9px;left:19px;width:13px;height:11px;background-position:-465px -489px;} .main_wrapper .main_footbox .sns_group p{position:absolute;top:306px;left:0;width:100%;text-align:center;color:#677a8e;font-size:11px;font-family:돋움,Dotum;letter-spacing:0;} */ .main_wrapper .main_footbox .service_group{position:absolute;top:80px;right:0;} .main_wrapper .main_footbox .service_group div{position:relative;} .main_wrapper .main_footbox .service_group .left_sg{margin-bottom:30px;} .main_wrapper .main_footbox .service_group div .sg_plus{position:absolute;top:115px;right:30px;transition:transform 0.5s ease-in-out;} .main_wrapper .main_footbox .service_group div:hover .sg_plus{transform:rotate(90deg);} header{width:100%;height:80px;min-width:1120px;background:url(/images/common/header_bg_repeat.png) repeat-x 0 0;} header h1{float:left;width:181px;/*margin:27px 130px 0 0;*/margin:27px 60px 0 0;} header nav{float:left;width:646px;margin-top:33px;visibility:visible !important;display:block !important;} header nav ul:after{content:"";display:block;clear:both;} header nav li{position:relative;float:left;margin-left:30px;} header nav li:before{content:"";position:absolute;top:1px;left:-15px;width:1px;height:15px;background:#1c2744;} header nav li.on:after{content:"";position:absolute;top:24px;left:0;width:100%;height:3px;background:#3da0f2;border-radius:2px;} header nav li h2:hover,header nav li.on h2{color:#fff;} header nav li:after{content:"";position:absolute;top:24px;left:0;width:0;height:3px;background:#3da0f2;border-radius:2px;} header nav li:hover:after{content:"";position:absolute;top:24px;left:0;width:100%;height:3px;background:#3da0f2;border-radius:2px;-webkit-transform:rotate(0deg);transform:rotate(0deg);} header nav li:nth-of-type(1):after{-webkit-transition:width 0.4s, height 0.4s, background-color 0.4s, -webkit-transform 0.4s;transition:width 0.4s, height 0.4s, background-color 0.4s, transform 0.4s;} header nav li:nth-of-type(2):after{-webkit-transition:width 0.4s, height 0.4s, background-color 0.4s, -webkit-transform 0.4s;transition:width 0.4s, height 0.4s, background-color 0.4s, transform 0.4s;} header nav li:nth-of-type(3):after{-webkit-transition:width 0.2s, height 0.2s, background-color 0.2s, -webkit-transform 0.2s;transition:width 0.2s, height 0.2s, background-color 0.2s, transform 0.2s;} header nav li:nth-of-type(4):after{-webkit-transition:width 0.3s, height 0.3s, background-color 0.3s, -webkit-transform 0.3s;transition:width 0.3s, height 0.3s, background-color 0.3s, transform 0.3s;} header nav li:nth-of-type(5):after{-webkit-transition:width 0.3s, height 0.3s, background-color 0.3s, -webkit-transform 0.3s;transition:width 0.3s, height 0.3s, background-color 0.3s, transform 0.3s;} @media (min-width: 768px) and (max-width: 1920px) { header nav li:nth-of-type(6){display:none;} } header nav li:first-child{margin-left:0;padding-left:0;} header nav li:first-child:before{display:none;} header nav li h2{color:#7d859c;font-size:15px;} header nav .coach_gnb{position:relative;} header nav .coach_gnb:after{content:"";position:absolute;top:-28px;left:56px;width:15px;height:20px;background:url(/images/common/sprite.png) no-repeat -3px -90px;} header .logout_menu{position:absolute;top:20px;right:0;} header .logout_menu a{float:left;display:block;height:40px;margin-left:5px;width:95px;line-height:36px;color:#4f5a78;font-size:14px;text-align:center;border:solid 2px #151e36;border-radius:5px;transition: 0.2s} header .logout_menu a:hover{color:#7d859c;border-color:#4F5A78} header .logout_menu a:first-child{width:80px;} header .gnb_sidewrap{float:right;margin-top:20px;} header #alarm_wrap{position:relative;float:left;margin:13px 15px 0 0;} header #alarm_wrap .alarm{width:14px;height:15px;vertical-align:top;cursor:pointer;} header #alarm_wrap .alarm:before{width:14px;height:15px;background-position:-91px -48px;} header #alarm_wrap .alarm:hover:before{width:14px;height:15px;background-position:-123px -48px;} header #alarm_wrap.opn .alarm:before{width:14px;height:15px;background-position:-155px -48px;} header #alarm_wrap .alarm.new:after{content:"";position:absolute;top:-4px;left:7px;width:12px;height:12px;background:url(/images/common/sprite.png) no-repeat -195px -50px;} .main_wrapper header #alarm_wrap .alarm.new:after{content:"";position:absolute;top:-4px;left:7px;width:12px;height:12px;background:url(/images/common/sprite.png) no-repeat -212px -50px;} .main_wrapper header #alarm_wrap.opn .alarm:before{width:14px;height:15px;background-position:-155px -48px;} .main_wrapper header #alarm_wrap .alarm.new:before{width:14px;height:15px;background-position:-146px -70px;} .main_wrapper header #alarm_wrap .alarm.new:hover:before{width:14px;height:15px;background-position:-165px -70px;} .main_wrapper header #alarm_wrap.opn .alarm.new:before{width:14px;height:15px;background-position:-184px -70px;} .main_wrapper header #alarm_wrap.opn .alarm.new:hover:before{width:14px;height:15px;background-position:-184px -70px;} header #alarm_wrap .alarm_box{z-index:100;display:none;position:absolute;top:27px;left:-145px;width:304px;background:url(/images/common/alarm_bg_top.png) no-repeat center 0;} header #alarm_wrap.opn .alarm_box{display:block;} header #alarm_wrap .alarm_box:before{content:"";position:absolute;top:-6px;left:50%;margin-left:-5px;width:11px;height:6px;border-top:solid 6px none;border-left:solid 6px transparent;border-right:solid 6px transparent;border-bottom:solid 6px #fff;} header #alarm_wrap .alarm_box .alarm_top{height:50px;padding:15px 0 0 12px;} header #alarm_wrap .alarm_box .alarm_top b{padding-left:20px;font-size:15px;color:#323638;font-weight:700;} header #alarm_wrap .alarm_box .alarm_top.new strong{background-position:-14px -10px;} header #alarm_wrap .alarm_box .alarm_top strong{display:inline-block;width:20px;height:20px;margin-left:6px;line-height:20px;text-align:center;vertical-align:middle;font-size:11px;color:#fff;background:url(/images/common/sprite.png) no-repeat -204px -151px;font-family:Verdana;} header #alarm_wrap .alarm_box .alarm_top span{position:absolute;top:19px;right:31px;width:13px;height:12px;cursor:pointer;} header #alarm_wrap .alarm_box .alarm_top span:before{width:13px;height:12px;background-position:-99px -9px;} header #alarm_wrap .alarm_box ul{padding:0 14px 0 10px;background:url(/images/common/alarm_bg.png) repeat-y center 0;} header #alarm_wrap .alarm_box ul li{position:relative;border-top:solid 1px #e6e9ed;padding:18px 20px;} header #alarm_wrap .alarm_box ul li:hover{background:#f5f6f7;} header #alarm_wrap .alarm_box ul li p{width:185px;color:#323638;font-size:14px;line-height:1.4;} header #alarm_wrap .alarm_box ul li span{display:block;padding-top:6px;color:#bbc0c4;font-size:12px;} header #alarm_wrap .alarm_box ul li i{position:absolute;top:20px;right:19px;width:8px;height:8px;} header #alarm_wrap .alarm_box ul li i:before{width:8px;height:8px;background-position:-259px -13px;} header #alarm_wrap .alarm_box ul li i.new:before{width:8px;height:8px;background-position:-229px -13px;} header #alarm_wrap .alarm_box ul li.al_empty:hover{background:#fff;} header #alarm_wrap .alarm_box ul li.al_empty p{width:100%;padding:20px 0 19px 99px;font-size:14px;color:#bbc0c4;} header #alarm_wrap .alarm_box ul li.al_empty p:before{top:8px;left:47px;width:40px;height:40px;background-position:-145px -151px;} header #alarm_wrap .alarm_box .alarm_link{height:54px;padding:0 14px 0 10px;text-align:center;background:url(/images/common/alarm_bg_bot.png) no-repeat center 0;} header #alarm_wrap .alarm_box .alarm_link a{display:block;padding-top:13px;color:#288eed;font-size:13px;border-top:solid 1px #e6e9ed;} header #mygnb{float:right;cursor:pointer;} header #mygnb .mygnb_name b{float:left;display:block;height:40px;line-height:36px;padding:0 22px 0 21px;font-size:14px;color:#4f5a78;border:solid 2px #151e36;border-right:none;border-radius:2px 0 0 2px;} header #mygnb .mygnb_name .mymenu{float:left;width:40px;height:40px;padding:10px 12px;border:solid 2px #151e36;border-radius:0 2px 2px 0;} header #mygnb .mygnb_name .mymenu .navicon_line{width:13px;height:2px;margin-bottom:3px;background:#4f5a78;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} header #mygnb:hover .mygnb_name .mymenu .navicon_line{background:#7d859c;} header #mygnb.opn .mygnb_name b,header #mygnb:hover .mygnb_name b{color:#7d859c;border-color:#1c2744;} header #mygnb.opn .mygnb_name .mymenu,header #mygnb:hover .mygnb_name .mymenu{border-color:#1c2744;} header #mygnb.opn .mygnb_name .mymenu .navicon_line{background:#7d859c;transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);position:absolute;top:39px;right:12px;width:16px;margin:0;padding:0;} header #mygnb.opn .mygnb_name .mymenu .navicon_line:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);} header #mygnb .mygnb_box{z-index:100;display:none;position:absolute;top:60px;right:-14px;} header #mygnb.opn .mygnb_box{display:block;} header #mygnb.opn .mygnb_box ul li:first-child{width:159px;height:40px;background:url(/images/common/mygnb_top.png) no-repeat center 0;} header #mygnb.opn .mygnb_box ul li:first-child a{border-radius:2px 2px 0 0;} header #mygnb.opn .mygnb_box ul li:first-child a:hover{border-radius:2px 2px 0 0;} header #mygnb.opn .mygnb_box ul li{width:159px;padding:0 14px 0 10px;background:url(/images/common/mygnb_bg.png) repeat-y center 0;} header #mygnb.opn .mygnb_box li a{display:block;line-height:38px;height:40px;padding:0 19px;font-size:13px;color:#323638;background:#fff;} header #mygnb.opn .mygnb_box li a:hover{color:#fff;background:#115891;} header #mygnb.opn .mygnb_box .logout{display:block;line-height:41px;width:159px;height:56px;padding:0 14px 0 10px;background:url(/images/common/mygnb_bot.png) no-repeat center 0;cursor:pointer;} header #mygnb.opn .mygnb_box .logout b:before{content:"";position:absolute;top:12px;left:22px;width:15px;height:16px;background:url(/images/common/sprite.png) no-repeat -189px -8px;} header #mygnb.opn .mygnb_box .logout b{position:relative;display:block;padding-left:45px;background:#fff;font-size:13px;color:#115891;} header #mygnb.opn .mygnb_box .logout b:hover{color:#fff;background:#115891;} header #mygnb.opn .mygnb_box .logout b:hover:before{background-position:-164px -8px;} #quick_top{z-index:99;position:fixed;right:40px;bottom:40px;width:50px;height:50px;background:url(/images/common/quick_top_icon.png) no-repeat 0 0;background-size:100% 100%;overflow:hidden;cursor:pointer;transform:rotate(0deg) translateZ(1px);-webkit-transform:rotate(0deg) translateZ(1px);-moz-transform:rotate(0deg) translateZ(1px);-o-transform:rotate(0deg) translateZ(1px);-ms-transform:rotate(0deg);-webkit-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275)} #quick_top.rotate{transform:rotate(180deg) translateZ(1px);-webkit-transform:rotate(180deg) translateZ(1px);-moz-transform:rotate(180deg) translateZ(1px);-o-transform:rotate(180deg) translateZ(1px);-ms-transform:rotate(180deg)} #user_tip{z-index:99;position:fixed;right:40px;bottom:100px;width:50px;height:50px;background:url(/images/common/user_tip_icon.png) no-repeat 0 0;background-size:100% 100%;overflow:hidden;cursor:pointer;transform:rotate(0deg) translateZ(1px);-webkit-transform:rotate(0deg) translateZ(1px);-moz-transform:rotate(0deg) translateZ(1px);-o-transform:rotate(0deg) translateZ(1px);-ms-transform:rotate(0deg);-webkit-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);font-size:0;} #user_tip:hover{background:url(/images/common/user_tip_icon_on.png) no-repeat 0 0;transition:.5s;} #user_tip_txt{display:none;width:500px;position:fixed;left:0;top:0;z-index:98;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 2px 5px 2px #c3c3c3;box-shadow:0 2px 5px 2px #c3c3c3;} #user_tip_txt .clse_b{width:20px;height:20px;position:absolute;top:20px;right:20px;z-index:1;background:url(/images/common/close_w.png) no-repeat 0 0;cursor:pointer;} #user_tip_txt h1{padding:38px 0;background-color:#48637b;color:#fff;text-align:center;font-size:30px;font-weight:700;border-radius:5px 5px 0 0;} #user_tip_txt h1 b{display:block;padding-bottom:10px;font-size:15px;} #user_tip_txt ol{padding:65px;} #user_tip_txt li{margin-top:30px;} #user_tip_txt li:first-child{margin-top:0;} #user_tip_txt li b{display:block;color:#3da0f3;font-size:24px;font-weight:700;font-style:italic;} #user_tip_txt li p{color:#353637;font-size:14px;line-height:1.2;word-break:keep-all; } #user_tip_txt li strong{font-weight:700;} .footer_m,.logo_m{display: none} footer{min-width:1120px;width:100%;height:280px;background:#29303a;} footer .footer_row1{position:relative;} footer .footer_row1:after{content:"";display:block;clear:both;} footer .footer_row1 .logo_footer{position:absolute;left:0;top:33px;width:153px;height:27px;background:url('/images/common/logo_footer2.png')no-repeat;text-indent:-9999px;font-size:0;} footer .footer_row1 .logo_footer02{position:absolute;left:170PX;top:33px;width:122px;height:27px;background:url('/images/common/logo_footer02.png')no-repeat;text-indent:-9999px;font-size:0;} footer .footer_row1 .logo_footer03{position:absolute;left:303PX;top:33px;width:122px;height:27px;background:url('/images/common/logo_footer03.png')no-repeat;text-indent:-9999px;font-size:0;} footer .footer_row1 .footer_menu{float:right;padding-top:45px;} footer .footer_row1 .footer_menu ul:after{content:"";display:block;clear:both;} footer .footer_row1 .footer_menu li{float:left;} footer .footer_row1 .footer_menu li a{position:relative;display:inline-block;padding-left:30px;font-size:15px;color:#8c96a4;} footer .footer_row1 .footer_menu li a:before{content:"";position:absolute;top:1px;left:13px;width:1px;height:13px;background:#59646c} footer .footer_row1 .footer_menu li:first-child a{padding-left:0;} footer .footer_row1 .footer_menu li:first-child a:before{display:none;} footer .footer_row2{position:relative;padding-top:30px;} footer .footer_row2 .f_address p{padding-bottom:13px;font-size:14px;color:#5c6573;} footer .footer_row2 .f_address p.cs_add{padding-bottom:20px;color:#8c96a4;} footer .footer_row2 .f_address p.cs_add b{display:inline-block;padding-right:10px;color:#8caecf;font-weight:700;} footer .footer_row2 .f_address p span {display:inline-block;width:1px;height:10px;line-height:14px;margin:0 13px 0 12px;background:#464e5a;} footer .footer_row2 .footer_menu dl{float:left;margin-left:60px;} footer .footer_row2 .footer_menu dl:first-child{margin-left:0;} footer .footer_row2 .footer_menu dt{padding-bottom:20px;color:#8caecf;font-weight:700;} footer .footer_row2 .footer_menu dd a{display:block;padding-bottom:16px;color:#8c96a4;font-size:15px;} footer .footer_row2 .sns{position:absolute;top:100px;right:0;} footer .footer_row2 .sns li:first-child{margin-left:0;} footer .footer_row2 .sns li{overflow:hidden;float:left;width:40px;margin-left:10px;} footer .footer_row2 .sns li a{display:block;width:40px;height:40px;font-size:0;} footer .footer_row2 .sns li a.face {background:url('/images/common/ico_facebook2.png') no-repeat 0 0;} footer .footer_row2 .sns li a.face:hover {background:url('/images/common/ico_facebook2_on.png') no-repeat 0 0;} footer .footer_row2 .sns li a.cacaoplus {background:url('/images/common/ico_cacaoplus.png') no-repeat 0 0;} footer .footer_row2 .sns li a.cacaoplus:hover {background:url('/images/common/ico_cacaoplus_on.png') no-repeat 0 0;} /* field ***************************************************************************/ #container .field_wrapper{min-height:600px;padding:0 0 100px;background:#e6e9ed;} #container .field_head{background:#151e36;} #container .field_head h1{padding:31px 0 30px;border-bottom:solid 2px #1c2744;text-align:center;color:#fff;font-size:24px;font-weight:700;} #container .field_head .field_category_wrap{padding:29px 0 20px;} #container .field_head .field_category_wrap ul li{float:left;width:180px;height:50px;margin-left:8px;margin-bottom:10px;border-radius:5px;background:#1c2744;color:#fff;text-align:center;line-height:50px;cursor:pointer; } #container .field_head .field_category_wrap ul li:hover{-webkit-box-shadow:0 1px 2px 1px #11192c;box-shadow:0 1px 2px 1px #11192c;} #container .field_head .field_category_wrap ul li a{color:#fff;display:block;} #container .field_head .field_category_wrap ul li:nth-child(6n+7),#container .field_head .field_category_wrap ul li:first-child{margin-left:0;} #container .field_list .field_srch_wrap{margin-bottom:30px;} #container .field_list .list_empty_ment{position:relative;padding:128px 30px 60px;border:solid 1px #d7dade;border-radius:5px;text-align:center;color:#999da1;font-size:16px;} #container .field_list .list_empty_ment:before{content:"";position:absolute;top:60px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/icon_empty01.png) no-repeat 0 0;} #container .field_list .list_empty_ment2{padding:30px 0 20px;font-size:18px;color:#353738;font-weight:700;} /* field_head - SB */ #container .field_list .field_srch_wrap .field_srch_top{margin:30px 0 11px;} #container .field_list .field_srch_wrap .field_srch_top .fb ul{float: left; margin-left:11px; width: 140px; height: 50px; background: url(/images/sub/coachList_bg.png) no-repeat 0 0;} #container .field_list .field_srch_wrap .field_srch_top .fb ul li{float: left; display: inline-block; cursor: pointer;} #container .field_list .field_srch_wrap .field_srch_top .fb ul li a{display: inline-block; width: 70px; height: 50px;} #container .field_list .field_srch_wrap .field_srch_top .fb ul li a img{float: left; display: inline-block; cursor: pointer; opacity: 0;} #container .field_list .field_srch_wrap .field_srch_top .fb ul li.on a img{opacity: 1;} #container .field_list .field_srch_wrap .field_srch_top .fr p{float:left;color:#6b6e70;font-size:15px;line-height:50px;} #container .field_list .field_srch_wrap .field_srch_top .fr ul{float:right;width:190px;height:50px;padding:3px;margin-left:11px;line-height:44px;background:#fff;border-radius:33px;} #container .field_list .field_srch_wrap .field_srch_top .fr ul li{float:left;text-align:center;cursor:pointer;} #container .field_list .field_srch_wrap .field_srch_top .fr ul li.on{width:94px;background:#3da0f2;border-radius:33px;color:#fff;cursor:default;} #container .field_list .field_srch_wrap .field_srch_top .fr ul li a{display:block;width:90px;height:44px;line-height:44px;color:#999da1;font-size:15px;} #container .field_list .field_srch_wrap .field_srch_top .fr ul li.on a{display:block;color:#fff;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select{position:relative;float:left;width:550px;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select:before{z-index:1;content:"";position:absolute;top:18px;left:18px;width:23px;height:22px;background:url(/images/common/sprite.png) no-repeat 0 -284px;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .nice-select{height:60px;padding:5px 35px 0 50px;border-radius:5px;border:2px solid #d7dade;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .nice-select:after{top:25px;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .nice-select .current{border:none;padding-top:17px;color:#999da1;} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .list li:first-child{color:#999da1} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .list li.selected.focus:first-child{color:#fff} #container .field_list .field_srch_wrap .field_srch_bottom .ui_select .list li:first-child:hover,#container .field_list .field_srch_wrap .field_srch_bottom .ui_select .list li:first-child:focus{color:#fff} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar{float:left;margin-left:20px;position:relative;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar input{position:relative;width:550px;height:60px;padding: 0 55px;border-radius:5px;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar input:-ms-input-placeholder{color:#999da1;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar input:-ms-input-placeholder{color:#999da1;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar input::-webkit-input-placeholder{color:#999da1;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar input::-moz-placeholder{color:#999da1;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar span:before{z-index:1;content:"";position:absolute;top:18px;left:18px;width:23px;height:25px;background:url(/images/common/sprite.png) no-repeat -73px -279px;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar button{position:absolute;top:21px;right:28px;width:16px;height:16px;font-size:0;} #container .field_list .field_srch_wrap .field_srch_bottom .srch_bar button:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -110px -285px;} #container .field_list .field_program_list li{float:left;width:360px;height:340px;margin:0 0 20px 20px;-webkit-box-shadow:0 2px 1px 1px #d7d9dd;box-shadow:0 2px 1px 1px #d7d9dd;border-radius:5px;} #container .field_list .field_program_list li:hover{-webkit-box-shadow:0 1px 4px 1px #afb0b3;box-shadow:0 1px 4px 1px #afb0b3;} #container .field_list .field_program_list li:first-child{margin-left:0;} #container .field_list .field_program_list li:nth-child(3n+4){margin-left:0;} #container .field_list .field_program_list li.program_get .fpl_top{background:#fff url(/images/sub/icon_program_get.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get01 .fpl_top{background:#fff url(/images/sub/icon_program_get01.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get02 .fpl_top{background:#fff url(/images/sub/icon_program_get02.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get03 .fpl_top{background:#fff url(/images/sub/icon_program_get03.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get04 .fpl_top{background:#fff url(/images/sub/icon_program_get04.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get05 .fpl_top{background:#fff url(/images/sub/icon_program_get05.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get06 .fpl_top{background:#fff url(/images/sub/icon_program_get06.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get07 .fpl_top{background:#fff url(/images/sub/icon_program_get07.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get08 .fpl_top{background:#fff url(/images/sub/icon_program_get08.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get09 .fpl_top{background:#fff url(/images/sub/icon_program_get09.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get10 .fpl_top{background:#fff url(/images/sub/icon_program_get10.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.get11 .fpl_top{background:#fff url(/images/sub/icon_program_get11.png) no-repeat 26px 29px;} #container .field_list .field_program_list li.program_career .fpl_top{background:#fff url(/images/sub/icon_program_car.png) no-repeat 26px 29px} #container .field_list .field_program_list li.career01 .fpl_top{background:#fff url(/images/sub/icon_program_car01.png) no-repeat 26px 29px} #container .field_list .field_program_list li.career02 .fpl_top{background:#fff url(/images/sub/icon_program_car02.png) no-repeat 26px 29px} #container .field_list .field_program_list li.career03 .fpl_top{background:#fff url(/images/sub/icon_program_car03.png) no-repeat 26px 29px} #container .field_list .field_program_list li.program_found .fpl_top{background:#fff url(/images/sub/icon_program_fun.png) no-repeat 26px 29px} #container .field_list .field_program_list li.found01 .fpl_top{background:#fff url(/images/sub/icon_program_fun01.png) no-repeat 26px 29px} #container .field_list .field_program_list li.found02 .fpl_top{background:#fff url(/images/sub/icon_program_fun02.png) no-repeat 26px 29px} #container .field_list .field_program_list li.found03 .fpl_top{background:#fff url(/images/sub/icon_program_fun03.png) no-repeat 26px 29px} #container .field_list .field_program_list li .fpl_top{position:relative;border-radius:5px 5px 0 0;} #container .field_list .field_program_list li .fpl_top>a{display:block;height:100px;padding:29px 30px 21px 89px;} #container .field_list .field_program_list li .fpl_top:before{content:"";position:absolute;top:0;left:0;width:100%;height:10px;border-radius:5px 5px 0 0;} #container .field_list .field_program_list li.program_get .fpl_top:before{background:#76b804;} #container .field_list .field_program_list li.program_career .fpl_top:before{background:#e34f8e;} #container .field_list .field_program_list li.program_found .fpl_top:before{background:#7555b8;} #container .field_list .field_program_list li .fpl_top p{font-weight:700;font-size:20px;padding-bottom:12px;color:#353738;} #container .field_list .field_program_list li.program_get:hover .fpl_top p{color:#76b804;} #container .field_list .field_program_list li.program_career:hover .fpl_top p{color:#e34f8e;} #container .field_list .field_program_list li.program_found:hover .fpl_top p{color:#7555b8;} #container .field_list .field_program_list li .fpl_top i{font-size:14px;color:#6b6e70;} #container .field_list .field_program_list li .fpl_top .inter_chk{z-index:2;position:absolute;top:28px;right:30px;padding:0;height:24px;} #container .field_list .field_program_list li .fpl_top span{position:absolute;top:65px;right:30px;font-size:13px;color:#fff;} #container .field_list .field_program_list li .fpl_top span i{display:inline-block;vertical-align:top;width:83px;height:14px;} #container .field_list .field_program_list li .fpl_top span i.review_star1{background:url(/images/sub/mstart.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li .fpl_top span i.review_star2{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li .fpl_top span i.review_star3{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_b.png),url(/images/sub/mstart_b.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li .fpl_top span i.review_star4{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_b.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li .fpl_top span i.review_star5{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} /* #container .field_list .field_program_list li.program_career .fpl_top span i.review_star1{background:url(/images/sub/mstart.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_career .fpl_top span i.review_star2{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_career .fpl_top span i.review_star3{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_c.png),url(/images/sub/mstart_c.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_career .fpl_top span i.review_star4{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_c.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_career .fpl_top span i.review_star5{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_found .fpl_top span i.review_star1{background:url(/images/sub/mstart.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_found .fpl_top span i.review_star2{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_found .fpl_top span i.review_star3{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_f.png),url(/images/sub/mstart_f.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_found .fpl_top span i.review_star4{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart_f.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} #container .field_list .field_program_list li.program_found .fpl_top span i.review_star5{background:url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png),url(/images/sub/mstart.png);background-repeat:no-repeat;background-position:0,16px,32px,48px,64px;} */ #container .field_list .field_program_list li .fpl_bot{position:relative;background:#fff;border-radius:0 0 5px 5px;} #container .field_list .field_program_list li .fpl_bot .row01{padding:0 30px 19px;} #container .field_list .field_program_list li .fpl_bot .row01:after,#container .field_list .field_program_list li .fpl_bot .row02:after{content:"";display:block;clear:both;} #container .field_list .field_program_list li .fpl_bot .row01 p{width:100%;margin-bottom:20px;background:#f5f6f7;border-radius:5px;display:table;height:78px;padding:20px 26px;overflow:hidden;color:#999da1;font-size:14px;line-height:1.4;} #container .field_list .field_program_list li .fpl_bot .row01 p span{display:table-cell;vertical-align:middle;} #container .field_list .field_program_list li .fpl_bot .row01 .price{float:left;width:50%;font-size:18px;font-weight:900;text-align:center;line-height:35px;border-right:solid 1px #e6e9ed;color:#353738;} #container .field_list .field_program_list li .fpl_bot .row01 .price.free{color:#f74a53 !important;} #container .field_list .field_program_list li .fpl_bot .row01 .ans_day{float:left;width:50%;font-size:13px;color:#999da1;text-align:center;} #container .field_list .field_program_list li .fpl_bot .row01 .ans_day b{display:block;padding-bottom:6px;font-size:16px;color:#353738;font-weight:700;} #container .field_list .field_program_list li .fpl_bot .row02{padding:19px 30px 19px 20px;background:#f5f6f7;border-radius:0 0 5px 5px;} #container .field_list .field_program_list li .fpl_bot .row02 figure{position:relative;float:left;width:70px;height:50px;padding-top:5px;overflow:hidden;border-radius:2px;background:#f1f1f1;text-align:center;} #container .field_list .field_program_list li .fpl_bot .row02 figure img{height:40px;border-radius:2px;overflow:hidden;} #container .field_list .field_program_list li .fpl_bot .row02 figure:after{content:"";position:absolute;top:0;left:0;width:70px;height:50px;background:url(/images/sub/fpl_bg.png) no-repeat 0 0;} #container .field_list .field_program_list li .fpl_bot .row02 strong{float:left;display:table;height:50px;color:#353738;font-size:15px;font-weight:700;} #container .field_list .field_program_list li .fpl_bot .row02 strong span{display:table-cell;vertical-align:middle;} #container .field_list .field_program_list li .fpl_bot .row02 strong b{display:block;padding-top:10px;color:#115891;font-size:13px;font-weight:400;} #container .field_list .field_program_list li .fpl_bot button{z-index:2;position:absolute;bottom:19px;right:30px;width:100px;height:40px;line-height:40px;font-size:15px;background:#3da0f2;} /* #container .field_list .field_program_list li.program_get .fpl_bot .row02 button{background:#3da0f2;} #container .field_list .field_program_list li.program_career .fpl_bot .row02 button{background:#477df8;} #container .field_list .field_program_list li.program_found .fpl_bot .row02 button{background:#716df2;} #container .field_list .field_program_list li.program_get .fpl_bot .row01 .price{color:#3da0f2;} #container .field_list .field_program_list li.program_career .fpl_bot .row01 .price{color:#477df8;} #container .field_list .field_program_list li.program_found .fpl_bot .row01 .price{color:#716df2;} */ /*field_consultant_list (Old)*/ #container .field_consultant_list_old li{float:left;width:265px;margin:0 0 20px 19px;-webkit-box-shadow:0 1px 2px 1px #cccfd4;box-shadow:0 1px 2px 1px #cccfd4;} #container .field_consultant_list_old li:hover{-webkit-box-shadow:0 2px 3px 1px #b1b3bb;box-shadow:0 2px 3px 1px #b1b3bb;} #container .field_consultant_list_old li:first-child{margin-left:0;} #container .field_consultant_list_old li:nth-child(4n+5){margin-left:0;} #container .field_consultant_list_old li .fcl_top{position:relative;width:265px;height:238px;text-align:center;} #container .field_consultant_list_old li .fcl_top figure:after{z-index:1;content:"";position:absolute;top:0;left:0;width:265px;height:238px;background:url(/images/sub/fcl_bg.png) no-repeat 0 0;} #container .field_consultant_list_old li:hover .fcl_top figure:after{z-index:1;content:"";position:absolute;top:0;left:0;width:265px;height:238px;background:url(/images/sub/fcl_bg_hover.png) no-repeat 0 0;} #container .field_consultant_list_old li .fcl_top figure{position:relative;width:265px;height:238px;overflow:hidden;} #container .field_consultant_list_old li .fcl_top figure img{height:140px;overflow:hidden;margin-top:23px;} #container .field_consultant_list_old li .fcl_top strong{z-index:2;position:absolute;top:180px;left:0;width:100%;font-size:18px;color:#353738;font-weight:700;} #container .field_consultant_list_old li .fcl_top strong b{display:block;padding-top:8px;font-size:14px;color:#115891;font-weight:400;} #container .field_consultant_list_old li .fcl_top .inter_heart{z-index:1;position:absolute;top:20px;left:20px;color:#999da1;font-size:13px;} #container .field_consultant_list_old li .fcl_top .inter_heart img{display:block;margin-bottom:8px;} #container .field_consultant_list_old li .fcl_bot{background:#f5f6f7;text-align:center;border-radius:0 0 5px 5px;} #container .field_consultant_list_old li .fcl_bot .row01:after,#container .field_consultant_list_old li .fcl_bot .row02:after{content:"";display:block;clear:both;} #container .field_consultant_list_old li .fcl_bot .row01{padding:20px 21px 15px;} #container .field_consultant_list_old li .fcl_bot .row01 span{float:left;width:33%;color:#999da1;font-size:13px;letter-spacing:-.7px;} #container .field_consultant_list_old li .fcl_bot .row01 span b{display:block;padding-bottom:8px;color:#353738;font-size:16px;font-weight:700;} #container .field_consultant_list_old li .fcl_bot .row02{padding:0 20px 17px;} #container .field_consultant_list_old li .fcl_bot .row02 span{float:left;height:25px;width:50px;margin-right:5px;line-height:25px;color:#fff;font-size:12px;border-radius:2px;text-align:center;} #container .field_consultant_list_old li .fcl_bot .row02 span:last-child{margin-right:0;} #container .field_consultant_list_old li .fcl_bot .row02 span.cate_career{width:115px;} #container .pagenate #paging{padding-top:10px;} /*field_consultant_list (new)*/ #container .field_consultant_list li{float:left; width: 265px; margin: 0 0 20px 19px;} #container .field_consultant_list li:hover{-webkit-box-shadow: 0 2px 3px 1px #b1b3bb; box-shadow: 0 2px 3px 1px #b1b3bb;} #container .field_consultant_list li:first-child{margin-left: 0;} #container .field_consultant_list li .fcl_top{position: relative; width: 265px; height: 238px; text-align: center;} #container .field_consultant_list li .fcl_top figure:after{z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 265px; height: 238px; background: url(/images/sub/fcl_bg03.png) no-repeat 0 0;} #container .field_consultant_list li:hover .fcl_top figure:after{z-index:1; content:""; position: absolute; top: 0;left: 0; width: 265px; height: 238px; background: url(/images/sub/fcl_bg03.png) no-repeat 0 0;} #container .field_consultant_list li .fcl_top figure{position:relative;width:265px;height:238px;overflow:hidden;} #container .field_consultant_list li .fcl_top figure img{height:140px; overflow:hidden; margin-top:0;} #container .field_consultant_list li .fcl_top strong{z-index: 2; position: absolute; top: 180px; left: 0; width: 100%; font-size: 18px; color:#353738; font-weight: 700;} #container .field_consultant_list li .fcl_top strong b{display: block; padding-top: 8px; font-size: 14px; color: #115891; font-weight: 400;} #container .field_consultant_list li .fcl_top .inter_heart{z-index: 1; position: absolute; top: 20px; left: 20px; color:#999da1; font-size: 13px;} #container .field_consultant_list li .fcl_top .inter_heart img{display: block; margin-bottom: 8px;} #container .field_consultant_list li .fcl_bot{background:#f5f6f7;text-align:center;border-radius:0 0 5px 5px;} #container .field_consultant_list li .fcl_bot .row01:after,#container .field_consultant_list li .fcl_bot .row02:after{content: ""; display: block; clear: both;} #container .field_consultant_list li .fcl_bot .row01{padding: 20px 21px 15px;} #container .field_consultant_list li .fcl_bot .row01 span{float: left; width: 33%; color:#999da1; font-size: 13px; letter-spacing: -.7px;} #container .field_consultant_list li .fcl_bot .row01 span b{display: block; padding-bottom: 8px; color:#353738; font-size: 16px; font-weight: 700;} #container .field_consultant_list li .fcl_bot .row02{padding: 0 20px 17px;} #container .field_consultant_list li .fcl_bot .row02 span{float: left; height: 25px; width: 50px; margin-right: 5px; line-height: 25px; color:#fff; font-size: 12px; border-radius: 2px; text-align: center;} #container .field_consultant_list li .fcl_bot .row02 span:last-child{margin-right: 0;} #container .field_consultant_list li .fcl_bot .row02 span.cate_career{width: 115px;} #container .pagenate #paging{padding-top:10px;} /* field_gongchae ****************************************************** *********************/ .gongchae_wrap{min-height:600px;padding:0 0 100px;background:#e6e9ed;} .gongchae_wrap .field_head{background:#151e36;} .gongchae_wrap .field_head h1{padding:31px 0 30px;border-bottom:solid 2px #1c2744;text-align:center;color:#fff;font-size:24px;font-weight:700;} .gongchae_wrap .field_head .field_category_left{float:left;width:744px;padding:29px 0 20px;} .gongchae_wrap .field_head .field_category_left strong{display:block;padding-bottom:15px;font-weight:700;color:#fff;font-size:16px} .gongchae_wrap .field_head .field_category_left ul li {float:left;width:180px;height:50px;margin-left:8px;margin-bottom:10px;border-radius:5px;background-color:#1c2744;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center;line-height:50px;cursor:pointer;font-size:0;} .gongchae_wrap .field_head .field_category_left ul li a{display:block;width:180px;height:50px;} .gongchae_wrap .field_head .field_category_left ul li:hover,#container .gongchae_wrap .field_head .field_category_left ul li.gobg{background-color:#fff;-webkit-box-shadow:0 1px 2px 1px #11192c;box-shadow:0 1px 2px 1px #11192c;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(4n+5),#container .gongchae_wrap .field_head .field_category_left ul li:first-child{margin-left:0;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(1){background-image:url(/images/sub/coachjob_gongchae_samsung_off.png); background-size:93px 14px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(2){background-image:url(/images/sub/coachjob_gongchae_lg_off.png);background-size:51px 22px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(3){background-image:url(/images/sub/coachjob_gongchae_sk_off.png);background-size:39px 31px} .gongchae_wrap .field_head .field_category_left ul li:nth-child(4){background-image:url(/images/sub/coachjob_gongchae_hyundai_off.png);background-size:99px 14px} .gongchae_wrap .field_head .field_category_left ul li:nth-child(5){background-image:url(/images/sub/coachjob_gongchae_kt_off.png);background-size:21px 16px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(6){background-image:url(/images/sub/coachjob_gongchae_gs_off.png);background-size:48px 25px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(7){background-image:url(/images/sub/coachjob_gongchae_cj_off.png);background-size:48px 42px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(8){background-image:url(/images/sub/coachjob_gongchae_doosan_off.png);background-size:81px 38px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(9){background-image:url(/images/sub/coachjob_gongchae_lotte_off.png);background-size:65px 13px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(10){background-image:url(/images/sub/coachjob_gongchae_kia_off.png);background-size:50px 26px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(11){background-image:url(/images/sub/coachjob_gongchae_daesang_off.png);background-size:96px 26px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(12){font-size:16px;color:#fff;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(13){font-size:16px;color:#fff;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(14){font-size:16px;color:#fff;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(1):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(1).gobg{background-image:url(/images/sub/coachjob_gongchae_samsung_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(2):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(2).gobg{background-image:url(/images/sub/coachjob_gongchae_lg_on.png);background-size:56px 26px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(3):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(3).gobg{background-image:url(/images/sub/coachjob_gongchae_sk_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(4):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(4).gobg{background-image:url(/images/sub/coachjob_gongchae_hyundai_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(5):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(5).gobg{background-image:url(/images/sub/coachjob_gongchae_kt_on.png);background-size:22px 18px;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(6):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(6).gobg{background-image:url(/images/sub/coachjob_gongchae_gs_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(7):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(7).gobg{background-image:url(/images/sub/coachjob_gongchae_cj_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(8).gobg{background-image:url(/images/sub/coachjob_gongchae_doosan_off.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(9):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(9).gobg{background-image:url(/images/sub/coachjob_gongchae_lotte_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(10):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(10).gobg{background-image:url(/images/sub/coachjob_gongchae_kia_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(11):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(11).gobg{background-image:url(/images/sub/coachjob_gongchae_daesang_on.png);} .gongchae_wrap .field_head .field_category_left ul li:nth-child(12):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(12).gobg{color:#353738;font-weight:700;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(13):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(13).gobg{color:#353738;font-weight:700;} .gongchae_wrap .field_head .field_category_left ul li:nth-child(14):hover,#container .gongchae_wrap .field_head .field_category_left ul li:nth-child(14).gobg{color:#353738;font-weight:700;} .gongchae_wrap .field_head .field_category_right {float:left;width:340px;margin-left:30px} .gongchae_wrap .field_head .field_category_right strong {display:block;padding:28px 0 15px;font-weight:700;color:#fff;font-size:16px} .gongchae_wrap .field_head .field_category_right ul {padding:30px 30px 0;border-radius:5px;background-color:#1c2744;} .gongchae_wrap .field_head .field_category_right ul:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0} .gongchae_wrap .field_head .field_category_right ul li label{color:#7d859c;font-size:15px;padding-left:30px;} .gongchae_wrap .field_head .field_category_right ul li:first-child label{color:#fff;} .gongchae_wrap .field_head .field_category_right ul li:first-child{float:none;width:100%;} .gongchae_wrap .field_head .field_category_right ul li {float:left;width:140px;padding-bottom:30px} .gongchae_wrap .gongchaeman {position:absolute;top:-20px;right:-120px} .gongchae_wrap .gongchaeman { -webkit-animation: gongchaeman 1.5s infinite; -moz-animation: gongchaeman 1.5s infinite; -o-animation: gongchaeman 1.5s infinite; animation: gongchaeman 1.5s infinite; } @keyframes gongchaeman { 0% {top:-20px} 50% {top:-10px} 100% {top:-20px} } @media (max-width:768px) { .gongchae_wrap .field_head .field_category_left {float:none;width:100%} .gongchae_wrap .field_head .field_category_left ul li:nth-child(odd) {border:1px solid red} .gongchae_wrap .field_head .field_category_left ul li:nth-child(even) {border:1px solid yellow} .gongchae_wrap .field_head .field_category_right {float:none;width:100%;margin-left:0;padding-bottom:20px} .gongchae_wrap .field_head .field_category_right ul {padding:15px 15px 0} .gongchae_wrap .field_head .field_category_right ul li {width:auto;padding-bottom:15px} .gongchae_wrap .field_head .field_category_right ul li label {font-size:13px} .gongchae_wrap .gongchaeman {display:none} } /* 공채 컨설팅 - 신청과정 Spread */ .section_gongchae_step {position:relative; background-image:url(/images/sub/sub_gongcae_bg.png)} .section_gongchae_step .btn_spread {display:block;position:absolute;left:50%;bottom:-20px;height:20px;width:115px;margin-left:-57px;border-radius:0 0 10px 10px;background-image:url(/images/sub/gongchae_step_tit02.png)} .section_gongchae_step .btn_spread .ico_arrow { margin-bottom:10px; -webkit-transform: rotate(0deg) translateZ(1px); -moz-transform: rotate(0deg) translateZ(1px); -o-transform: rotate(0deg) translateZ(1px); -ms-transform: rotate(0deg); transform: rotate(0deg) translateZ(1px); -webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .section_gongchae_step.on .btn_spread .ico_arrow { -webkit-transform: rotate(180deg) translateZ(1px); -moz-transform: rotate(180deg) translateZ(1px); -o-transform: rotate(180deg) translateZ(1px); -ms-transform: rotate(180deg); transform: rotate(180deg) translateZ(1px); } .wrap_gongchae_step {padding:60px 0} .wrap_gongchae_step .gongchae_tit {display: block; color: #fff; font-size: 25px; font-family: 'NanumSquare','나눔스퀘어', 'Sans-serif'; text-align: center;} .wrap_gongchae_step .tit {display:block;margin:0 auto} .wrap_gongchae_step .desc {height:0} .wrap_gongchae_step .desc .info { opacity:0;height:0;padding-top:60px; -webkit-transition: all 3s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 3s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 3s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .section_gongchae_step.on .wrap_gongchae_step .desc .info { opacity:1;height:auto; } @media (max-width:768px) { .section_gongchae_step {display:none} } /* field_cunsultant_detail ****************************************************** *********************/ .field_cunsultant_detail .head_profile{padding:50px 0 39px;background:#151e36;} .field_cunsultant_detail .head_profile figure{position:absolute;top:0;left:-30px;width:210px;height:150px;padding-top:4px;overflow:hidden;text-align:center;background:#151e36;vertical-align:top;} .field_cunsultant_detail .head_profile figure:after{content:"";position:absolute;top:0;left:0;width:210px;height:150px;background:url(/images/common/head_profile_bg.png) no-repeat 0 0;} .field_cunsultant_detail .head_profile figure img{height:140px;overflow:hidden;} .field_cunsultant_detail .head_profile .profile_left{float:left;width:590px;margin-left:180px;color:#fff;} .field_cunsultant_detail .head_profile .profile_left div.pl_in1{display:table;height:144px;overflow:hidden;} .field_cunsultant_detail .head_profile .profile_left div.pl_in2{display:table-cell;vertical-align:middle;} .field_cunsultant_detail .head_profile .profile_left h1{padding:10px 0 22px;font-size:34px;} .field_cunsultant_detail .head_profile .profile_left h1 b{padding-right:8px;font-weight:700;letter-spacing:-1px;} .field_cunsultant_detail .head_profile .profile_left h1 span{display:inline-block;padding-left:5px;font-size:16px;letter-spacing:-1px;} .field_cunsultant_detail .head_profile .profile_left p{max-height:78px;color:#7d859c;font-size:13px;line-height:1.5;overflow:hidden;} .field_cunsultant_detail .head_profile .profile_right{position:relative;float:right;width:330px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon{position:absolute;top:0;right:0;} .field_cunsultant_detail .head_profile .profile_right .fic_icon a{float:left;width:50px;height:50px;vertical-align:top;} .field_cunsultant_detail .head_profile .profile_right .fic_icon a:before{width:50px;height:50px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic01{margin-right:10px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic01:before{background-position:-30px -436px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic01:hover:before{background-position:-30px -380px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic01.on:before{background-position:-30px -324px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic01.on:hover:before{background-position:-90px -324px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic02:before{background-position:-90px -436px;} .field_cunsultant_detail .head_profile .profile_right .fic_icon .fic02:hover:before{background-position:-90px -380px;} .field_cunsultant_detail .head_profile .profile_right .cha_txt{float:right;margin-top:84px;text-align:center;} .field_cunsultant_detail .head_profile .profile_right .cha_txt span{float:left;position:relative;display:block;padding:0 25px;color:#7d859c;letter-spacing:-1px;} .field_cunsultant_detail .head_profile .profile_right .cha_txt span b{display:block;padding-bottom:14px;color:#fff;font-size:26px;} .field_cunsultant_detail .head_profile .profile_right .cha_txt span.c_first{padding-left:0} .field_cunsultant_detail .head_profile .profile_right .cha_txt span.c_last{padding-right:0} .field_cunsultant_detail .head_profile .profile_right .cha_txt span.c_mid .normal{font-size:24px;} .field_cunsultant_detail .head_profile .profile_right .cha_txt span.c_mid:after{content:"";position:absolute;top:0;right:0;width:1px;height:55px;background:#1c2744;} .field_cunsultant_detail .head_profile .profile_right .cha_txt span.c_last:before{content:"";position:absolute;top:0;left:0;width:1px;height:55px;background:#1c2744;} .field_cunsultant_detail .head_tab{border-top:solid 2px #1c2744;background:#151e36} .field_cunsultant_detail .head_tab.fixed{position:fixed;top:0;z-index:100;width:100%;} .field_cunsultant_detail .group_program .group_wrap.fixed{padding-top:130px;} .field_cunsultant_detail .group_program .group_wrap.fixed .srch_cond{top:120px;} .field_cunsultant_detail .head_tab li{float:left;width:33.33%;border-right:solid 2px #1c2744;} .field_cunsultant_detail .head_tab li:first-child{border-left:solid 2px #1c2744;} .field_cunsultant_detail .head_tab li span{display:block;height:78px;line-height:78px;color:#4f5a78;font-size:20px;background:#151e36;font-weight:700;cursor:pointer;} .field_cunsultant_detail .head_tab li span.on{background:#101224;color:#3da0f2;} .field_cunsultant_detail .head_tab li span.tabmenu01{padding-left:145px;} .field_cunsultant_detail .head_tab li span.tabmenu02{padding-left:162px;} .field_cunsultant_detail .head_tab li span.tabmenu03{padding-left:155px;} .field_cunsultant_detail .head_tab li span.tabmenu01:before{top:25px;left:100px;width:30px;height:30px;background-position: -200px -363px;} .field_cunsultant_detail .head_tab li span.tabmenu02:before{top:28px;left:117px;width:30px;height:25px;background-position: -244px -363px;} .field_cunsultant_detail .head_tab li span.tabmenu03:before{top:25px;left:110px;width:30px;height:30px;background-position: -285px -363px;} .field_cunsultant_detail .head_tab li span.tabmenu01.on:before{background-position: -200px -402px;} .field_cunsultant_detail .head_tab li span.tabmenu02.on:before{background-position: -244px -402px;} .field_cunsultant_detail .head_tab li span.tabmenu03.on:before{background-position: -285px -402px;} .field_cunsultant_detail .group_wrap{padding:50px 0;} .field_cunsultant_detail .group_program .group_wrap{padding:50px 0 37px;} .field_cunsultant_detail .group_wrap h1{padding:0 0 24px 40px;color:#353738;font-size:24px;font-weight:700;} .field_cunsultant_detail .group_wrap h1 span{font-weight:400;} .field_cunsultant_detail .group_program{background:#e6e9ed;} .field_cunsultant_detail .group_program h1:before{top:-4px;width:30px;height:30px;background-position: -200px -325px;} .field_cunsultant_detail .group_review h1:before{top:-4px;} .field_cunsultant_detail .group_program .srch_cond{position:absolute;top:40px;right:0;} #ing_consulting{z-index:100;position:fixed;bottom:130px;right:40px;width:260px;height:170px;background:#101224;border-radius:5px;text-align:center;} #ing_consulting .close{position:absolute;top:15px;right:15px;width:11px;height:11px;background:url(/images/common/aside_delx.png) no-repeat 0 0;font-size:0;cursor:pointer;} #ing_consulting p{padding:97px 0 29px 0;color:#3da0f2;font-size:14px;line-height:1.5;} #ing_consulting p strong{color:#f5f6f7;font-size:14px;} #ing_consulting figure{position:absolute;top:39px;left:50%;width:60px;height:40px;margin-left:-30px;overflow:hidden;text-align:center;background:#fff;} #ing_consulting figure:after{content:"";position:absolute;top:0;left:0;width:60px;height:40px;background:url(/images/common/ing_consulting_bg.png) no-repeat 0 0;} #ing_consulting figure img{height:40px;overflow:hidden;} #ing_consulting .ling{-webkit-animation-name:ling;animation-name:ling;-webkit-animation:ling 1.5s linear infinite;animation: ling 1.5s linear infinite;z-index:101;position:absolute;top:32px;left:50%;width:54px;height:54px;margin-left:-27px;background:url(/images/common/ing_consulting.png) no-repeat 0 0;} @-webkit-keyframes ling{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @keyframes ling{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } /*로컬네비게이션 lnb*/ /*header nav {margin-left: 90px;} 아람수정*/ #container .lnb {width: 100%;border-bottom: 2px solid #1C2744;border-top: 2px solid #1C2744;} #container .lnb ul {overflow: hidden;width: 1120px;margin: 0 auto;} #container .lnb ul li{box-sizing: border-box;width: 33.33%;float: left;border-left: 2px solid #1C2744;transition: 0.2s} #container .lnb ul li:last-child {border-right: 2px solid #1C2744;} #container .lnb ul li.lnb01 div {background: url('/images/sub/ic_lnb01_off.png') no-repeat center center} #container .lnb ul li.lnb02 div {background: url('/images/sub/ic_lnb02_off.png') no-repeat center center} #container .lnb ul li.lnb03 div {background: url('/images/sub/ic_lnb03_off.png') no-repeat center center} #container .lnb ul li.lnb01.lnb_on div, #container .lnb ul li.lnb01 div:hover {background: url('/images/sub/ic_lnb01_on.png') no-repeat center center} #container .lnb ul li.lnb02.lnb_on div, #container .lnb ul li.lnb02 div:hover {background: url('/images/sub/ic_lnb02_on.png') no-repeat center center} #container .lnb ul li.lnb03.lnb_on div, #container .lnb ul li.lnb03 div:hover {background: url('/images/sub/ic_lnb03_on.png') no-repeat center center} #container .lnb ul li div {transition: 0.2s} #container .lnb ul li:hover, #container .lnb ul li.lnb_on {background: #101224} #container .lnb ul li div a {display: inline-block;text-align: center;font-size: 0;width: 100%;height: 65px} #container .group_program_list li{position:relative;float:left;width:270px;height:270px;border-radius:5px;margin:0 13px 15px 0;-webkit-box-shadow:0 1px 1px 1px #d7d9dd;box-shadow:0 1px 1px 1px #d7d9dd;} #container .group_program_list li:nth-child(4n+4){margin-right:0;} #container .group_program_list li.program_get .p_top{background:#76b804} #container .group_program_list li.program_career .p_top{background:#e34f8e} #container .group_program_list li.program_found .p_top{background:#7555b8} #container .group_program_list li .p_top{height:97px;padding:25px 0 0 24px;background:#fff;border-radius:5px 5px 0 0;} #container .group_program_list li .p_top p{padding-bottom:15px;color:#fff;font-size:20px;font-weight:700;} #container .group_program_list li .p_top i{color:#fff;font-size:14px;opacity:0.8;} #container .group_program_list li .p_top .inters{z-index:2;position:absolute;top:20px;right:20px;} #container .group_program_list li .p_bot{height:173px;padding:0 25px 24px;background:#fff;border-radius:0 0 5px 5px;} #container .group_program_list li .p_bot p{height:73px;padding:17px 0;border-bottom:solid 1px #d7dade;color:#999da1;font-size:14px;line-height:1.4;overflow:hidden;} #container .group_program_list li .p_bot .price{position:relative;display:block;height:50px;line-height:50px;padding:0 0 0 119px;font-size:18px;font-weight:900;color:#353738;} #container .group_program_list li .p_bot .price.free{color:#f74a53;padding-left:143px;} #container .group_program_list li .p_bot .btn{margin:15px 0 0 115px;width:90px;height:30px;line-height:30px;font-size:15px;} #container .group_program_list li.program_get .p_bot .btn{background-color:#76b804;} #container .group_program_list li.program_career .p_bot .btn{background-color:#e34f8e;} #container .group_program_list li.program_found .p_bot .btn{background-color:#7555b8;} #container .group_program_list li.program_get .p_bot .price:before{content:"";position:absolute;top:-20px;left:25px;width:50px;height:50px;background:url(/images/sub/icon_program_get.png) no-repeat 0 0;} #container .group_program_list li.get01 .p_bot .price:before{background:url(/images/sub/icon_program_get01.png) no-repeat 0 0;} #container .group_program_list li.get02 .p_bot .price:before{background:url(/images/sub/icon_program_get02.png) no-repeat 0 0;} #container .group_program_list li.get03 .p_bot .price:before{background:url(/images/sub/icon_program_get03.png) no-repeat 0 0;} #container .group_program_list li.get04 .p_bot .price:before{background:url(/images/sub/icon_program_get04.png) no-repeat 0 0;} #container .group_program_list li.get05 .p_bot .price:before{background:url(/images/sub/icon_program_get05.png) no-repeat 0 0;} #container .group_program_list li.get06 .p_bot .price:before{background:url(/images/sub/icon_program_get06.png) no-repeat 0 0;} #container .group_program_list li.get07 .p_bot .price:before{background:url(/images/sub/icon_program_get07.png) no-repeat 0 0;} #container .group_program_list li.get08 .p_bot .price:before{background:url(/images/sub/icon_program_get08.png) no-repeat 0 0;} #container .group_program_list li.get09 .p_bot .price:before{background:url(/images/sub/icon_program_get09.png) no-repeat 0 0;} #container .group_program_list li.get10 .p_bot .price:before{background:url(/images/sub/icon_program_get10.png) no-repeat 0 0;} #container .group_program_list li.get11 .p_bot .price:before{background:url(/images/sub/icon_program_get11.png) no-repeat 0 0;} #container .group_program_list li.program_career .p_bot .price:before{content:"";position:absolute;top:-20px;left:25px;;width:50px;height:50px;background:url(/images/sub/icon_program_car.png) no-repeat 0 0;} #container .group_program_list li.career01 .p_bot .price:before{background:url(/images/sub/icon_program_car01.png) no-repeat 0 0;} #container .group_program_list li.career02 .p_bot .price:before{background:url(/images/sub/icon_program_car02.png) no-repeat 0 0;} #container .group_program_list li.career03 .p_bot .price:before{background:url(/images/sub/icon_program_car03.png) no-repeat 0 0;} #container .group_program_list li.program_found .p_bot .price:before{content:"";position:absolute;top:-20px;left:25px;;width:50px;height:50px;background:url(/images/sub/icon_program_fun.png) no-repeat 0 0;} #container .group_program_list li.found01 .p_bot .price:before{background:url(/images/sub/icon_program_fun01.png) no-repeat 0 0;} #container .group_program_list li.found02 .p_bot .price:before{background:url(/images/sub/icon_program_fun02.png) no-repeat 0 0;} #container .group_program_list li.found03 .p_bot .price:before{background:url(/images/sub/icon_program_fun03.png) no-repeat 0 0;} /* #container .group_program_list li.program_get .p_bot .price{color:#f74a53} #container .group_program_list li.program_career .p_bot .price{color:#5285fa} #container .group_program_list li.program_found .p_bot .price{color:#716df2} */ .field_cunsultant_detail .group_profile{background:#f5f6f7;} .field_cunsultant_detail .group_profile h1:before{width:30px;height:25px;background-position: -244px -325px;} .field_cunsultant_detail .group_profile .group_wrap .boxs:nth-of-type(1){margin-top:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs{position:relative;padding:30px 29px;margin-top:10px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} .field_cunsultant_detail .group_profile .group_wrap .boxs h2{padding-bottom:20px;color:#353738;font-size:20px;} .field_cunsultant_detail .group_profile .group_wrap .boxs h2 .cblue2{position:relative;display:inline-block;padding-left:19px;font-size:15px;} .field_cunsultant_detail .group_profile .group_wrap .boxs h2 .cblue2:before{content:"";position:absolute;top:2px;left:9px;width:1px;height:13px;background:#d7dade;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory h2{padding-bottom:29px;margin-bottom:30px;border-bottom:solid 1px #e6e9ed;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .category{position:absolute;top:20px;left:180px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .category span{display:inline-block;height:40px;margin-right:1px;padding:0 14px;line-height:40px;border-radius:5px;color:#fff;text-align:center;font-size:14px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .col01{float:left;width:50%;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .col02{position:relative;float:left;width:50%;padding-left:30px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .colwrap{position:relative;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory .colwrap:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#e6e9ed;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory div h3{padding-bottom:20px;color:#6b6e70;font-size:15px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_territory div li{float:left;height:40px;margin:0 5px 5px 0;padding:0 10px;line-height:40px;color:#353738;font-size:14px;text-align:center;background:#d7ebfc;border-radius:3px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_corporation h2{padding-bottom:30px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_corporation li{float:left;width:200px;height:60px;margin:0 15px 15px 0;line-height:60px;color:#353738;font-size:16px;text-align:center;background:#fff;border-radius:5px;border:solid 1px #d7dade;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_corporation li:nth-child(5n+5){margin-right:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_corporation li img{height:60px;vertical-align:top;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_logout{padding:60px 0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_logout p{padding-top:70px;color:#bbc0c4;text-align:center;background:url(/images/sub/icon_key.png) no-repeat center 0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_level h2{padding-bottom:14px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_level .font_sm{font-weight:400;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_level table.tb_row03 tbody th{font-weight:400;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career{padding-bottom:9px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career h2{padding-bottom:10px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career .cblue{padding-top:15px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career .txt{padding-top:11px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career .txt:first-child{padding-top:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career .txt span{display:inline-block;width:84px;color:#999da1;font-size:15px;line-height:1.5;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career .txt b{display:inline-block;width:456px;color:#6b6e70;vertical-align:top;font-size:15px;line-height:1.5;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career table.tb_row03 tbody td.pd{padding:17px 0 16px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_career table.tb_row03 tbody th{font-weight:400;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_license li:nth-child(4n+4){margin-right:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_license li{position:relative;float:left;width:255px;height:150px;margin:0 13px 13px 0;padding:20px;border:solid 1px #dbdee1;border-radius:5px;background:url(/images/sub/icon_license.png) no-repeat 20px 20px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_license li p{height:86px;padding-top:49px;color:#353738;font-weight:700;line-height:1.2;overflow:hidden;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_license li i{display:block;padding-top:11px;color:#6b6e70;font-size:15px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_license li span{position:absolute;top:20px;right:18px;color:#6b6e70;font-size:14px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_tool li:nth-child(4n+4){margin-right:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_tool li{position:relative;float:left;width:255px;height:80px;margin:0 13px 13px 0;padding:0 42px 0 70px;border:solid 1px #dbdee1;border-radius:5px;background:url(/images/sub/c_tool.png) no-repeat 20px center;overflow:hidden;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_tool li p{display:table;height:80px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_tool li p span{display:table-cell;vertical-align:middle;color:#353738;font-weight:700;line-height:1.2;overflow:hidden;height:80px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_record div{position:relative;padding-top:18px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_record div p{color:#6b6e70;font-size:15px;line-height:1.46;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_record div:before{content:"";position:absolute;top:0;left:0;width:25px;height:1px;background:#3da0f2;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li{float:left;width:255px;margin-left:13px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li:first-child{margin-left:0;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li div{padding:17px 0 0 13px;border:solid 1px #d7dade;border-top:none;border-radius:0 0 5px 5px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li div strong{display:block;height:48px;overflow:hidden;color:#353738;font-weight:700;line-height:1.5;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li div p{padding:4px 0 14px;color:#6b6e70;font-size:15px;} .field_cunsultant_detail .group_profile .group_wrap .boxs.c_history ul li div b{display:block;padding-bottom:21px;color:#187bcc;font-size:15px;} .field_cunsultant_detail .group_review{min-height:630px;padding-bottom:50px;background:#e6e9ed;} #container .group_review h1:before{width:30px;height:30px;background-position: -285px -325px;} #container .group_review .score_box{height:120px;padding:35px 0 0 0;background:#4f5a78;border-radius:5px;} #container .group_review .score_box span{position:relative;float:left;width:20%;text-align:center;} #container .group_review .score_box span b{display:block;padding-top:17px;font-size:26px;color:#fff;} #container .group_review .score_box span:before{content:"";position:absolute;top:0;left:0;width:1px;height:60px;background:#66708a;} #container .group_review .score_box span:first-child:before{display:none;} #container .group_review .group_review_list{margin-top:10px;padding:0 30px;background:#fff;border-radius:5px;} #container .group_review .group_review_list li{position:relative;padding:30px 0;border-top:solid 1px #e6e9ed} #container .group_review .group_review_list li:first-child{border-top:none} #container .group_review .group_review_list li:after{content:"";display:block;clear:both;} #container .group_review .group_review_list li .left_box{float:left;padding-left:64px;} #container .group_review .group_review_list li .left_box b{display:block;padding:7px 0 11px;color:#6b6e70} #container .group_review .group_review_list li .left_box span{display:block;color:#999da1;font-size:14px;} #container .group_review .group_review_list li .left_box figure{position:absolute;top:30px;left:-16px;width:78px;height:50px;overflow:hidden;text-align:center;background:#fff;} #container .group_review .group_review_list li .left_box figure:after{content:"";position:absolute;top:0;left:0;width:78px;height:50px;background:url(/images/sub/group_review_profile_bg.png) no-repeat 0 0;} #container .group_review .group_review_list li .left_box figure img{height:50px;overflow:hidden;} #container .group_review .group_review_list li .right_box{float:right;width:882px;} #container .group_review .group_review_list li .right_box p{padding-top:13px;line-height:1.5;color:#353738;} #container .group_review .group_review_list .pagenate #paging{padding:30px 0;border-top:solid 1px #e6e9ed;} #container .group_review .group_review_list .review_list_empty{padding:132px 0 63px;color:#bbc0c4;text-align:center;background:url(/images/sub/icon_review_empty.png) no-repeat center 60px;} #container .group_review .noti_style01{padding-top:45px;} #container .group_review .noti_style01 li{letter-spacing:-0.7px;color:#6b6e70;font-size:14px;line-height:1.7;} /* field_request_wrap ***************************************************************************/ .field_request_wrap{padding:20px 0 100px;background:#e6e9ed;} .field_request_wrap .request_box{margin-top:50px;} .field_request_wrap .request_top_right{float:left;width:770px;padding:30px 30px 0 30px;border-radius:5px;-webkit-box-shadow:0 1px 1px 1px #d7d9dd;box-shadow:0 1px 1px 1px #d7d9dd;background:#fff;} .field_request_wrap .request_top_right .row01{position:relative;border-bottom:solid 1px #e6e9ed;padding-bottom:24px;} .field_request_wrap .request_top_right .row01 h3{padding-bottom:17px;color:#353738;font-size:24px;font-weight:700;} .field_request_wrap .request_top_right .row01 h3 span{display:inline-block;height:40px;margin-right:10px;padding:0 14px;line-height:40px;color:#fff;text-align:center;border-radius:5px;font-size:14px;font-weight:400;} .field_request_wrap .request_top_right .row01 p{width:500px;line-height:1.2;color:#6b6e70;} .field_request_wrap .request_top_right .row01 .inters{position:absolute;top:0;right:0;} .field_request_wrap .request_top_right .row01 div{position:absolute;top:60px;right:0;} .field_request_wrap .request_top_right .row01 div span{color:#999da1;font-size:14px;vertical-align:top;} .field_request_wrap .request_top_right .row01 div span.spr{padding:0 17px 0 20px;vertical-align:top;} .field_request_wrap .request_top_right .row01 div span.spr:before{width:16px;height:15px;background-position:-321px -9px;} .field_request_wrap .request_top_right .row01 div span.spr:after{content:"";position:absolute;top:1px;right:5px;width:1px;height:13px;background:#d7dade;} .field_request_wrap .request_top_right .row02{padding-bottom:10px;border-bottom:solid 1px #e6e9ed;} .field_request_wrap .request_top_right .row02 strong{display:block;padding:33px 0 10px 21px;color:#f74a53;font-size:16px;} .field_request_wrap .request_top_right .row02 strong:before{top:33px;width:16px;height:16px;background-position:-157px -332px;} .field_request_wrap .request_top_right .row02 p{overflow:hidden;color:#6b6e70;line-height:1.6;} .field_request_wrap .request_top_right .row02_2{padding:36px 0 20px;border-bottom:solid 1px #e6e9ed;} .field_request_wrap .request_top_right .row02_2 span.spr{display:block;padding:0 0 20px 23px;color:#353738;font-size:16px;} .field_request_wrap .request_top_right .row02_2 span.spr:before{width:14px;height:16px;background-position:-288px -222px;} .field_request_wrap .request_top_right .row02_2 span.spr.sprsam:before{width:15px;height:16px;background-position:-289px -254px;} .field_request_wrap .request_top_right .row02_2 ul{margin-bottom:25px;} .field_request_wrap .request_top_right .row02_2 ul:after{content:"";display:block;clear:both;} .field_request_wrap .request_top_right .row02_2 ul li{position:relative;float:left;width:200px;height:60px;text-align:center;line-height:60px;margin:0 5px 5px 0;border:solid 1px #d7dade;background:#fff;border-radius:5px;color:#6b6e70;font-size:16px;overflow:hidden;} .field_request_wrap .request_top_right .row02_2 ul li img{height:60px;overflow:hidden;} .field_request_wrap .request_top_right .row03{padding:22px 0 23px;text-align:right;color:#187bcc;font-size:14px;} .field_request_wrap .request_top_right .row03 strong{display:inline-block;padding-left:15px;font-size:24px;font-weight:700} .field_request_wrap .request_top_left{float:left;position:relative;width:330px;min-height:200px;padding:30px;margin-right:20px;border-radius:5px;background:#151e36;} .field_request_wrap .request_top_left figure{position:absolute;top:30px;left:12px;width:116px;height:84px;padding-top:4px;overflow:hidden;text-align:center;} .field_request_wrap .request_top_left figure img{height:74px;overflow:hidden;} .field_request_wrap .request_top_left figure:after{content:"";position:absolute;top:0;left:0;width:116px;height:84px;background:url(/images/sub/field_request_bg.png) no-repeat 0 0;} .field_request_wrap .request_top_left .name_cs{height:74px;} .field_request_wrap .request_top_left p{display:table;padding-left:100px;height:74px;} .field_request_wrap .request_top_left p span{display:table-cell;vertical-align:middle;color:#fff;font-size:16px;} .field_request_wrap .request_top_left p span b{display:block;padding-top:15px;color:#3da0f2;font-size:14px;} .field_request_wrap .request_top_left .self_introduction{padding:15px 0;color:#7d859c;font-size:13px;line-height:1.5;} .field_request_wrap .request_top_left .fic_icon a{float:left;width:50px;height:50px;vertical-align:top;} .field_request_wrap .request_top_left .fic_icon a:before{width:50px;height:50px;} .field_request_wrap .request_top_left .fic_icon .fic01{margin-right:10px;} .field_request_wrap .request_top_left .fic_icon .fic02{margin-right:10px;} .field_request_wrap .request_top_left .fic_icon .fic01:before{background-position:-143px -436px;} .field_request_wrap .request_top_left .fic_icon .fic02:before{background-position:-30px -436px;} .field_request_wrap .request_top_left .fic_icon .fic03:before{background-position:-90px -436px;} .field_request_wrap .request_top_left .fic_icon .fic01:hover:before{background-position:-143px -380px;} .field_request_wrap .request_top_left .fic_icon .fic02:hover:before{background-position:-30px -380px;} .field_request_wrap .request_top_left .fic_icon .fic03:hover:before{background-position:-90px -380px;} .field_request_wrap .request_top_left .fic_icon .fic02.on:before{background-position:-30px -324px;} .field_request_wrap .request_top_left .fic_icon .fic02.on:hover:before{background-position:-90px -324px;} .field_request_wrap .request_box.request_noti{margin-top:20px;} .field_request_wrap .request_box.request_noti .btnArea button{width:240px;height:60px;line-height:60px;font-size:18px;} .field_request_wrap .request_noti ul{padding:29px 0 19px 108px;background:#f5f6f7 url(/images/sub/icon_noti01.png) no-repeat 29px center;border:solid 1px #d7dade;border-radius:5px;} .field_request_wrap .request_noti ul li{padding-bottom:10px;color:#999da1;font-size:13px;} .field_request_wrap .request_none_profile{padding:130px 0 60px;border-radius:5px;background:#fff url(/images/sub/ind_article_pf.png) no-repeat center 61px;font-size:16px;color:#bbc0c4;text-align:center;} .field_request_wrap .prev_c_request h1 span{display:inline-block;padding-left:6px;color:#999da1;font-size:14px;} .field_request_wrap .prev_c_request .nice-select{height:70px;} .field_request_wrap .prev_c_request .nice-select .current{height:70px;padding:25px 35px 26px 20px} .field_request_wrap .prev_c_request .nice-select:after{top:30px;width:21px;height:12px;background-position:-344px -189px} .field_request_wrap .prev_c_request .nice-select.open:after{top:30px;width:21px;height:12px;background-position:-311px -189px} .field_request_wrap .prev_c_request .nice-select .days{position:relative;display:inline-block;padding:0 23px 0 20px;color:#999da1;font-size:14px;} .field_request_wrap .prev_c_request .nice-select .days:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;} .field_request_wrap .request_box h1:before{top:-4px;width:27px;height:30px;background-position:-412px -325px;} .field_request_wrap .request_box.request_writing_wrap h1:before{top:-4px;width:30px;height:30px;background-position:-448px -325px;} .field_request_wrap .request_box.program_best h1:before{top:-4px;width:30px;height:30px;background-position:-200px -325px;} .field_request_wrap .request_box h1{padding:0 0 24px 42px;color:#353738;font-size:24px;font-weight:700;} .field_request_wrap .consult_choice ul{background:#fff;border-radius:5px;padding:30px;} .field_request_wrap .consult_choice li{position:relative;margin-top:10px;padding:29px 0;border:solid 1px #bbc0c4;border-radius:5px;} .field_request_wrap .consult_choice li:first-child{margin-top:0;} .field_request_wrap .consult_choice li .chk_fic{position:absolute;top:29px;left:29px;} .field_request_wrap .consult_choice li .sec01:after{content:"";display:block;clear:both;} .field_request_wrap .consult_choice li .sec01{position:relative;margin-left:79px;} .field_request_wrap .consult_choice li .sec01 .sec01_in{float:left;width:200px;height:80px;padding:20px;margin-right:25px;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 #d3d2d2;box-shadow:0 2px 5px 0 #d3d2d2;color:#fff;} .field_request_wrap .consult_choice li .sec01 .sec01_in p{font-weight:700;} .field_request_wrap .consult_choice li .sec01 .sec01_in b{display:block;font-size:14px;padding-top:12px;} .field_request_wrap .consult_choice li .sec01 .sec01_in2{float:left;} .field_request_wrap .consult_choice li .sec01 .sec01_in2 h2{width:600px;height:48px;overflow:hidden;font-weight:700;color:#353738;line-height:1.5;} .field_request_wrap .consult_choice li .sec01 .sec01_in2 div:after{content:"";display:block;clear:both;} .field_request_wrap .consult_choice li .sec01 .sec01_in2 div{margin-top:13px;} .field_request_wrap .consult_choice li .sec01 .sec01_in2 div span{float:left;position:relative;padding-left:20px;color:#999da1;font-size:14px;} .field_request_wrap .consult_choice li .sec01 .sec01_in2 div span:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;} .field_request_wrap .consult_choice li .sec01 .btn_modify{position:absolute;top:0;right:30px;width:60px;padding-left:26px;text-align:left;font-size:12px;height:25px;line-height:25px;border-radius:2px;color:#187bcc;border:solid 1px #b5d8f7;} .field_request_wrap .consult_choice li .sec01 .btn_modify:before{top:7px;left:11px;width:10px;height:10px;background-position:-212px -286px;} /* field_charge_wrap ***************************************************************************/ .field_charge_wrap{padding-bottom:100px;background:#e6e9ed;} .field_charge_wrap .charge_group{padding-top:60px;} .field_charge_wrap .charge_group h1{display:block;padding:0 0 24px 40px;color:#353738;font-size:24px;font-weight:700;} .field_charge_wrap .charge_group h1 span{font-weight:400;} .field_charge_wrap .charge_group h1:before{top:-4px;width:30px;height:30px;background-position:-200px -325px;} .field_charge_wrap .charge_group:nth-of-type(2) h1:before{top:-4px;width:26px;height:30px;background-position:-326px -325px;} .field_charge_wrap .charge_group:nth-of-type(3) h1:before{top:-1px;width:30px;height:25px;background-position:-365px -325px;} .field_charge_wrap .charge_group .pay_box{border-radius:5px;} .field_charge_wrap .charge_group .pay_box .pay_box_left{float:left;width:50%;height:297px;padding:47px 50px 0;background:#fff;border-radius:5px 0 0 5px;} .field_charge_wrap .charge_group .pay_box .pay_box_left h2{padding-bottom:20px;margin-bottom:30px;color:#353738;font-size:20px;border-bottom:solid 1px #d7dade} .field_charge_wrap .charge_group .pay_box .pay_box_left p{padding-bottom:30px;color:#6b6e70;} .field_charge_wrap .charge_group .pay_box .pay_box_left p b{float:right;color:#353738;font-weight:700;} .field_charge_wrap .charge_group .pay_box .pay_box_left .use_pay_box{position:relative;} .field_charge_wrap .charge_group .pay_box .pay_box_left .use_pay{display:block;padding-top:11px;color:#187bcc;font-size:14px;} .field_charge_wrap .charge_group .pay_box .pay_box_left .descri_i{position:absolute;top:-2px;left:150px;} .field_charge_wrap .charge_group .pay_box .pay_box_left .descri_i .descri_box{width:208px;margin-left:-104px;} .field_charge_wrap .charge_group .pay_box .pay_box_left .pay_txt{position:absolute;top:-4px;right:0;} .field_charge_wrap .charge_group .pay_box .pay_box_left .pay_txt input[type='text']{width:110px;margin-left:6px;border-radius:10px;text-align:right;} .field_charge_wrap .charge_group .pay_box .pay_box_left .pay_txt label{color:#6b6e70;font-size:14px;} .field_charge_wrap .charge_group .pay_box .pay_box_right{float:left;width:50%;height:297px;padding:47px 50px 0;background:#4f5a78;border-radius:0 5px 5px 0;} .field_charge_wrap .charge_group .pay_box .pay_box_right h2{padding-bottom:20px;color:#fff;font-size:20px;border-bottom:solid 1px #7d859c} .field_charge_wrap .charge_group .pay_box .pay_box_right strong{display:block;padding:45px 0 40px;font-size:36px;color:#fff;text-align:center;} .field_charge_wrap .charge_group .pay_box .pay_box_right .after_pay{position:relative;width:250px;height:40px;margin:0 auto;line-height:40px;background:#66708a;border-radius:10px;color:#fff;text-align:center;font-size:14px;} .field_charge_wrap .charge_group .pay_box .pay_box_right .after_pay b{display:inline-block;margin-left:45px;} .field_charge_wrap .charge_group .pay_box .pay_box_right .after_pay .descri_i{position:absolute;top:-1px;left:157px;} .field_charge_wrap .charge_group .pay_box .pay_box_right .after_pay .descri_i .descri_box{width:208px;margin-left:-104px;margin-top:6px;} .field_charge_wrap .charge_group .charge_program{float:left;width:360px;height:330px;margin-right:20px;-webkit-box-shadow:0 1px 1px 1px #d7d9dd;box-shadow:0 1px 1px 1px #d7d9dd;border-radius:5px;} .field_charge_wrap .charge_group .program_get .fpl_top{background:#fff url(/images/sub/icon_program_get.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get01 .fpl_top{background:#fff url(/images/sub/icon_program_get01.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get02 .fpl_top{background:#fff url(/images/sub/icon_program_get02.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get03 .fpl_top{background:#fff url(/images/sub/icon_program_get03.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get04 .fpl_top{background:#fff url(/images/sub/icon_program_get04.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get05 .fpl_top{background:#fff url(/images/sub/icon_program_get05.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get06 .fpl_top{background:#fff url(/images/sub/icon_program_get06.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get07 .fpl_top{background:#fff url(/images/sub/icon_program_get07.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get08 .fpl_top{background:#fff url(/images/sub/icon_program_get08.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get09 .fpl_top{background:#fff url(/images/sub/icon_program_get09.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get10 .fpl_top{background:#fff url(/images/sub/icon_program_get10.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .get11 .fpl_top{background:#fff url(/images/sub/icon_program_get11.png) no-repeat 26px 29px;} .field_charge_wrap .charge_group .program_career .fpl_top{background:#fff url(/images/sub/icon_program_car.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .career01 .fpl_top{background:#fff url(/images/sub/icon_program_car01.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .career02 .fpl_top{background:#fff url(/images/sub/icon_program_car02.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .career03 .fpl_top{background:#fff url(/images/sub/icon_program_car03.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .program_found .fpl_top{background:#fff url(/images/sub/icon_program_fun.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .found01 .fpl_top{background:#fff url(/images/sub/icon_program_fun01.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .found02 .fpl_top{background:#fff url(/images/sub/icon_program_fun02.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .found03 .fpl_top{background:#fff url(/images/sub/icon_program_fun03.png) no-repeat 26px 29px} .field_charge_wrap .charge_group .fpl_top{position:relative;height:100px;padding:29px 30px 21px 88px;border-radius:5px 5px 0 0;} .field_charge_wrap .charge_group .fpl_top:before{content:"";position:absolute;top:0;left:0;width:100%;height:10px;border-radius:5px 5px 0 0;} .field_charge_wrap .charge_group .program_get .fpl_top:before{background:#76b804;} .field_charge_wrap .charge_group .program_career .fpl_top:before{background:#e34f8e;} .field_charge_wrap .charge_group .program_found .fpl_top:before{background:#7555b8;} .field_charge_wrap .charge_group .fpl_top p{font-weight:700;font-size:20px;padding-bottom:15px;color:#353738;} .field_charge_wrap .charge_group .fpl_top i{font-size:14px;color:#6b6e70;} .field_charge_wrap .charge_group .fpl_top a{position:absolute;top:28px;right:30px;} .field_charge_wrap .charge_group .fpl_top span{position:absolute;top:65px;right:30px;font-size:13px;color:#fff;} .field_charge_wrap .charge_group .fpl_bot{background:#fff;border-radius:0 0 5px 5px;} .field_charge_wrap .charge_group .fpl_bot .row01{padding:0 30px 19px;} .field_charge_wrap .charge_group .fpl_bot .row01:after,.field_charge_wrap .charge_group .fpl_bot .row02:after{content:"";display:block;clear:both;} .field_charge_wrap .charge_group .fpl_bot .row01 p{margin-bottom:20px;background:#f5f6f7;border-radius:5px;} .field_charge_wrap .charge_group .fpl_bot .row01 p a{display:table;height:78px;padding:20px 26px;overflow:hidden;color:#999da1;font-size:14px;line-height:1.4;} .field_charge_wrap .charge_group .fpl_bot .row01 p a span{display:table-cell;vertical-align:middle;} /*.field_charge_wrap .charge_group .program_get .fpl_bot .row01 .price{color:#3da0f2;} .field_charge_wrap .charge_group .program_career .fpl_bot .row01 .price{color:#477df8;} .field_charge_wrap .charge_group .program_found .fpl_bot .row01 .price{color:#716df2;} */ .field_charge_wrap .charge_group .fpl_bot .row01 .price{float:left;width:50%;font-size:18px;font-weight:900;text-align:center;line-height:35px;border-right:solid 1px #e6e9ed;color:#353738;} .field_charge_wrap .charge_group .fpl_bot .row01 .price.free{color:#f74a53 !important;} .field_charge_wrap .charge_group .fpl_bot .row01 .ans_day{float:left;width:50%;font-size:13px;color:#999da1;text-align:center;} .field_charge_wrap .charge_group .fpl_bot .row01 .ans_day b{display:block;padding-bottom:6px;font-size:16px;color:#353738;font-weight:700;} .field_charge_wrap .charge_group .fpl_bot .row02{padding:19px 30px 19px 20px;background:#f5f6f7;border-radius:0 0 5px 5px;} .field_charge_wrap .charge_group .fpl_bot .row02 figure{position:relative;float:left;width:60px;height:40px;overflow:hidden;border-radius:2px;background:#f1f1f1;text-align:center;} .field_charge_wrap .charge_group .fpl_bot .row02 figure img{height:40px;border-radius:2px;overflow:hidden;} .field_charge_wrap .charge_group .fpl_bot .row02 figure:after{content:"";position:absolute;top:0;left:0;width:60px;height:40px;background:url(/images/sub/fpl_bg.png) no-repeat 0 0;} .field_charge_wrap .charge_group .fpl_bot .row02 strong{float:left;display:table;height:40px;color:#353738;font-size:15px;font-weight:700;} .field_charge_wrap .charge_group .fpl_bot .row02 strong b{display:block;padding-top:10px;color:#115891;font-size:13px;font-weight:400;} .field_charge_wrap .charge_group .fpl_bot .row02 strong span{display:table-cell;vertical-align:middle;} .field_charge_wrap .charge_group .fpl_bot .row02 button{float:right;width:100px;height:40px;line-height:40px;font-size:15px;} .field_charge_wrap .charge_group .ind_charge{float:left;width:740px;height:330px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} .field_charge_wrap .charge_group .ind_charge .detail_title{position:relative;} .field_charge_wrap .charge_group .ind_charge .detail_title h2{width:100%;height:70px;padding:0 30px 0 66px;line-height:70px;border-bottom:solid 1px #e6e9ed;color:#353738;font-size:20px;} .field_charge_wrap .charge_group .ind_charge .detail_title h2:before{top:20px;left:30px;width:27px;height:30px;background-position:-286px -88px;} .field_charge_wrap .charge_group .ind_charge .detail_title .btn_sm_b{position:absolute;top:22px;right:30px;} .field_charge_wrap .charge_group .ind_charge .ind_charge_contents{height:258px;overflow:auto;padding:30px 29px;} .field_charge_wrap .charge_group .ind_charge .ind_charge_contents h3{position:relative;padding-bottom:30px;margin-bottom:30px;color:#353738;font-size:16px;line-height:1.5;} .field_charge_wrap .charge_group .ind_charge .ind_charge_contents h3:after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background:#3da0f2;} .field_charge_wrap .charge_group .ind_charge .ind_charge_contents .txt_box{margin-bottom:40px;color:#6b6e70;font-size:15px;line-height:1.6;} .field_charge_wrap .charge_group .payment{padding:30px 0;border-radius:5px;background:#fff;text-align:center;} .field_charge_wrap .charge_group .payment label{padding-right:30px;} .field_charge_wrap .btnArea .btnbd{background:#e6e9ed} .field_charge_wrap .btnArea .btnbd:hover{background:#187bcc;border-color:#187bcc;color:#fff;} /* mypage_wrap ***************************************************************************/ /* mypage home */ #container .mypage_wrap{min-height:600px;padding:0 0 100px;background:#f5f6f7;} #container .mypage_wrap #gnb_mypage{width:100%;height:130px;background:#fff;border-bottom:solid 1px #d7dade;} #container .mypage_wrap #gnb_mypage li{position:relative;float:left;width:186px;} #container .mypage_wrap #gnb_mypage li:after{content:"";position:absolute;top:35px;right:0;width:1px;height:60px;background:#e6e9ed;} #container .mypage_wrap #gnb_mypage li:first-child:before{content:"";position:absolute;top:35px;left:0;width:1px;height:60px;background:#e6e9ed;} #container .mypage_wrap #gnb_mypage li a{display:block;padding-top:81px;color:#bbc0c4;font-size:15px;font-weight:700;text-align:center;} #container .mypage_wrap #gnb_mypage li a:hover,#container .mypage_wrap #gnb_mypage li.on a{color:#187bcc;} #container .mypage_wrap #gnb_mypage li.li1 a{background:url(/images/common/icon_gnb.png) no-repeat 77px 35px;} #container .mypage_wrap #gnb_mypage li.li2 a{background:url(/images/common/icon_gnb.png) no-repeat -108px 35px;} #container .mypage_wrap #gnb_mypage li.li3 a{background:url(/images/common/icon_gnb.png) no-repeat -296px 35px;} #container .mypage_wrap #gnb_mypage li.li4 a{background:url(/images/common/icon_gnb.png) no-repeat -482px 35px;} #container .mypage_wrap #gnb_mypage li.li5 a{background:url(/images/common/icon_gnb.png) no-repeat -669px 35px;} #container .mypage_wrap #gnb_mypage li.li6 a{background:url(/images/common/icon_gnb.png) no-repeat -856px 35px;} #container .mypage_wrap #gnb_mypage li.li1 a:hover,#container .mypage_wrap #gnb_mypage li.li1.on a{background:url(/images/common/icon_gnb_on.png) no-repeat 77px 35px;} #container .mypage_wrap #gnb_mypage li.li2 a:hover,#container .mypage_wrap #gnb_mypage li.li2.on a{background:url(/images/common/icon_gnb_on.png) no-repeat -108px 35px;} #container .mypage_wrap #gnb_mypage li.li3 a:hover,#container .mypage_wrap #gnb_mypage li.li3.on a{background:url(/images/common/icon_gnb_on.png) no-repeat -296px 35px;} #container .mypage_wrap #gnb_mypage li.li4 a:hover,#container .mypage_wrap #gnb_mypage li.li4.on a{background:url(/images/common/icon_gnb_on.png) no-repeat -482px 35px;} #container .mypage_wrap #gnb_mypage li.li5 a:hover,#container .mypage_wrap #gnb_mypage li.li5.on a{background:url(/images/common/icon_gnb_on.png) no-repeat -669px 35px;} #container .mypage_wrap #gnb_mypage li.li6 a:hover,#container .mypage_wrap #gnb_mypage li.li6.on a{background:url(/images/common/icon_gnb_on.png) no-repeat -856px 35px;} #container .mypage_wrap.individual #gnb_mypage li{position:relative;float:left;width:160px;} #container .mypage_wrap.individual #gnb_mypage li.li1 a{background:url(/images/common/icon_gnb_indi.png) no-repeat 65px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li2 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -95px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li3 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -253px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li4 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -416px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li5 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -575px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li6 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -738px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li7 a{background:url(/images/common/icon_gnb_indi.png) no-repeat -896px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li1 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li1.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat 65px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li2 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li2.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -95px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li3 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li3.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -253px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li4 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li4.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -416px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li5 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li5.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -575px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li6 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li6.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -738px 35px;} #container .mypage_wrap.individual #gnb_mypage li.li7 a:hover,#container .mypage_wrap.individual #gnb_mypage li.li7.on a{background:url(/images/common/icon_gnb_indi_on.png) no-repeat -896px 35px;} #container .mypage_wrap .cs_top{position:relative;padding:13px 0 11px;border-bottom:solid 1px #e6e9ed} #container .mypage_wrap .cs_top .ct_left{float:left;position:relative;} #container .mypage_wrap .cs_top .ct_left p{display:inline;color:#353738;font-size:15px;line-height:23px;} #container .mypage_wrap .cs_top .ct_left p b{color:#187bcc;} #container .mypage_wrap .cs_top .ct_left .btn_sm_b{padding:4px 4px 5px;border:solid 1px #bbc0c4;color:#999da1;font-size:12px;vertical-align:top;} #container .mypage_wrap .cs_top .ct_left .btn_certifi{padding:5px 21px 6px 8px;text-align:left;background:#d7ebfc;color:#3da0f2;font-size:12px;vertical-align:top;} #container .mypage_wrap .cs_top .ct_left .btn_certifi:before{top:7px;left:72px;width:9px;height:10px;background-position:-406px -51px;} #container .mypage_wrap .cs_top .ct_left .certifi_info{display:none;z-index:1;position:absolute;top:-5px;right:-407px;width:396px;height:181px;padding:16px 14px 16px 19px;background:#3da0f2;border-radius:5px;} #container .mypage_wrap .cs_top .ct_left .certifi_info:before{content:"";position:absolute;top:15px;left:-6px;width:6px;height:11px;border-left:solid 6px none;border-top:solid 6px transparent;border-bottom:solid 6px transparent;border-right:solid 6px #3da0f2;} #container .mypage_wrap .cs_top .ct_left .certifi_info .p1{display:block;color:#d7ebfc;font-size:14px;line-height:1.5;letter-spacing:-0.7px;} #container .mypage_wrap .cs_top .ct_left .certifi_info .p2 b{color:#fff;font-size:14px;line-height:1.42;font-weight:700;} #container .mypage_wrap .cs_top .ct_left .certifi_info .p2{position:relative;display:block;margin-top:23px;color:#fff;font-size:13px;line-height:1.53;letter-spacing:-0.7px;} #container .mypage_wrap .cs_top .ct_left .certifi_info .p2:before{content:"";position:absolute;top:-10px;left:0;width:20px;height:1px;background:#fff;} #container .mypage_wrap .cs_top .ct_left .state_setup{z-index:20;display:none;position:absolute;top:-3px;left:305px;width:305px;padding:19px 19px 20px;border:solid 1px #999ca1;border-radius:2px;background:#fff;} #container .mypage_wrap .cs_top .ct_left .state_setup:before{content:"";position:absolute;left:-6px;top:8px;width:6px;height:10px;background:url(/images/common/state_setup_arrow.png) no-repeat 0 0;} #container .mypage_wrap .cs_top .ct_left .state_setup .ss_head{position:relative;padding-bottom:15px;border-bottom:solid 1px #bbc0c4;} #container .mypage_wrap .cs_top .ct_left .state_setup .ss_head h1{color:#353738;font-size:13px;font-weight:700;} #container .mypage_wrap .cs_top .ct_left .state_setup .ss_head span{position:absolute;right:0;top:0;width:11px;height:11px;background:url(/images/common/state_setup_x.png) no-repeat 0 0;font-size:0;cursor:pointer;} #container .mypage_wrap .cs_top .ct_left .state_setup h2{padding:15px 0 13px 8px;color:#353738;font-size:13px;} #container .mypage_wrap .cs_top .ct_left .state_setup h2.ui_dot:before{top:19px;background:#6d6e70;width:3px;height:3px;} #container .mypage_wrap .cs_top .ct_left .state_setup .ss_chkbox p{display:block;padding-left:8px;color:#999da1;font-size:13px;line-height:1;} #container .mypage_wrap .cs_top .ct_left .state_setup .ss_chkbox div{position:absolute;right:13px;top:58px;} #container .mypage_wrap .cs_top .ct_left .state_setup .coment_box{margin-top:15px;padding-top:78px;border-top:solid 1px #e6eaed;background:url(/images/common/icon_noticon.png) no-repeat center 15px;} #container .mypage_wrap .cs_top .ct_left .state_setup .coment_box .noti_style01{color:#999da1;font-size:13px;} #container .mypage_wrap .cs_top .ct_left .state_setup .coment_box .noti_style01 li{padding-bottom:7px;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup h2{padding:17px 0 11px 8px;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup h2.ui_dot:before{top:21px} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup p{display:block;padding-left:8px;color:#999da1;font-size:13px;line-height:1.4;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup div{position:relative;margin-top:15px;border-top:solid 1px #e6eaed;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup div div{position:absolute;right:0;top:12px;margin:0;border:none;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup div div label{padding-left:20px;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup .dataFic2{position:absolute;right:0;top:15px;} #container .mypage_wrap .cs_top .ct_left .state_setup .stateing_setup .dataFic2 .dayfic2{position:absolute;right:0;top:0;width:16px;height:16px;padding:0;opacity:0;cursor:pointer;} #container .mypage_wrap .cs_top .ct_left .state_setup .btnArea{margin-top:16px;} #container .mypage_wrap .cs_top .ct_left .state_setup .btnArea button{width:260px;height:40px;line-height:40px;font-size:14px;font-weight:400} #container .mypage_wrap .cs_top .ct_right{float:right;} #container .mypage_wrap .cs_top .ct_right ul{height:25px;overflow:hidden;margin-right:60px;} #container .mypage_wrap .cs_top .ct_right ul li{line-height:25px;font-size:13px;color:#6b6e70;text-align:right;} #container .mypage_wrap .cs_top .ct_right ul li a{display:block;} #container .mypage_wrap .cs_top .ct_right .my_slide_btn{position:absolute;top:0;right:0;} #container .mypage_wrap .cs_top .ct_right .my_slide_btn i{float:left;width:25px;height:25px;cursor:pointer;} #container .mypage_wrap .cs_top .ct_right .my_slide_btn i:before{width:25px;height:25px;background-position:0 -46px;} #container .mypage_wrap .cs_top .ct_right .my_slide_btn i.prevb{margin-right:1px;} #container .mypage_wrap .cs_top .ct_right .my_slide_btn i.nextb:before{width:25px;height:25px;background-position:-40px -46px;} #container .mypage_wrap.individual .cs_home_top{padding:50px 0;} #container .mypage_wrap .cs_home_top{padding:40px 0 50px;} #container .mypage_wrap .cs_home_top .cht_col01{float:left;position:relative;width:230px;height:190px;margin-right:20px;background:#4f5a78;border-radius:5px;} #container .mypage_wrap .cs_home_top .cht_col01 figure{position:relative;width:230px;height:150px;border-radius:5px;overflow:hidden;padding-top:30px;background:#4f5a78;text-align:center;} #container .mypage_wrap .cs_home_top .cht_col01 figure:after{content:"";position:absolute;top:0;left:0;width:230px;height:150px;background:url(/images/sub/profile_edti_bg.png) no-repeat 0 0;} #container .mypage_wrap .cs_home_top .cht_col01 figure img{height:100px;border-radius:5px;overflow:hidden;} #container .mypage_wrap .cs_home_top .cht_col01 .img_edit{position:absolute;left:138px;top:101px;width:40px;height:40px;background:url(/images/common/profile_img_bg.png) no-repeat 0 0;font-size:0;cursor:pointer;} #container .mypage_wrap .cs_home_top .cht_col01 input[type="file"]{position:absolute;left:138px;top:101px;width:40px;height:40px;cursor:pointer;padding-left:40px;opacity:0;} #container .mypage_wrap .cs_home_top .cht_col01 .consultant_name{display:block;text-align:center;color:#fff;font-size:16px;} #container .mypage_wrap .cs_home_top .cht_col02{float:left;width:349px;height:190px;padding:30px 28px 30px 29px;margin-right:20px;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_home_top .cht_col02 .title{display:block;padding-bottom:21px;color:#6b6e70;font-size:20px;} #container .mypage_wrap .cs_home_top .cht_col02 ul:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_top .cht_col02 li{float:left;width:140px;height:90px;text-align:center;border:solid 1px #bddffc;border-radius:5px;} #container .mypage_wrap .cs_home_top .cht_col02 li:first-child{margin-right:10px;border:solid 1px #d7dade;} #container .mypage_wrap .cs_home_top .cht_col02 li strong{display:block;padding:17px 0 10px;color:#187bcc;font-size:26px;} #container .mypage_wrap .cs_home_top .cht_col02 li b{display:block;color:#187bcc;} #container .mypage_wrap .cs_home_top .cht_col02 li:first-child strong{color:#6b6e70;} #container .mypage_wrap .cs_home_top .cht_col02 li:first-child b{color:#999da1;} #container .mypage_wrap .cs_home_top .cht_col03{float:left;width:501px;height:190px;padding:30px;background:#fff;border:solid 1px #d7dade;border-radius:5px;} #container .mypage_wrap .cs_home_top .cht_col03 .title{display:block;padding-bottom:21px;color:#6b6e70;font-size:20px;} #container .mypage_wrap .cs_home_top .cht_col03 li{float:left;width:140px;height:90px;margin-left:9px;text-align:center;border:solid 1px #d7dade;border-radius:5px;} #container .mypage_wrap .cs_home_top .cht_col03 li:first-child{margin-left:0;border-color:#f2ced0;color:#f2ced0;} /* mypage home - 국방부 및 캠퍼스코치잡 배너 */ .wrap_mnd {margin-bottom:30px!important;background:url(/images/sub/mnd_banner.jpg) no-repeat 0 0;background-size:cover;border-radius:5px} .wrap_mnd .mnd_ban {position:relative;padding:25px 0} .wrap_mnd .mnd_ban p {padding-left:50px;color:#43aaff;font-size:20px} .wrap_mnd .mnd_ban p strong {font-size:20px;color:#fff} .wrap_mnd .mnd_ban a {position:absolute;top:15px;right:50px;padding:11px 20px;color:#fff;font-size:16px;border:solid 1px #fff;} .wrap_mnd.duo {background-image:url(/images/sub/stab_box01_sec04_bg.jpg)} .wrap_mnd.duo:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0} .wrap_mnd.duo:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(15,42,65,0.5)} .wrap_mnd.duo .mnd_ban {position:relative;float:left;width:560px;padding:30px} .wrap_mnd.duo .mnd_ban:first-child {margin-left:0} .wrap_mnd.duo .mnd_ban:first-child:after {content:"";position:absolute;top:20px;right:0;width:1px;height:130px;background-color:#8d9198} .wrap_mnd.duo .mnd_ban p {margin-bottom:10px;padding:0;font-size:22px;text-align:center;line-height:1.4em} .wrap_mnd.duo .mnd_ban p strong {display:block;font-size:22px} .wrap_mnd.duo .mnd_ban a {display:block;position:relative;top:inherit;right:inherit;width:200px;margin:0 auto;text-align:center;border:solid 2px #fff;border-radius:5px} .wrap_mnd.trio {background-image:url(/images/sub/stab_box01_sec04_bg.jpg)} .wrap_mnd.trio:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0} .wrap_mnd.trio:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(15,42,65,0.5)} .wrap_mnd.trio .mnd_ban {position:relative;float:left;width:33.333333%;padding:30px} .wrap_mnd.trio .mnd_ban:first-child {margin-left:0} .wrap_mnd.trio .mnd_ban:first-child:after {width:0} .wrap_mnd.trio .mnd_ban:after {content:"";position:absolute;top:20px;left:0;width:1px;height:130px;background-color:#8d9198} .wrap_mnd.trio .mnd_ban p {margin-bottom:15px;padding:0;font-size:16px;text-align:center;line-height:1.4em} .wrap_mnd.trio .mnd_ban p strong {display:block;margin-bottom:5px;font-size:18px} .wrap_mnd.trio .mnd_ban a {display:block;position:relative;top:inherit;right:inherit;width:200px;margin:0 auto;text-align:center;border:solid 2px #fff;border-radius:5px} #container .mypage_wrap.individual .cs_home_top .cht_col03 li:first-child{margin-left:0;border-color:#d7dade;color:#999da1;} #container .mypage_wrap.individual .cs_home_top .cht_col03 li:nth-of-type(2){border-color:#bddffc;} #container .mypage_wrap.individual .cs_home_top .cht_col04{position:relative;float:left;width:349px;height:190px;margin-left:20px;border-radius:5px;background:#fadd4b url(/images/sub/icon_coach_point.png) no-repeat 78px 47px;} #container .mypage_wrap.individual .cs_home_top .cht_col04 span{display:block;padding:47px 0 8px 151px;color:#343010;} #container .mypage_wrap.individual .cs_home_top .cht_col04 strong{display:block;padding-left:151px;color:#353738;font-size:26px;} #container .mypage_wrap.individual .cs_home_top .cht_col04 a{display:block;margin-top:41px;line-height:50px;border-top:solid 1px #dfc958;text-align:center;color:#716027;font-size:15px;} #container .mypage_wrap.individual .cs_home_top .cht_col04 .descri_i{position:absolute;top:10px;right:11px;padding:0;} #container .mypage_wrap.individual .cs_home_top .cht_col04 .descri_i .descri_box{width:218px;margin-left:-109px} #container .mypage_wrap .cs_home_top .cht_col03 li strong{display:block;padding:17px 0 10px;font-size:26px;} #container .mypage_wrap .cs_home_top .cht_col03 li b{display:block;color:#999da1;} #container .mypage_wrap .cs_home_state .chs_top .ui_tit{float:left;margin-right:17px;line-height:50px;} #container .mypage_wrap .cs_home_state .chs_top .coment_box{float:left;margin-top:8px} #container .mypage_wrap.individual .cs_home_state .chs_top .coment_box{margin-top:19px} #container .mypage_wrap .cs_home_state .chs_top .coment_box p{padding-bottom:7px;} #container .mypage_wrap.individual .cs_home_state .chs_top .coment_box p{padding-bottom:0;} #container .mypage_wrap .cs_home_state .chs_top .ui_select{float:right;width:150px;} #container .mypage_wrap.individual .cs_home_state .chs_top .ui_select{float:left;width:150px;} #container .mypage_wrap.individual .cs_home_state .chs_top .btn{position:relative;float:left;width:150px;margin-left:10px;text-align:left;padding-left:52px;} #container .mypage_wrap.individual .cs_home_state .chs_top .btn:before{content:"";position:absolute;top:17px;left:27px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -450px -8px;} #container .mypage_wrap .cs_home_state .chs_list{margin-top:16px;padding:29px;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_home_state .chs_list .list_empty_ment{position:relative;height:145px;padding-top:100px;text-align:center;color:#bbc0c4;font-size:16px;} #container .mypage_wrap .cs_home_state .chs_list .list_empty_ment:before{content:"";position:absolute;top:30px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;} #container .mypage_wrap .cs_home_state .chs_list .chs_list_top{padding-bottom:20px;} #container .mypage_wrap .cs_home_state .chs_list .chs_list_top button{margin-right:30px;color:#353738;font-size:16px;padding:0 22px 0 0;} #container .mypage_wrap .cs_home_state .chs_list .chs_list_top button:before{top:6px;right:0;left:auto;width:11px;height:7px;background-position:-277px -50px;} #container .mypage_wrap .cs_home_state .chs_list .chs_list_top span{float:right;padding-left:15px;line-height:19px;font-size:14px;color:#999da1;} #container .mypage_wrap .cs_home_state .chs_list .chs_list_top span:before{top:5px;width:8px;height:8px;background-position:-229px -13px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li:first-child{margin-top:0;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li{margin-top:10px;border:solid 1px #bbc0c4;border-radius:5px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li div[class^='sec']{float:left;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01{float:left;padding:24px 0 24px 24px} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div{width:200px;height:100px;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 #d3d2d2;box-shadow:0 2px 5px 0 #d3d2d2;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div p{height:50px;line-height:50px;color:#fff;text-align:center;border-radius:5px 5px 0 0;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div b{display:block;height:50px;line-height:50px;text-align:center;font-weight:700;background:#fff;border-radius:0 0 5px 5px;color:#36aaf3;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div.cate_get p{background:#76b804;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div.cate_career p{background:#e34f8e;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01 div.cate_found p{background:#7555b8;} /*#container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01.cate_get b{color:#36aaf3;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01.cate_career b{color:#3f6ff9;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec01.cate_found b{color:#6561f3;}*/ #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02>a{display:block;padding:34px 0 12px 25px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 h2{width:420px;height:48px;margin-right:55px;overflow:hidden;line-height:1.5;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 h2 a{color:#353738;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 .talk_alarm{display:inline-block;min-width:20px;height:20px;margin-left:5px;padding:0 6px;line-height:20px;text-align:center;color:#fff;font-size:11px;font-family:Verdana;background:#f74a53;border-radius:33px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div.sec02_bot>a{display:inline-block;padding-left:25px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div i{position:relative;color:#6b6e70;font-size:15px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div i:after{content:"";position:absolute;top:3px;right:-15px;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div span{position:relative;padding:0 11px 0 31px;margin:0 11px;color:#999da1;font-size:14px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div span:before{content:"";position:absolute;top:1px;left:12px;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div span:after{content:"";position:absolute;top:2px;right:0;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div strong{color:#999da1;font-size:15px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div .star:before{content:"";position:absolute;top:3px;right:0;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec02 div .star{margin-left:11px;padding-left:11px !important;line-height:17px;vertical-align:top;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03{width:310px;padding-top:24px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 a:first-child{margin-left:0;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 a{float:left;display:inline-block;margin-left:5px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 button{width:100px;height:100px;padding-top:25px;font-size:14px;border-radius:5px;line-height:1.4;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 button b{display:block;} #container .mypage_wrap .cs_home_state .chs_list section.individual{margin-bottom:20px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li:first-child{margin-top:0;} #container .mypage_wrap .cs_home_state .chs_list section.individual li{margin-top:10px;border:solid 1px #bbc0c4;border-radius:5px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01>a:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01{position:relative;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01>a{display:block;padding:29px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in{float:left;width:200px;height:80px;padding:20px;margin-right:25px;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 #d3d2d2;box-shadow:0 2px 5px 0 #d3d2d2;color:#fff;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in p{font-weight:700;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in b{display:block;font-size:14px;padding-top:12px;opacity:0.8;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2{float:left;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 h2{width:640px;height:48px;overflow:hidden;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 h2 a{color:#353738;line-height:1.5;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 .talk_alarm{display:inline-block;min-width:20px;height:20px;margin-left:5px;padding:0 6px;line-height:20px;text-align:center;color:#fff;font-size:11px;font-family:Verdana;background:#f74a53;border-radius:33px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div{margin-top:13px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div span{float:left;position:relative;padding-left:20px;color:#999da1;font-size:14px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div span:first-child{padding-right:12px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div span:nth-of-type(2){padding-left:34px;background:url(/images/sub/bar01.png) no-repeat 0 1px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div span:nth-of-type(2):before{left:14px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .sec01_in2 div span:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .btn_copy{z-index:1;position:absolute;top:29px;right:29px;width:60px;padding-left:26px;text-align:left;font-size:12px;height:25px;line-height:25px;border-radius:2px;color:#6b6e70;border:solid 1px #bbc0c4;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .btn_modify{z-index:1;position:absolute;top:29px;right:94px;width:60px;padding:0;border:solid 1px #b5d8f7;text-align:left;border-radius:2px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .btn_modify button{color:#187bcc;font-size:12px;padding-left:26px;height:23px;line-height:23px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .btn_modify button:before{top:7px;left:11px;width:10px;height:10px;background-position:-212px -286px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec01 .btn_copy:before{top:7px;left:11px;width:9px;height:9px;background-position:-238px -286px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02:after,#container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02{position:relative;margin:-9px 29px 0 29px;padding:20px 0 29px 0;border-top:solid 1px #d7dade;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in figure:after{content:"";position:absolute;top:0;left:0;width:70px;height:50px;background:url(/images/sub/indivi_sec02_bg.png) no-repeat 0 0;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in{position:absolute;top:20px;left:-9px;width:235px;height:50px;overflow:hidden;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in figure{float:left;width:70px;height:50px;padding-top:5px;text-align:center;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in figure img{height:40px;overflow:hidden;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in div{float:left;display:inline-block;height:50px;color:#115891;font-size:13px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in div p{display:table;height:50px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in div span{display:table-cell;vertical-align:middle;line-height:1.5;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in div span b{display:block;color:#353738;font-size:15px;font-weight:700;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2{margin-left:225px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .read{display:block;width:775px;height:40px;background:#f5f6f7;border:solid 2px #d7dade;border-radius:5px;color:#353738;font-size:14px;text-align:center;line-height:36px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .noread{border:solid 2px #e6e9ed;color:#999da1;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .resultb{position:relative;float:left;height:40px;background:#fff;margin-right:5px;border:solid 2px #3da0f2;border-radius:5px;color:#3da0f2;font-size:14px;text-align:left;line-height:36px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result01{width:605px;padding-left:261px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result02{width:300px;padding-left:98px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result03{width:200px;padding-left:51px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result01:before{left:235px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result02:before{left:75px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .result03:before{left:25px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .resultb:nth-of-type(1):before{content:"";position:absolute;top:13px;width:16px;height:11px;background:url(/images/common/sprite.png) no-repeat -268px -290px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .resultb:nth-of-type(2):before{content:"";position:absolute;top:12px;width:16px;height:13px;background:url(/images/common/sprite.png) no-repeat -300px -290px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .resultb:nth-of-type(3):before{content:"";position:absolute;top:12px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -329px -290px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .btn_appraise{position:absolute;top:20px;right:0;width:140px;height:40px;line-height:40px;padding-left:55px;text-align:left;font-size:15px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .btn_appraise_disable{border:solid 2px #d7dade;background:#f5f6f7;color:#bbc0c4;line-height:36px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .btn_appraise:before{content:"";position:absolute;top:13px;left:33px;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -361px -285px;} #container .mypage_wrap .cs_home_state .chs_list section.individual li .sec02 .sec02_in2 .btn_appraise_disable:before{top:11px;background-position:-390px -285px;} #container .mypage_wrap .btn_end{border:solid 2px #e6e9ed;background:#f5f6f7;color:#999da1;} #container .mypage_wrap .btn_end:hover{border-color:#d7dade;background-color:#e6e9ed;color:#6b6e70} #container .mypage_wrap .btn_add{border:solid 2px #3da0f2;background:#fff;color:#3da0f2;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 button.btn_end_fair{width:310px;} #container .mypage_wrap .cs_home_state .chs_list section.consultant li .sec03 button.btn_end_fair:before{top:22px;left:50%;width:18px;height:15px;margin-left:-9px;background-position:-361px -8px;} #container .mypage_wrap .btn_add:hover{border:solid 2px #187bcc;color:#187bcc;} #container .mypage_wrap .btn_ing{background:#3da0f2;color:#fff;} #container .mypage_wrap .btn_ing:hover{background:#187bcc;} #container .mypage_wrap .btn_wait{width:310px !important;height:80px !important;padding:0 0 0 75px !important;margin-top:13px;background:#3da0f2;color:#fff;border-radius:5px !important;text-align:left;} #container .mypage_wrap .btn_wait:hover{background-color:#187bcc;} #container .mypage_wrap .btn_wait:before{top:26px;left:30px;width:30px;height:30px;background-position:-72px -85px;} #container .mypage_wrap .btn_end:before{top:22px;left:42px;width:18px;height:15px;background-position:-361px -8px;} #container .mypage_wrap .btn_add:before{top:21px;left:42px;width:16px;height:16px;background-position:-401px -7px;} #container .mypage_wrap .btn_add:hover:before{top:21px;left:42px;width:16px;height:16px;background-position:-401px -27px;} #container .mypage_wrap .btn_ing:before{top:21px;left:42px;width:16px;height:16px;background-position:-450px -8px;} /* mypage > cs_profile_wrap */ #container .mypage_wrap .cs_profile_wrap{margin-top:40px;} #container .mypage_wrap .cs_profile_wrap .big_title{position:relative;margin:60px 0 20px;} #container .mypage_wrap .cs_profile_wrap .big_title:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_profile_wrap .big_title h1{float:left;color:#353738;font-size:24px;font-weight:700;} #container .mypage_wrap .cs_profile_wrap .big_title h1 i{display:inline-block;padding-left:7px;font-weight:700;} #container .mypage_wrap .cs_profile_wrap .big_title .coment_box{float:left;margin-left:22px;color:#999da1;font-size:14px;} #container .mypage_wrap .cs_profile_wrap .big_title .coment_box2{float:left;margin:5px 0 0 22px;color:#999da1;font-size:14px;} #container .mypage_wrap .cs_profile_wrap .big_title .coment_box p:first-child{padding-bottom:7px;} #container .mypage_wrap .cs_profile_wrap .big_title .mark{position:absolute;bottom:0;right:0;color:#6b6e70;font-size:13px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_info_box{float:left;width:625px;height:200px;margin-right:20px;background:#4f5a78;border-radius:5px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box{float:left;width:665px;height:200px;margin-right:20px;background:#4f5a78;border-radius:5px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box figure:after{content:"";position:absolute;top:0;left:0;width:200px;height:200px;background:url(/images/sub/profile_info_box_bg.png) no-repeat 0 0;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box figure{float:left;position:relative;width:200px;height:200px;padding-top:30px;overflow:hidden;text-align:center;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box figure img{height:140px;overflow:hidden;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr{width:465px;padding:33px 0 0 0;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_info_box .fr{width:425px;padding:53px 0 0 0;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr label{display:inline-block;padding-right:6px;color:#fff;font-size:15px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr span:nth-child(2){position:relative;display:inline-block;padding-left:10px;color:#bbc0c4;font-size:14px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr span:nth-child(2):before{content:"";position:absolute;top:1px;left:0;width:1px;height:13px;background:#7d859c;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .ui_dot{color:#bbc0c4;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .ui_dot:nth-of-type(1){margin:20px 0 11px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_info_box .fr .ui_dot:nth-of-type(1){margin:0 0 12px;color:#fff;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_info_box .fr .ui_dot{margin-bottom:12px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea{position:relative;margin-top:20px;text-align:left;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .file_input_img_btn{position:relative;width:150px;height:40px;line-height:40px;text-align:left;padding-left:57px;font-size:15px;background:#3da0f2;border-radius:2px;color:#fff;font-weight:400;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .file_input_img_btn:before{content:"";position:absolute;top:12px;left:36px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -418px -156px; } #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .file_input_hidden:hover+.file_input_img_btn{background:#187bcc;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .file_input_hidden{z-index:1;position:absolute;top:0;left:0;width:146px;height:40px;padding:0 0 0 146px;cursor:pointer;opacity:0;overflow:hidden;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .btng{position:relative;width:150px;height:40px;line-height:40px;text-align:left;padding-left:35px;font-size:15px;font-weight:400;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .btng:hover{background:#494b4c;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_info_box .fr .btnArea .btng:before{content:"";position:absolute;top:12px;left:15px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -383px -156px; } #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name{float:left;width:435px;height:200px;padding:17px 30px 16px 30px;background:#fff;border:solid 1px #d7dade;border-radius:5px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_user_name{float:left;width:475px;height:200px;padding:17px 30px 16px 30px;background:#fff;border:solid 1px #d7dade;border-radius:5px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_user_name{padding-top:100px;background:#fff url(/images/sub/icon_indi_profile.png) no-repeat center 34px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_user_name p:first-child{padding-bottom:10px;color:#6b6e70;font-size:15px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_info .profile_user_name p{color:#999da1;font-size:15px;line-height:1.5;text-align:center;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dt{float:left;width:68px;line-height:55px;color:#6b6e70;font-size:15px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dd{float:left;width:305px;line-height:55px;color:#353738;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dt.middd{line-height:50px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dd.middd{line-height:50px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dd.middd input{float:left;margin-right:5px;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dd.middd button{float:left;width:100px;font-weight:400;} #container .mypage_wrap .cs_profile_wrap .csp_info .profile_user_name dl dd .mr{padding-right:17px;} #container .mypage_wrap .cs_profile_wrap .head_box{padding:14px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;} #container .mypage_wrap .cs_profile_wrap .head_box strong{display:inline-block;padding-right:26px;color:#353738;font-size:20px;} #container .mypage_wrap .cs_profile_wrap .head_box.hb1 .ui_select{display:inline-block;text-align:left;} #container .mypage_wrap .cs_profile_wrap .head_box.hb1 .ui_select:nth-of-type(2){margin:0 16px 0 6px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span{position:relative;display:inline-block;margin-right:6px;text-align:center;border-radius:5px;height:50px;color:#999da1;border:solid 2px #bbc0c4;line-height:46px;text-align:center;cursor:pointer;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span.cate_get:before,#container .mypage_wrap.individual .cs_profile_wrap .head_box.hb1 span.cate_career:before,#container .mypage_wrap.individual .cs_profile_wrap .head_box.hb1 span.cate_found:before{content:"";position:absolute;top:19px;left:20px;width:11px;height:9px;background:url(/images/common/chek_white_01.png) no-repeat 0;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span.cate_get{color:#fff;border:solid 2px #76b804;padding-left:22px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span.cate_career{color:#fff;border:solid 2px #e34f8e;padding-left:25px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span.cate_found{color:#fff;border:solid 2px #7555b8;padding-left:18px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span:nth-of-type(1){width:90px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span:nth-of-type(2){width:170px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form00 .head_box.hb1 span:nth-of-type(3){width:90px;} #container .mypage_wrap .cs_profile_wrap .head_box.hb1 label{color:#6b6e70} #container .mypage_wrap .cs_profile_wrap .head_box.hb2{background:#e6e9ed;} #container .mypage_wrap .cs_profile_wrap .head_box.hb2 input{background:#f5f6f7;color:#bbc0c4;} #container .mypage_wrap .cs_profile_wrap .head_box.hb2 .um{padding:0 1px;} #container .mypage_wrap .cs_profile_wrap .head_box.hb2 span:last-child{padding-left:10px;color:#6b6e70;font-size:15px;} #container .mypage_wrap .cs_profile_wrap .head_box.hb3{padding:19px 0;margin-top:10px;background:#e6e9ed;} #container .mypage_wrap .cs_profile_wrap .head_box.hb3 .ui_select{display:inline-block;margin:0 1px 0 6px;text-align:left;} #container .mypage_wrap .cs_profile_wrap .head_box.hb3 .um{padding:0;} #container .mypage_wrap .cs_profile_wrap .head_box.hb4{padding:29px 0;} #container .mypage_wrap .cs_profile_wrap .head_box.hb4 label{margin-right:26px;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 .hb1{float:left;width:465px;margin-right:10px;padding:14px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 label{line-height:50px;vertical-align:top;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 input{vertical-align:top;background:#f5f6f7;color:#bbc0c4;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 .um{vertical-align:top;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 .hb2{float:left;width:645px;padding:14px 0;background:#e6e9ed;border:solid 1px #d7dade;border-radius:5px;text-align:center;} #container .mypage_wrap.individual .cs_profile_wrap .csp_form02 .head_box2 strong{display:inline-block;line-height:50px;padding-right:16px;color:#353738;font-size:20px;} #container .mypage_wrap .cs_profile_wrap .mid_title{position:relative;} #container .mypage_wrap .cs_profile_wrap .mid_title h2{color:#353738;font-weight:700;line-height:30px;} #container .mypage_wrap .cs_profile_wrap .mid_title h2 b{display:inline-block;padding-left:4px;font-weight:700;} #container .mypage_wrap .cs_profile_wrap .mid_title h2 .cblack3{position:relative;color:#999da1;font-size:15px;padding-left:20px;font-weight:400;} #container .mypage_wrap .cs_profile_wrap .mid_title h2 .cblack3:before{content:"";position:absolute;top:2px;left:10px;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .cs_profile_wrap .mid_title div{position:absolute;top:0;right:0;padding-bottom:5px;} #container .mypage_wrap .cs_profile_wrap .mid_title .btn_reset{padding:4px 8px 5px 27px;font-size:12px;color:#187bcc;border:solid 1px #b5d8f7} #container .mypage_wrap .cs_profile_wrap .mid_title .btn_del{padding:4px 8px 5px 27px;font-size:12px;color:#f74a53;border:solid 1px #f2ced0} #container .mypage_wrap .cs_profile_wrap .mid_title .btn_reset:before{top:7px;left:8px;width:14px;height:10px;background-position:-155px -288px;} #container .mypage_wrap .cs_profile_wrap .mid_title .btn_del:before{top:7px;left:11px;width:8px;height:8px;background-position:-187px -288px;} #container .mypage_wrap .cs_profile_wrap .box_w{margin-top:10px;padding:0 29px 29px;border-radius:5px;border:solid 1px #d7dade;background:#fff;} #container .mypage_wrap .cs_profile_wrap .box_w section.group{padding-top:25px;} #container .mypage_wrap .cs_profile_wrap table{margin-bottom:0;} #container .mypage_wrap .cs_profile_wrap table .ui_select{float:left;} #container .mypage_wrap .cs_profile_wrap table input{float:left;} #container .mypage_wrap .cs_profile_wrap table span{float:left;} #container .mypage_wrap .cs_profile_wrap table .txt_s{padding-left:15px;line-height:50px;} #container .mypage_wrap .cs_profile_wrap table .txt_s2{padding-left:15px;line-height:50px;color:#353738;font-size:15px;} #container .mypage_wrap .cs_profile_wrap table .txt_s label{color:#6b6e70} #container .mypage_wrap .cs_profile_wrap table .txt_s3{line-height:50px;} #container .mypage_wrap .cs_profile_wrap table .txt_s3 label{margin-right:26px;} #container .mypage_wrap .cs_profile_wrap table .ui_tag{clear:both;padding-top:10px;} #container .mypage_wrap .cs_profile_wrap table .ui_company{clear:both;padding-top:10px;} #container .mypage_wrap .cs_profile_wrap table th.smheight{line-height:1.5;padding:10px 0;} #container .mypage_wrap .cs_profile_wrap .group_plus{position:relative;width:auto;padding-left:42px;padding-right:15px;text-align:left;} #container .mypage_wrap .cs_profile_wrap .group_plus:before{content:"";position:absolute;top:50%;left:15px;width:16px;height:16px;margin-top:-8px;background:url(/images/common/sprite.png) no-repeat -401px -7px;} #container .mypage_wrap .cs_profile_wrap .group_plus:hover:before{left:15px;background-position:-424px -7px;} #container .mypage_wrap .cs_profile_wrap .txt_num{position:absolute;top:10px;right:0;font-size:14px;color:#999da1;} #container .mypage_wrap .cs_profile_wrap .txt_num b{display:inline-block;width:33px;color:#f74a53;text-align:right;} #container .mypage_wrap .cs_profile_wrap .csp_form04 textarea{border-radius:2px;height:90px;} #container .mypage_wrap .cs_profile_wrap .csp_form05 textarea{border-radius:2px;height:200px;} #container .mypage_wrap .cs_profile_wrap .txt_bot01{padding:30px 0 14px;text-align:center;color:#6b6e70;font-size:14px;} #container .mypage_wrap .cs_profile_wrap .txt_bot01 span{color:#999da1;} #container .mypage_wrap .cs_profile_wrap .txt_bot02{text-align:center;} #container .mypage_wrap .cs_profile_wrap .txt_bot02 span{color:#999da1;font-size:14px;} #container .mypage_wrap .cs_profile_wrap .txt_bot02 span:first-child{position:relative;display:inline-block;padding:0 20px 0 24px;} #container .mypage_wrap .cs_profile_wrap .txt_bot02 span:first-child:after{content:"";position:absolute;top:1px;right:9px;width:1px;height:13px;background:#bbc0c4;} #container .mypage_wrap .cs_profile_wrap .txt_bot02 span:first-child:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span{position:relative;display:inline-block;margin-right:6px;text-align:center;border-radius:5px;height:50px;color:#999da1;border:solid 2px #bbc0c4;line-height:46px;text-align:center;cursor:pointer;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_get:before,#container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_career:before,#container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_found:before{content:"";position:absolute;top:19px;left:20px;width:11px;height:9px;background:url(/images/common/chek_white_01.png) no-repeat 0;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_get{color:#fff;border:solid 2px #76b804;padding-left:22px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_career{color:#fff;border:solid 2px #e34f8e;padding-left:25px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span.cate_found{color:#fff;border:solid 2px #7555b8;padding-left:18px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span:nth-of-type(1){width:90px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span:nth-of-type(2){width:170px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .head_box.hb1 span:nth-of-type(3){width:90px;} /* mypage > consultant_state_detail */ #container .mypage_wrap .cs_state_detail_wrap{margin-top:40px;} #container .mypage_wrap .cs_state_detail_wrap .left_side{float:left;width:360px;margin-right:20px;} /*#container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk{z-index:100;position:relative;margin-bottom:20px;background:#1c2744;border-radius:5px;}*/ #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk{z-index:100;position:absolute;left:0;top:0;height:480px;margin-bottom:20px;background:#1c2744;border-radius:5px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk.disable:after{content:"";position:absolute;top:0;left:0;width:360px;height:480px;background:#fff;opacity:0.7;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_top{position:relative;height:60px;text-align:center;background:#151e36;border-radius:5px 5px 0 0;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_top strong{position:absolute;top:15px;left:50%;margin-left:-81px;width:162px;height:25px;background:url(/images/common/coachtalk_logo.png) no-repeat 0 0;font-size:0;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_top .descri_i{position:absolute;top:20px;right:20px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_top .descri_i .descri_box{width:191px;margin-left:-95.5px} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view{position:relative;height:330px !important;padding:20px;overflow-y:auto;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view .talk_day{height:40px;line-height:40px;text-align:center;color:#7d859c;font-size:13px;background:#151e36;border-radius:2px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view .empty{position:absolute;top:173px;width:320px;text-align:center;color:#7d859c;font-size:18px;line-height:1.3;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul{position:absolute;top:80px;left:20px;width:320px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li{position:relative;margin-bottom:20px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li figure{position:absolute;top:0;left:0;width:70px;height:50px;overflow:hidden;text-align:center;background:#e6e9ed;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li figure:after{content:"";position:absolute;top:0;left:0;width:70px;height:50px;background:url(/images/sub/coachtalk_profile_bg.png) no-repeat 0 0;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li figure img{height:50px;overflow:hidden;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating{float:left;margin-left:70px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating b{display:block;margin:3px 0 10px;color:#fff;font-size:13px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating div{position:relative;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating div p{position:relative;max-width:195px;padding:13px 17px;margin-left:5px;background:#d7ebfc;border-radius:0 2px 2px 2px;font-size:14px;color:#353738;line-height:1.4;word-wrap:break-word;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating div p:before{content:"";position:absolute;top:0;left:-5px;width:5px;height:11px;background:url(/images/common/sprite.png) no-repeat -446px -97px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating div>span{position:absolute;bottom:10px;right:-43px;width:33px;color:#7d859c;font-size:13px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li .chating div>span span{display:block;padding-top:5px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li.even_chat .chating{float:right;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li.even_chat .chating p{margin:0 10px 0 0;background:#3da0f2;color:#101224;border-radius:2px 0 2px 2px;word-break:break-all;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li.even_chat .chating div p:before{left:auto;right:-4px;background:url(/images/common/sprite.png) no-repeat -459px -97px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_view ul li.even_chat .chating div>span{left:-43px;width:33px;text-align:right;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write{position:relative;padding:20px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .talk_file_btn{float:left;width:50px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .talk_f_hidden{position:absolute;top:0;left:0;width:50px;padding:0 0 0 50px;cursor:pointer;opacity:0;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .write_ipt{float:left;width:319px;height:50px;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .write_ipt input{float:left;width:261px;border:solid 2px #4f5a78;border-radius:2px 0 0 2px;color:#7d859c;background:none;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .write_ipt button{float:left;width:58px;height:50px;background:#4f5a78;border-radius:0 2px 2px 0;color:#d7dade;} #container .mypage_wrap .cs_state_detail_wrap .left_side #coach_talk .talk_write .write_ipt input::placeholder{color:#7d859c !important;} /* 코치톡 스크롤바 */ .scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;} .scroll-wrapper > .scroll-content {border: none !important;box-sizing:border-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: auto !important;padding: 0;position: relative !important;top: 0;width: auto !important;} .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;} .scroll-element {display: none;} .scroll-element, .scroll-element div {box-sizing: content-box;} .scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block;} .scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default;} .scrollbar-janos.theme-blue > .scroll-element,.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #1c2744; } .scrollbar-janos > .scroll-element,.scrollbar-janos > .scroll-element div{border: none;margin: 0;overflow: hidden;padding: 0;position: absolute;z-index: 10;} .scrollbar-janos > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;} .scrollbar-janos > .scroll-element.scroll-x {bottom: 0;height: 13px;left: 0;min-width: 100%;width: 100%;} .scrollbar-janos > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 2px;top: 0;width: 13px;} .scrollbar-janos > .scroll-element .scroll-element_corner {display: none;} .scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {background-repeat: repeat-y;} .scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {background:#343f5c;} .scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {background:url(/images/sub/scrollbar_top_arrow.gif) no-repeat center;} .scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {background:url(/images/sub/scrollbar_bot_arrow.gif) no-repeat center;} .scrollbar-janos > .scroll-element .scroll-arrow { display: none; } .scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; } .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 13px;} .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 13px;} .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 13px; } .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: -13px; } .scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -26px; } /**/ #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request{margin-top:500px;margin-bottom:20px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .detail_title{position:relative;} #container .mypage_wrap .cs_state_detail_wrap .detail_title h2{width:100%;height:70px;padding:0 30px 0 66px;line-height:70px;border-bottom:solid 1px #e6e9ed;color:#353738;font-size:20px;} #container .mypage_wrap .cs_state_detail_wrap .detail_title h2:before{top:20px;left:30px;width:27px;height:30px;background-position:-286px -88px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .detail_title .btn_sm_b{position:absolute;top:22px;right:30px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents{max-height:553px;overflow:auto;padding:30px 29px 0;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents h3{position:relative;padding-bottom:30px;margin-bottom:30px;color:#353738;font-size:16px;line-height:1.5;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents h3:after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background:#3da0f2;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents .txt_box{margin-bottom:40px;color:#6b6e70;font-size:15px;line-height:1.6;word-wrap:break-word;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents .txt_box .file_down a{width:190px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .ind_request .ind_request_contents .txt_box .file_down:last-child{margin-bottom:0;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box{width:360px;padding:29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box .empty{width:100%;padding:80px 0 10px;text-align:center;color:#bbc0c4;font-size:16px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box .empty:before{top:11px;left:125px;width:50px;height:50px;background-position:-204px -82px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box div strong{display:block;color:#353738;font-size:16px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box div strong:before{top:20px;} #container .mypage_wrap .cs_state_detail_wrap .left_side .review_box div p{margin-top:37px;color:#6b6e70;font-size:15px;line-height:1.6;word-break:break-all;} #container .mypage_wrap .cs_state_detail_wrap .right_side{float:left;width:740px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title h2{float:left;margin-left:12px;line-height:40px;color:#353738;font-size:24px;font-weight:700;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title span[class^='cate_']{float:left;padding:13px 14px;color:#fff;font-size:14px;text-align:center;border-radius:5px;background:#36aaf3} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title div{position:absolute;top:15px;right:0;line-height:40px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title div span{color:#999da1;font-size:14px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title div span:first-child{padding:0 10px 0 20px;margin-right:5px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title div span:first-child:before{top:13px;width:16px;height:15px;background-position:-321px -9px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .big_title div span:first-child:after{content:"";position:absolute;top:14px;right:0;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .big_title div{top:0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .big_title div .btng{width:100px;height:40px;padding-left:47px;margin-left:6px;line-height:40px;text-align:left;font-size:15px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .big_title div .btng:before{top:12px;left:25px;width:16px;height:16px;background-position:-429px -285px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile{margin:20px 0;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .detail_title h2{padding:0 30px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .detail_title h2 .cblue2{font-weight:700;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .detail_title .btn_sm_b{position:absolute;top:22px;right:30px;border-color:#2c8bd0;color:#2c8bd0} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .ind_profile_content{padding:25px 30px 22px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .ind_profile_content dt:nth-of-type(1),#container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .ind_profile_content dd:nth-of-type(1){padding-top:0;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .ind_profile_content dt{float:left;margin-right:25px;padding-top:13px;color:#999da1;font-size:15px;line-height:1.4;} #container .mypage_wrap .cs_state_detail_wrap .right_side .ind_profile .ind_profile_content dd{float:left;width:578px;padding-top:13px;color:#6b6e70;font-size:15px;line-height:1.4;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile{margin:20px 0 0;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .detail_title h3{padding:26px 30px 24px;border-bottom:solid 1px #e6e9ed;font-size:20px;color:#353738;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .detail_title h3 span{position:relative;padding-left:19px;font-size:15px;color:#6b6e70;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .detail_title h3 span:before{content:"";position:absolute;top:1px;left:9px;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .detail_title .btn_sm_b{position:absolute;top:24px;right:30px;border-color:#2c8bd0;color:#2c8bd0} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content{position:relative;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box{padding:29px 19px 29px 210px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01{height:42px;overflow:hidden;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 p{float:left;display:table;width:320px;height:42px;overflow:hidden;font-size:14px;color:#6b6e70;line-height:1.5;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 p span{display:table-cell;vertical-align:middle;height:42px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 div{float:left;margin-left:25px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 div span{float:left;color:#999da1;font-size:13px;text-align:center;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 div span:first-child{position:relative;padding-right:20px;margin-right:20px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 div span:first-child:after{content:"";position:absolute;top:2px;right:0;width:1px;height:35px;background:#d7dade} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col01 div span b{display:block;padding-bottom:8px;color:#353738;font-size:16px;font-weight:700;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02{width:510px;height:85px;margin-top:15px;border:solid 1px #d7dade;border-radius:5px;background:#e6e9ed;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 p{position:relative;color:#6b6e70;line-height:1.5;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 p b{font-weight:700;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 p b i{font-size:13px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment01{padding:18px 0 0 156px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment02{padding:18px 0 0 116px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment03{padding:30px 0 0 131px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment01:before{content:"";position:absolute;top:18px;left:79px;width:48px;height:49px;background:url(/images/sub/icon_ready.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment02:before{content:"";position:absolute;top:18px;left:39px;width:48px;height:49px;background:url(/images/sub/icon_ready.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content .ctp_box .col02 .ment03:before{content:"";position:absolute;top:18px;left:54px;width:48px;height:49px;background:url(/images/sub/icon_ready02.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content figure{position:absolute;top:0;left:0;width:210px;height:200px;padding-top:30px;overflow:hidden;text-align:center;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content figure:after{content:"";position:absolute;top:0;left:0;width:210px;height:200px;background:url(/images/sub/ct_profile_content_bg.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ct_profile .ct_profile_content figure img{max-width:200px;height:140px;overflow:hidden;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap{margin-top:20px;padding-bottom:30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .detail_title h2{padding-left:70px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .detail_title h2:before{width:30px;background-position:-342px -88px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit{position:relative;margin-bottom:10px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit p{color:#353738;font-weight:700} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit p span{position:relative;display:inline-block;padding-left:21px;color:#999da1;font-size:15px;font-weight:400;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit p span:before{content:"";position:absolute;top:2px;left:9px;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit .txt_num{position:absolute;top:0;right:0;font-size:13px;color:#6b6e70;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .tit .txt_num b{display:inline-block;width:33px;color:#f74a53;text-align:right;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk{position:relative;height:70px;margin-bottom:30px;padding:21px 0 0 19px;border:solid 1px #d7dade;border-radius:2px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk img{padding-right:10px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk i{cursor:pointer;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk .score1{position:absolute;top:18px;left:18px;width:29px;height:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk .score2{position:absolute;top:18px;left:48px;width:29px;height:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk .score3{position:absolute;top:18px;left:77px;width:29px;height:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk .score4{position:absolute;top:18px;left:107px;width:29px;height:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap .review_chk .score5{position:absolute;top:18px;left:136px;width:29px;height:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap textarea{width:680px;height:160px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section{padding:30px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result{position:relative;padding-bottom:0;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result p{width:600px;color:#353738;line-height:1.5;word-break:break-all;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .score{padding-bottom:15px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .score span{display:inline-block;padding-left:10px;line-height:26px;color:#353738;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .score span{display:inline-block;padding-left:10px;line-height:26px;color:#353738;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .review_btnwrap{position:absolute;top:30px;right:29px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .review_btnwrap .btn_reset{padding:4px 8px 5px 27px;font-size:12px;color:#187bcc;border:solid 1px #b5d8f7} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .review_btnwrap .btn_del{padding:4px 8px 5px 27px;font-size:12px;color:#f74a53;border:solid 1px #f2ced0} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .review_btnwrap .btn_reset:before{top:6px;left:11px;width:10px;height:10px;background-position:-212px -286px;} #container .mypage_wrap.individual .cs_state_detail_wrap .right_side .ind_review_wrap section.review_result .review_btnwrap .btn_del:before{top:7px;left:11px;width:8px;height:8px;background-position:-187px -288px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap{position:relative;padding:19px 22px;border:solid 1px #d7dade;border-radius:5px;background:#e6e9ed;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .txt{display:inline-block;color:#353738;font-size:20px;vertical-align:top;line-height:50px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .ui_select{display:inline-block;width:160px;margin:0 3px 0 5px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .time_ok{display:inline-block;width:222px;height:50px;margin:0 3px 0 5px;line-height:46px;border:solid 2px #d7dade;background:#e6e9ed;color:#f74a53;border-radius:2px;text-align:center;font-size:13px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .time_ok b{font-size:16px;padding-right:10px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .btn_send{position:absolute;top:20px;right:30px;width:106px;height:50px;line-height:50px;padding-left:20px;text-align:left;font-size:16px;background:#3da0f2;color:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .btn_send:hover{background:#187bcc} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .btn_send_d{background:#bbc0c4;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .btn_send_d:hover{background:#bbc0c4 !important;cursor:default;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .btn_send:before{top:17px;left:67px;width:19px;height:19px;background-position:-401px -92px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .answer_wrap .descri_box{width:181px;margin-left:-90.5px} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult{position:relative;padding:30px;border:solid 1px #3da0f2;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult>b{display:block;padding-bottom:10px;font-weight:700;color:#187bcc;font-size:16px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult p{width:350px;color:#999da1;font-size:15px;line-height:1.4;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult strong{display:block;padding-top:18px;font-weight:700;color:#999da1;font-size:15px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult strong b{font-size:20px;font-weight:700;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult .sec03{position:absolute;top:30px;right:30px;width:310px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult .sec03 button:first-child{margin-left:0;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult .sec03 button{float:left;width:100px;height:100px;margin-left:5px;padding-top:25px;font-size:14px;border-radius:5px;line-height:1.4;} #container .mypage_wrap .cs_state_detail_wrap .right_side .add_consult .sec03 button b{display:block;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap{margin-top:20px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap .detail_title h2:before{top:20px;left:30px;width:30px;height:30px;background-position:-342px -88px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap .detail_title .txt_num{position:absolute;top:28px;right:30px;font-size:14px;color:#999da1;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap .detail_title .txt_num b{display:inline-block;width:60px;color:#f74a53;text-align:right;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap .writing_group{padding:30px 28px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .writing_wrap .writing_group .user_write{min-height:480px;max-height:700px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap{margin-top:20px;border:solid 1px #4f5a78;border-radius:5px;background:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title{background:#4f5a78;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title h2{padding:0 30px;color:#fff;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title div{position:absolute;top:25px;right:30px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title div span{color:#d7dade;font-size:14px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title div span:first-child{padding:0 10px 0 20px;margin-right:5px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title div span:first-child:before{width:16px;height:15px;background-position:-289px -9px;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .detail_title div span:first-child:after{content:"";position:absolute;top:1px;right:0;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .send_result{max-height:700px;overflow:auto;padding:30px;color:#6b6e70;font-size:15px;line-height:1.5;} #container .mypage_wrap .cs_state_detail_wrap .right_side .send_finish_wrap .send_result .file_down{margin:10px 0 0 0;} /* mypage > cs_alarm_wrap */ #container .mypage_wrap .cs_alarm_wrap{margin-top:40px;} #container .mypage_wrap .cs_alarm_wrap .cs_alarm_top{margin-bottom:20px;} #container .mypage_wrap .cs_alarm_wrap .cs_alarm_top h3{color:#353738;font-size:24px;font-weight:700;} #container .mypage_wrap .cs_alarm_wrap .cs_alarm_top h3 span{display:inline-block;padding-left:11px;color:#999da1;font-size:14px;font-weight:400;} #container .mypage_wrap .cs_alarm_wrap .csa_list{padding:30px;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_top{margin-bottom:30px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_top div a:first-child{position:relative;margin-right:10px;padding-right:10px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_top div a:first-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:15px;background:#d7dade;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_top div a{display:inline-block;float:left;color:#999da1;font-size:15px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_top span.on{color:#353738;font-weight:700;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li{position:relative;width:100%;margin-top:10px;padding:22px 30px 21px;border:solid 1px #bbc0c4;border-radius:5px;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li{padding:26px 30px 26px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li:first-child{margin-top:0;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li p{width:800px;float:left;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li p a{display:block;color:#6b6e70;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li span{display:inline-block;float:right;margin-right:38px;color:#999da1;font-size:14px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li i{position:absolute;top:30px;right:30px;width:8px;height:8px;font-size:0;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li i:before{width:8px;height:8px;background-position:-259px -13px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li.new i:before{width:8px;height:8px;background-position:-229px -13px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li.new p a{position:relative;padding-left:26px;color:#323638;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group li.new p a:before{content:"";position:absolute;top:0;left:0;width:14px;height:15px;background:url(/images/common/sprite.png) no-repeat -245px -155px;} /*#container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li p a{padding-left:50px;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li.new p a{position:relative;padding-left:93px;color:#323638;}*/ #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li.new p a{position:relative;color:#323638;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li.new p a:before{content:"";position:absolute;top:0;left:0;width:14px;height:15px;background:url(/images/common/sprite.png) no-repeat -245px -155px;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li.new figure{position:absolute;top:14px;left:64px;width:60px;height:40px;overflow:hidden;text-align:center;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li figure{position:absolute;top:14px;left:20px;width:60px;height:40px;overflow:hidden;text-align:center;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li figure:after{content:"";position:absolute;top:0;left:0;width:60px;height:40px;background:url(/images/sub/indivi_sec02_bg.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_alarm_wrap .csa_list .csa_list_group li figure img{height:40px;overflow:hidden;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group .csa_empty{position:relative;width:100%;padding:110px 0 30px;text-align:center;color:#bbc0c4;font-size:16px;} #container .mypage_wrap .cs_alarm_wrap .csa_list .csa_list_group .csa_empty:before{content:"";position:absolute;top:40px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;} /* mypage > ind_article_wrap */ #container .mypage_wrap .ind_article_wrap{margin-top:50px;} #container .mypage_wrap .ind_article_wrap .top_menu{margin-bottom:20px;padding:26px 0;text-align:center;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .ind_article_wrap .top_menu a{position:relative;display:inline-block;margin:0 25px;color:#6b6e70;cursor:pointer;} #container .mypage_wrap .ind_article_wrap .top_menu a.on:before{content:"";position:absolute;top:-27px;left:0;width:100%;height:1px;background:#187bcc} #container .mypage_wrap .ind_article_wrap .top_menu a.on{color:#187bcc;font-weight:700;} #container .mypage_wrap .ind_article_wrap .srch_article{margin-bottom:20px;} #container .mypage_wrap .ind_article_wrap .srch_article .fr ul{float:right;width:190px;height:50px;padding:2px 3px;line-height:44px;background:#fff;border:solid 1px #d7dade;border-radius:33px;} #container .mypage_wrap .ind_article_wrap .srch_article .fr ul li{float:left;width:88px;text-align:center;} #container .mypage_wrap .ind_article_wrap .srch_article .fr ul li a{display:block;color:#999da1;font-size:15px;height:50px;} #container .mypage_wrap .ind_article_wrap .srch_article .fr ul li.on{width:94px;height:44px;background:#3da0f2;border-radius:33px;color:#fff;line-height:44px;cursor:default;} #container .mypage_wrap .ind_article_wrap .srch_article .fr ul li.on a{color:#fff;} #container .mypage_wrap .ind_article_wrap .empty_box{padding:60px 0 59px;border:solid 1px #d7dade;border-radius:5px;background:#fff;text-align:center;color:#bbc0c4} #container .mypage_wrap .ind_article_wrap .empty_box p{padding-top:60px;line-height:1.5;} #container .mypage_wrap .ind_article_wrap .empty_box .pf{background:url(/images/sub/ind_article_pf.png) no-repeat center 0;} #container .mypage_wrap .ind_article_wrap .empty_box .cs{background:url(/images/sub/ind_article_cs.png) no-repeat center 0;} #container .mypage_wrap .ind_article_wrap .empty_box .pg{background:url(/images/sub/ind_article_pg.png) no-repeat center 0;} #container .mypage_wrap .ind_article_wrap .empty_box .pg2{background:url(/images/sub/ind_article_pg2.png) no-repeat center 0;} #container .mypage_wrap .ind_article_wrap .empty_box .btn_setup{text-align:left;padding-left:66px;} #container .mypage_wrap .ind_article_wrap .empty_box .btn_setup:before{width:18px;height:18px;top:17px;left:37px;background-position:0 -324px;} #container .mypage_wrap .ind_article_wrap .box_w{margin-top:10px;padding:25px 29px 29px;border-radius:5px;border:solid 1px #d7dade;background:#fff;} #container .mypage_wrap .ind_article_wrap .ui_select{float:left;} #container .mypage_wrap .ind_article_wrap table{margin-bottom:0;} #container .mypage_wrap .ind_article_wrap table input{float:left;} #container .mypage_wrap .ind_article_wrap table span{float:left;} #container .mypage_wrap .ind_article_wrap table .btn_splus img{padding:16px;} #container .mypage_wrap .ind_article_wrap table .txt_s2{padding-left:15px;line-height:50px;color:#353738;font-size:15px;} #container .mypage_wrap .ind_article_wrap table .ui_tag{clear:both;padding-top:10px;} #container .mypage_wrap .ind_article_wrap table .ui_company{clear:both;padding-top:10px;} #container .mypage_wrap .ind_article_wrap .mid_title{position:relative;} #container .mypage_wrap .ind_article_wrap .mid_title h2{color:#353738;font-weight:700;line-height:30px;} #container .mypage_wrap .ind_article_wrap .mid_title h2 .cblack3{position:relative;color:#999da1;font-size:15px;padding-left:20px;font-weight:400;} #container .mypage_wrap .ind_article_wrap .mid_title h2 .cblack3:before{content:"";position:absolute;top:2px;left:10px;width:1px;height:13px;background:#d7dade;} /* mypage > cs_inquiry_wrap */ #container .mypage_wrap.individual .cs_inquiry_wrap{margin-top:50px;} #container .mypage_wrap .cs_inquiry_wrap{margin-top:40px;} #container .mypage_wrap .cs_inquiry_wrap .record_tab{margin-bottom:10px;padding:26px 0;text-align:center;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_inquiry_wrap .record_tab span{position:relative;display:inline-block;margin:0 25px;color:#6b6e70;cursor:pointer;} #container .mypage_wrap .cs_inquiry_wrap .record_tab span.on:before{content:"";position:absolute;top:-27px;left:0;width:100%;height:1px;background:#187bcc} #container .mypage_wrap .cs_inquiry_wrap .record_tab span.on{color:#187bcc;font-weight:700;} #container .mypage_wrap .cs_inquiry_wrap .csi_list{padding:30px;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top{margin-bottom:20px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fl{padding-top:11px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fl a:first-child{position:relative;margin-right:10px;padding-right:10px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fl a:first-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:15px;background:#d7dade;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fl a{display:inline-block;float:left;color:#999da1;font-size:15px;cursor:pointer;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fl a span.on{color:#353738;font-weight:700;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr label{padding-right:16px;color:#353738;font-size:15px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr button{padding:11px 26px 12px 47px;background:#6b6e70;color:#fff;font-size:15px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr button:before{top:12px;left:25px;width:16px;height:16px;background-position:-383px -155px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr .btn_del:hover{background:#494b4c;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr .btn_answer{margin-left:1px;background:#3da0f2;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr .btn_answer:hover{background:#187bcc;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_top .fr .btn_answer:before{background-position:-450px -8px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li{position:relative;width:100%;margin-top:10px;line-height:21px;padding:22px 30px 21px;border:solid 1px #bbc0c4;border-radius:5px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li:first-child{margin-top:0;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div{width:860px;float:left;line-height:21px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div div label{float:left;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div div span{position:relative;float:left;width:90px;padding-left:20px;color:#6b6e70;font-size:15px;} /*#container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div div span:before{top:3px;left:20px;width:16px;height:15px;background-position:-337px -155px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.new div div span:before{top:5px;left:20px;width:18px;height:12px;background-position:-290px -155px;}*/ #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div div{float:left;width:115px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.send div div{float:left;width:112px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.send div div span{padding-left:20px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.send div div span:before{display:none;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.send i{display:none;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.send .csi_time{margin-right:0;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li div p{float:left;width:700px;padding-left:10px;color:#323638;line-height:21px;word-wrap:break-word;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li .csi_time{display:inline-block;float:right;margin-right:38px;color:#999da1;font-size:14px;line-height:22px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li i{position:absolute;top:30px;right:30px;width:8px;height:8px;font-size:0;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li i:before{width:8px;height:8px;background-position:-259px -13px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.new i:before{width:8px;height:8px;background-position:-229px -13px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group li.yesterday i:before{width:8px;height:8px;background-position:-244px -13px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group .csi_empty{position:relative;width:100%;padding:110px 0 30px;text-align:center;color:#bbc0c4;font-size:16px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group .csi_empty:before{content:"";position:absolute;top:40px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group .send_inquiry_row1 div{width:70px;color:#6b6e70;font-size:15px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group .send_inquiry_row1 p{float:left;width:787px;} #container .mypage_wrap .cs_inquiry_wrap .csi_list .csi_list_group .csi_time2{display:inline-block;float:right;color:#999da1;font-size:14px;} /* mypage > cs_account_wrap */ #container .mypage_wrap.individual .cs_account_wrap{margin-top:90px;} #container .mypage_wrap .cs_account_wrap{margin-top:40px;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab.actab_set{background:url(/images/sub/indivi_account_menu01.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab.actab_pw{background:url(/images/sub/indivi_account_menu02.png) no-repeat 0 0;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab.actab_out{background:url(/images/sub/indivi_account_menu03.png) no-repeat 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab.cs_actab_set{background:url(/images/sub/cs_account_menu01.png) no-repeat 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab.cs_actab_info{background:url(/images/sub/cs_account_menu02.png) no-repeat 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab.cs_actab_pw{background:url(/images/sub/cs_account_menu03.png) no-repeat 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab.cs_actab_out{background:url(/images/sub/cs_account_menu04.png) no-repeat 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab:after {content:"";display:block;clear:both;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li {float:left;width:25%;height:70px;line-height:70px;text-align:center;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab li {width:33.333%;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li a{display:block;font-size:0;width:280px;height:70px;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab li a{display:block;font-size:0;width:373px;height:70px;} /* #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li {float:left;width:25%;height:70px;border:solid 1px #d7dade;border-bottom:solid 1px #bbc0c4;line-height:68px;border-radius:5px 5px 0 0;text-align:center;} #container .mypage_wrap.individual .cs_account_wrap .account_menu .accountTab li {float:left;width:33.333%;height:70px;border:solid 1px #d7dade;border-bottom:solid 1px #bbc0c4;line-height:68px;border-radius:5px 5px 0 0;text-align:center;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li a{display:block;font-size:18px;color:#6b6e70;background:#e6e9ed;border-radius:5px 5px 0 0;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li.active{border:solid 1px #bbc0c4;border-bottom:solid 1px #fff;} #container .mypage_wrap .cs_account_wrap .account_menu .accountTab li.active a {background:#fff;color:#187bcc;font-size:20px;font-weight:700;} */ #container .mypage_wrap .cs_account_wrap .account_content{padding:28px 29px;border:solid 1px #bbc0c4;border-top:none;border-radius:0 0 5px 5px;background:#fff;} #container .mypage_wrap .cs_account_wrap .account_content .div_assent{margin-right:20px;} #container .mypage_wrap .cs_account_wrap .account_content input.cssCheck + label{font-size:16px;padding-left:30px;} #container .mypage_wrap .cs_account_wrap .account_content input[type='text']{width:200px;} #container .mypage_wrap .cs_account_wrap .account_content .descri_i {position:absolute;top:15px;left:75px;} #container .mypage_wrap .cs_account_wrap .account_content .descri_i .descri_box{width:205px;margin-left:-91px} #container .mypage_wrap .cs_account_wrap .account_content.account_info .nice-select{display:inline-block;width:200px;margin:0 6px;vertical-align:middle;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .btnCertify{display:inline-block;width:100px;height:50px;margin:0 0 0 10px;line-height:50px;background:#6b6e70;font-size:15px;color:#fff;text-align:center;vertical-align:middle} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea {margin:20px 0 0 0;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea ul{margin-bottom:30px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea li{position:relative;float:left;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea li:first-child{margin-right:8px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea p{padding-bottom:12px;font-size:14px;color:#808080;text-align:center;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea .file_inwrap{margin-top:15px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea .file_inwrap .file_name_style{width:100% !important} #container .mypage_wrap .cs_account_wrap .account_content.account_info .fileArea .file_hidden{width:100%;} #container .mypage_wrap .cs_account_wrap .account_content.account_info #option_td{z-index:1;position:absolute;left:60px;width:219px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .file_wrap .file_inwrap_btn .file_noti div span{font-size:16px;color:#bbc0c4} #container .mypage_wrap .cs_account_wrap .account_content.account_info .file_wrap .file_inwrap_btn .file_noti{left:60px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .file_wrap .file_inwrap .file_name_style{width:220px;} #container .mypage_wrap .cs_account_wrap .account_content.account_info .file_wrap .file_inwrap .file_delx{margin-top:-9px;} #container .mypage_wrap .cs_account_wrap .account_content .outsetting_ment{margin-bottom:30px;} #container .mypage_wrap .cs_account_wrap .account_content .outsetting_ment li{margin-top:10px;padding:14px 19px;border:solid 1px #bbc0c4;background:#fff;border-radius:5px;} #container .mypage_wrap .cs_account_wrap .account_content .outsetting_ment li:first-child{margin-top:0;} #container .mypage_wrap .cs_account_wrap .account_content .outsetting_ment li [input='text']{margin-left:10px;} #container .mypage_wrap .cs_account_wrap .account_content .outsetting_ment li.lst_li{padding:9px 19px;} /* mypage > cs_charge_wrap */ #container .mypage_wrap .cs_charge_wrap{padding-top:40px;} /* #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left{float:left;position:relative;width:320px;height:200px;background:#fadd4b url(/images/common/icon_csc_top.png) no-repeat 30px 30px;border-radius:5px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left p{padding:63px 31px 16px 0;text-align:right;color:#343010;font-size:15px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left strong{display:block;padding:0 31px 22px 0;text-align:right;color:#353738;font-size:30px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .btn_charge{display:block;width:320px;padding:18px 0;text-align:center;border-top:solid 1px #dfc958;font-size:15px;color:#716027;font-weight:400;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .descri_i{position:absolute;top:10px;right:11px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .descri_i .descri_box{width:182px;margin-left:-91px} */ #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left{float:left;position:relative;width:415px;height:200px;background:#fadd4b/* url(/images/common/icon_csc_top.png) no-repeat 30px 30px*/;border-radius:5px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .csc_top_left_in div{float:left;width:50%;padding:0 0 20px 0;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left p{padding:43px 0 10px 0;color:#343010;font-size:15px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left strong{display:block;padding-bottom:10px;color:#353738;font-size:30px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .ctli_total{padding:18px 0;text-align:center;border-top:solid 1px #dfc958;font-size:15px;color:#716027;font-weight:700;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .ctli_total b{display:inline-block;margin-left:10px;font-size:17px;color:#716027;font-weight:700;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .descri_i{position:absolute;top:10px;right:11px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .descri_i .descri_box{width:182px;margin-left:-91px} /* #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid{float:left;position:relative;width:200px;height:200px;margin:0 20px;background:#4f5a78;border-radius:5px;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid p{padding:63px 0 20px;margin-bottom:23px;font-size:15px;color:#d7dade;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid strong{position:relative;display:block;font-size:20px;color:#e6e9ed;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid strong:before{content:"";position:absolute;top:-23px;left:93px;width:15px;height:1px;background:#7d859c;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid .descri_i{position:absolute;top:10px;right:11px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid .descri_i .descri_box{width:177px;margin-left:-88.5px} */ #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid{float:left;position:relative;width:200px;height:200px;margin:0 20px;padding-top:43px;background:#4f5a78;border-radius:5px;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid p{position:relative;padding:0 0 20px;margin-bottom:23px;font-size:15px;color:#d7dade;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid p:nth-of-type(1):before{display:none;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid strong{display:block;padding-top:10px;font-size:20px;color:#e6e9ed;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid p:before{content:"";position:absolute;top:-23px;left:93px;width:15px;height:1px;background:#7d859c;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid .descri_i{position:absolute;top:10px;right:11px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_mid .descri_i .descri_box{width:350px;margin-left:-175px} /*#container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right{float:left;width:560px;height:200px;padding:34px 29px 29px;border:solid 1px #d8dbdf;background:#e6e9ed;border-radius:5px;}*/ #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right{float:left;width:465px;height:200px;padding:34px 29px 29px;border:solid 1px #d8dbdf;background:#e6e9ed;border-radius:5px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right p{padding-bottom:25px;font-size:16px;color:#353738;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right p strong{font-weight:700;color:#4f5a78} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li{float:left;width:95px;height:95px;margin-left:6px;padding-top:14px;border-radius:5px;background:#dadfe4;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li:first-child{margin-left:0;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li span{color:#6b6e70;font-size:12px;letter-spacing:1.8px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li b{display:block;padding:12px 0 16px;color:#6b6e70;font-size:15px;font-weight:700;line-height:1.2;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li b i{font-size:13px;} /* #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left{position:relative;float:left;width:410px;height:160px;margin-right:20px;background:#4f5a78;border-radius:5px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left>div{width:144px;margin:50px 0 0 51px;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left strong{display:block;padding-bottom:18px;color:#e6e9ed;font-size:16px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left b{display:block;color:#fff;font-size:24px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .btn_charge{position:absolute;top:55px;left:225px;width:130px;padding:0 55px 0 21px;text-align:left;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_left .btn_charge:before{content:"";position:absolute;top:13px;left:88px;width:23px;height:23px;background:url(/images/common/sprite.png) no-repeat -151px -230px; 0;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right{float:left;width:690px;height:160px;background:#fff;border:solid 1px #d9dce0;border-radius:5px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li{float:left;width:33%;padding-top:49px;text-align:center;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li strong{display:block;padding-bottom:18px;color:#999da1;font-size:16px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li b{display:block;color:#6b6e70;font-size:24px;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li:nth-of-type(2){position:relative;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li:nth-of-type(2):before{content:"";position:absolute;top:45px;left:0;width:1px;height:70px;background:#e6e9ed;} #container .mypage_wrap .cs_charge_wrap .cs_charge_top .csc_top_right li:nth-of-type(2):after{content:"";position:absolute;top:45px;right:0;width:1px;height:70px;background:#e6e9ed;} */ #container .mypage_wrap .csc_list{padding:29px 29px 30px 29px;margin-top:20px;background:#fff;border:solid 1px #d9dce0;border-radius:5px;} #container .mypage_wrap .csc_list #paging{padding-top:40px;} #container .mypage_wrap .csc_list .list_noti_ment{margin-top:30px;font-size:14px;color:#6b6e70;text-align:center;} #container .mypage_wrap .csc_list .list_noti_ment strong{color:#187bcc;border-bottom:solid 1px #187bcc;} #container .mypage_wrap .csc_list .csc_list_top{margin-bottom:20px;} #container .mypage_wrap .csc_list .csc_list_top .month_selet{float:left;width:360px;margin-right:10px;border:solid 2px #d7dade;border-radius:2px;} #container .mypage_wrap .csc_list .csc_list_top .month_selet button{float:left;display:block;width:16.6%;height:46px;border-left:solid 1px #e6e9ed;color:#6b6e70;font-size:15px;font-weight:400;} #container .mypage_wrap .csc_list .csc_list_top .month_selet button.on{color:#187bcc;font-weight:700;} #container .mypage_wrap .csc_list .csc_list_top .calendar{float:left;} #container .mypage_wrap .csc_list .csc_list_top .calendar .dayfic{position:relative;float:left;} #container .mypage_wrap .csc_list .csc_list_top .calendar .dayfic input{width:145px;background:url(/images/common/dayfic_icon.png) no-repeat 114px 15px;} #container .mypage_wrap .csc_list .csc_list_top .calendar .dayfic input:focus{background:url(/images/common/dayfic_icon_on.png) no-repeat 114px 15px;} #container .mypage_wrap .csc_list .csc_list_top .calendar .sle{float:left;color:#6b6e70;font-size:15px;padding:0 5px;line-height:50px;} #container .mypage_wrap .csc_list .csc_list_top .ui_select{float:left;width:210px;margin:0 10px;} #container .mypage_wrap .csc_list .csc_list_top .charge_srch{float:left;position:relative;width:150px;text-align:left;padding-left:58px;background:#fff;} #container .mypage_wrap .csc_list .csc_list_top .charge_srch:hover{background:#187bcc;border:none;color:#fff;line-height:50px;} #container .mypage_wrap .csc_list .csc_list_top .charge_srch:before{content:"";position:absolute;top:14px;left:37px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -211px -223px;} #container .mypage_wrap .csc_list .csc_list_top .charge_srch:hover:before{top:16px;left:39px;background-position:-190px -223px;} #container .mypage_wrap .csc_list .csc_list_group .csc_noti{padding:18px 0 17px;background:#f5f6f7;border-radius:2px;text-align:center;color:#6b6e70;font-size:15px;} #container .mypage_wrap .csc_list .csc_list_group li:after{content:"";display:block;clear:both;} #container .mypage_wrap .csc_list .csc_list_group li{padding:30px 0;border-bottom:solid 1px #d7dade;} #container .mypage_wrap .csc_list .csc_list_group li span{float:left;display:block;line-height:68px;} #container .mypage_wrap .csc_list .csc_list_group li .col01{width:171px;height:68px;line-height:64px;text-align:center;font-size:18px;margin-right:29px;border-radius:33px;font-weight:700;} #container .mypage_wrap .csc_list .csc_list_group li .col02{width:76px;margin-right:20px;font-size:14px;color:#999da1} #container .mypage_wrap .csc_list .csc_list_group li .col03{width:626px;color:#222;} #container .mypage_wrap .csc_list .csc_list_group li .col04{width:118px;margin-right:20px;text-align:right;font-size:20px;} #container .mypage_wrap .csc_list .csc_list_group li.s_profit .col01{border:solid 2px #3da0f2;color:#187bcc;} #container .mypage_wrap .csc_list .csc_list_group li.s_end .col01{background:#e6e9ed;color:#6b6e70;} #container .mypage_wrap .csc_list .csc_list_group li.s_save .col01{background:#fadd4b;color:#353738;} #container .mypage_wrap .csc_list .csc_list_group li.s_end .col04{text-decoration:line-through;} #container .mypage_wrap .csc_list .csc_list_group li.s_cancel .col01{border:solid 2px #f74a53;color:#f74a53} #container .mypage_wrap .csc_list .csc_list_group li.s_demand .col01{border:solid 2px #7d859c;color:#4f5a78;} #container .mypage_wrap .csc_list .csc_list_group li.s_profit .col04{color:#187bcc;} #container .mypage_wrap .csc_list .csc_list_group li.s_save .col04{color:#353738;} #container .mypage_wrap .csc_list .csc_list_group li.s_end .col04{color:#999da1;} #container .mypage_wrap .csc_list .csc_list_group li.s_cancel .col04{color:#f74a53;text-decoration:line-through;} #container .mypage_wrap .csc_list .csc_list_group li.s_demand .col04{color:#353738;} #container .mypage_wrap .csc_list .csc_empty{position:relative;width:100%;padding:130px 0 28px;text-align:center;color:#bbc0c4;font-size:16px;} #container .mypage_wrap .csc_list .csc_empty:before{content:"";position:absolute;top:61px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;} #container .mypage_wrap .alram1{background:#fff url(/images/common/alram2.png) no-repeat 29px 29px;} #container .mypage_wrap .alram2{background:#fff url(/images/common/alram3.png) no-repeat 29px 29px;} #container .mypage_wrap .alram3{background:#fff url(/images/common/alram4.png) no-repeat 29px 29px;} /* mypage > indi_point_wrap */ #container .mypage_wrap .indi_point_wrap .inp_top{padding:50px 0 10px;} #container .mypage_wrap .indi_point_wrap .inp_top .coach_point_box{position:relative;float:left;width:330px;height:150px;margin-right:20px;padding:63px 32px 30px 0;border-radius:5px;background:#fadd4b url(/images/sub/icon_coach_point.png) no-repeat 30px 30px;text-align:right;} #container .mypage_wrap .indi_point_wrap .inp_top .coach_point_box p{padding-bottom:11px;color:#343010;font-size:15px;} #container .mypage_wrap .indi_point_wrap .inp_top .coach_point_box strong{display:block;color:#353738;font-size:30px;} #container .mypage_wrap .indi_point_wrap .inp_top .coach_point_box .descri_i{position:absolute;top:10px;right:11px;text-align:left;} #container .mypage_wrap .indi_point_wrap .inp_top .coach_point_box .descri_i .descri_box{width:222px;margin-left:-111px} #container .mypage_wrap .indi_point_wrap .inp_top .point_noti_box{float:left;width:770px;height:150px;padding:30px 0 0 120px;border-radius:5px;background:#e6e9ed url(/images/sub/icon_point_m.png) no-repeat 30px 30px;border:solid 1px #d7dade;} #container .mypage_wrap .indi_point_wrap .inp_top .point_noti_box p{padding-bottom:12px;color:#6b6e70;} #container .mypage_wrap .indi_point_wrap .btn_receipt{width:140px;height:40px;line-height:40px;text-align:left;margin-left:30px;padding-left:40px;font-size:15px;} #container .mypage_wrap .indi_point_wrap .btn_receipt:before{top:12px;left:17px;width:32px;height:28px;background-position:-472px -285px;} /* mypage > cs_program_wrap */ #container .mypage_wrap .cs_program_wrap .csp_top{position:relative;margin:40px 0 20px;} #container .mypage_wrap .cs_program_wrap .csp_top h3{color:#353738;font-size:24px;font-weight:700;} #container .mypage_wrap .cs_program_wrap .csp_top h3 span{padding-left:13px;color:#999da1;font-size:14px;font-weight:400;} #container .mypage_wrap .cs_program_wrap .csp_top div{position:absolute;top:3px;right:0;} #container .mypage_wrap .cs_program_wrap .csp_top div span{color:#999da1;font-size:14px;} #container .mypage_wrap .cs_program_wrap .csp_top div span:first-child{padding:0 10px 0 20px;margin-right:5px;} #container .mypage_wrap .cs_program_wrap .csp_top div span:first-child:before{width:16px;height:15px;background-position:-321px -9px;} #container .mypage_wrap .cs_program_wrap .csp_top div span:first-child:after{content:"";position:absolute;top:1px;right:0;width:1px;height:13px;background:#d7dade;} #container .mypage_wrap .csp_select{padding:30px 29px 29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .mypage_wrap .csp_select dt{float:left;width:164px;padding-top:27px;font-weight:700;color:#353738;} #container .mypage_wrap .csp_select dd{float:left;width:895px;padding-top:10px;} #container .mypage_wrap .csp_select dd li{float:left;width:215px;height:50px;margin:0 11px 10px 0;border-radius:5px;line-height:46px;border:solid 2px #bbc0c4;background:#fff;text-align:center;color:#999da1;cursor:pointer;} #container .mypage_wrap .csp_select dd li:nth-child(4n+4){margin-right:0;} #container .mypage_wrap .csp_select dd li:hover,#container .mypage_wrap .csp_select dd li.on{background:#76b804;border-color:#76b804;color:#fff;} #container .mypage_wrap .csp_select dd li:hover span,#container .mypage_wrap .csp_select dd li.on span{padding-left:17px;background:url(/images/common/chek_white_01.png) no-repeat 0 center;} #container .mypage_wrap .csp_select dd.add_get li:hover,#container .mypage_wrap .csp_select dd.add_get li.on{background:#76b804;border-color:#76b804;} #container .mypage_wrap .csp_select dd.add_career li:hover,#container .mypage_wrap .csp_select dd.add_career li.on{background:#e34f8e;border-color:#e34f8e;} #container .mypage_wrap .csp_select dd.add_found li:hover,#container .mypage_wrap .csp_select dd.add_found li.on{background:#716df2;border-color:#716df2;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho{padding:30px 29px 29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;text-align:center;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho strong{display:inline-block;padding-right:26px;color:#353738;font-size:20px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span{position:relative;display:inline-block;margin-right:6px;text-align:center;border-radius:5px;height:50px;color:#999da1;border:solid 2px #bbc0c4;line-height:46px;text-align:center;cursor:pointer;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_get:before,#container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_career:before,#container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_found:before{content:"";position:absolute;top:19px;left:20px;width:11px;height:9px;background:url(/images/common/chek_white_01.png) no-repeat 0;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_get{color:#fff;border:solid 2px #76b804;padding-left:22px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_career{color:#fff;border:solid 2px #e34f8e;padding-left:25px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span.cate_found{color:#fff;border:solid 2px #7555b8;padding-left:18px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span:nth-of-type(1){width:90px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span:nth-of-type(2){width:170px;} #container .mypage_wrap .cs_profile_wrap .csp_form03 .csp_cate_cho span:nth-of-type(3){width:90px;} #container .mypage_wrap .cs_program_wrap .csp_register_top{margin:40px 0 20px;} #container .mypage_wrap .cs_program_wrap .csp_register_top h3{margin-bottom:20px;color:#353738;font-size:24px;font-weight:700;} #container .mypage_wrap .cs_program_wrap .csp_register_top h3 span{padding-left:13px;color:#999da1;font-size:14px;font-weight:400;} #container .mypage_wrap .cs_program_wrap .csp_register_top div{float:left;width:750px;height:190px;padding:30px 0 30px 29px;margin-right:20px;border:solid 1px #d7dade;background:#e6e9ed;border-radius:5px;} #container .mypage_wrap .cs_program_wrap .csp_register_top div dl dt{float:left;width:131px;padding-bottom:17px;color:#353738;font-size:15px;} #container .mypage_wrap .cs_program_wrap .csp_register_top div dl dd{float:left;width:576px;padding-bottom:17px;color:#6b6e70;font-size:15px;} #container .mypage_wrap .cs_program_wrap .csp_register_top div dl dd:nth-of-type(4){line-height:1.7;margin-top:-7px;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02{width:349px;margin-right:0;background:#fff;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 .title{display:block;padding-bottom:21px;color:#6b6e70;font-size:20px;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 ul:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li{float:left;width:140px;height:90px;text-align:center;border:solid 1px #bddffc;border-radius:5px;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li:first-child{margin-right:10px;border:solid 1px #d7dade;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li strong{display:block;padding:17px 0 10px;color:#187bcc;font-size:26px;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li b{display:block;color:#187bcc;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li:first-child strong{color:#6b6e70;} #container .mypage_wrap .cs_program_wrap .csp_register_top .cht_col02 li:first-child b{color:#999da1;} #container .mypage_wrap .cs_program_wrap .csp_register_add .csp_empty{position:relative;width:100%;padding:130px 0 60px;border:solid 1px #d7dade;background:#fff;text-align:center;color:#bbc0c4;font-size:16px;border-radius:5px} #container .mypage_wrap .cs_program_wrap .csp_register_add .csp_empty:before{content:"";position:absolute;top:40px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li:after{content:"";display:block;clear:both;} #container .mypage_wrap .cs_program_wrap .csp_register_add li{margin-bottom:10px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box{position:relative;float:left;width:270px;height:305px;padding:37px 0 30px 30px;border-radius:5px 0 0 5px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box h4{font-size:20px;color:#fff;font-weight:700;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box i{display:block;padding:10px 0 21px;font-size:14px;color:#fff;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box textarea{width:210px;height:130px;font-size:15px;color:#fff;border:solid 2px #c8e39b;overflow:hidden;background:transparent;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_get .left_box textarea{border-color:#c8e39b} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_career .left_box textarea{border-color:#f4b9d2} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_found .left_box textarea{border-color:#c8bbe3} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .txtnum{position:absolute;top:247px;right:29px;color:#fff;font-size:14px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box textarea::placeholder{color:#fff;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown{margin-top:27px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown span{position:relative;float:left;display:inline-block;width:50px;height:50px;font-size:0;border-radius:2px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .downb{margin-right:5px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .upb:before{content:"";position:absolute;top:20px;left:15px;width:18px;height:10px;background:url(/images/common/sprite.png) no-repeat -444px -231px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .upb.firstb{cursor:default;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .downb.lastb{cursor:default;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .upb.firstb:before{content:"";position:absolute;top:20px;left:15px;width:18px;height:10px;background:url(/images/common/sprite.png) no-repeat -444px -199px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .downb:before{content:"";position:absolute;top:20px;left:15px;width:18px;height:10px;background:url(/images/common/sprite.png) no-repeat -389px -231px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .btn_updown .downb.lastb:before{content:"";position:absolute;top:20px;left:15px;width:18px;height:10px;background:url(/images/common/sprite.png) no-repeat -389px -199px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .progrma_openchk{position:absolute;top:235px;right:30px;z-index:1;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .left_box .progrma_openchk label{color:#fff;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_get .left_box .btn_updown span{background:#619900;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_career .left_box .btn_updown span{background:#bf3973;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_found .left_box .btn_updown span{background:#5a3d99;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_get .left_box{background:#76b804;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_career .left_box{background:#e34f8e;} #container .mypage_wrap .cs_program_wrap .csp_register_add li.program_found .left_box{background:#7555b8;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box{position:relative;float:left;width:850px;padding:30px 0 26px 30px;border:solid 1px #d7dade;background:#fff;border-radius:0 5px 5px 0;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col01{float:left;width:200px;margin-right:30px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col02{float:left;width:588px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col02 #option_td{z-index:1;position:absolute;left:60px;width:100%;max-width:400px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col02 .file_name_style{width:100%;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col01 .ui_select{width:200px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .col01 .nice-select .option{margin-bottom:0;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .reg_icon{position:absolute;top:31px;right:29px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top1 .btn{position:absolute;top:56px;right:29px;width:100px;height:40px;line-height:40px;font-size:15px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .tit{display:block;padding-bottom:11px;color:#6b6e70;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top2{position:relative;margin-top:30px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top2 .text_num{position:absolute;top:0;right:30px;color:#6b6e70;font-size:13px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top2 .text_num b{color:#f74a53} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top2 textarea{width:785px;height:110px;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .rbox_top2 textarea::placeholder{color:#bbc0c4;} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .file_wrap .file_inwrap_btn .file_noti div span{font-size:16px;color:#bbc0c4} #container .mypage_wrap .cs_program_wrap .csp_register_add li .right_box .file_wrap .file_inwrap_btn .file_noti{left:60px;} #container .mypage_wrap .cs_program_wrap .btnbd{background:#f5f6f7;} #container .mypage_wrap .cs_program_wrap .btnbd:hover{background:#187bcc;} #container .mypage_wrap .cs_program_wrap .none_profile{margin-top:40px;padding:130px 0 60px;border-radius:5px;background:#fff url(/images/sub/ind_article_pf.png) no-repeat center 61px;font-size:16px;color:#bbc0c4;text-align:center;} /* mypage > add_consulting_wrap */ #container .mypage_wrap.individual .add_consulting_wrap{padding-top:50px;} #container .mypage_wrap.individual .add_consulting_wrap .subtit{margin-bottom:20px;} #container .mypage_wrap.individual .add_consulting_wrap .subtit:after{content:"";display:block;clear:both;} #container .mypage_wrap.individual .add_consulting_wrap .subtit h2{float:left;font-size:24px;font-weight:700;color:#353738;} #container .mypage_wrap.individual .add_consulting_wrap .subtit p{float:left;margin:10px 0 0 10px;font-size:14px;color:#999da1;} #container .mypage_wrap.individual .add_consulting_wrap .csp_select{margin-bottom:60px;} #container .mypage_wrap.individual .add_consulting_wrap .nice-select{height:70px;} #container .mypage_wrap.individual .add_consulting_wrap .nice-select .current{height:70px;padding:25px 35px 25px 20px;} #container .mypage_wrap.individual .add_consulting_wrap .nice-select:after{top:30px;width:21px;height:12px;background-position:-344px -189px} #container .mypage_wrap.individual .add_consulting_wrap .nice-select.open:after{top:30px;width:21px;height:12px;background-position:-311px -189px} #container .mypage_wrap.individual .add_consulting_wrap .nice-select:after,#container .mypage_wrap.individual .add_consulting_wrap .nice-select.open:after{top:30px;} #container .mypage_wrap.individual .add_consulting_wrap .add_cs_empty{padding:60px 0 59px;border:solid 1px #d7dade;border-radius:5px;background:#fff;text-align:center;color:#bbc0c4} #container .mypage_wrap.individual .add_consulting_wrap .add_cs_empty p{padding-top:60px;line-height:1.5;background:url(/images/sub/ind_article_pf.png) no-repeat center 0;} #container .consulting_write{padding:29px 29px 36px;border-radius:5px;border:solid 1px #d7dade;background:#fff;} #container .consulting_write .file_wrap{padding-bottom:6px;} #container .consulting_write .tit{position:relative;margin-bottom:10px;} #container .consulting_write .tit p{color:#353738;font-weight:700;} #container .consulting_write .tit p span{position:relative;display:inline-block;padding-left:21px;color:#999da1;font-size:15px;font-weight:400;} #container .consulting_write .tit p span:before{content:"";position:absolute;top:2px;left:9px;width:1px;height:13px;background:#d7dade;} #container .consulting_write .tit .txt_num{position:absolute;top:0;right:0;font-size:14px;color:#999da1;} #container .consulting_write .tit .txt_num b{display:inline-block;width:49px;color:#f74a53;text-align:right;} #container .consulting_write iframe{width:1060px !important;margin-bottom:30px;border: 2px solid #d7dade;border-radius:2px;} #container .file_wrap .file_inwrap_btn .file_noti{top:-3px;} /* login **************************************************************************/ .loginArea {background:#f5f6f7;padding:100px 0 50px;text-align:center;} .loginArea h2{color:#323638;line-height:1;font-size:40px;font-weight:400;font-family: 'Nanum Square';} .loginArea p.txt {margin-top:20px;font-size:16px;color:#999da1;letter-spacing:-1px;line-height:1.3;} .loginArea p.txt.cs {display:none;} .loginWrap{padding-bottom:100px;background:#f5f6f7;} .login_form{width:1120px;margin:0 auto;} .login_form .login_tap li{float:left;width: 50%;padding: 25px 0 26px 0;border-bottom: 1px solid #bbc0c4;text-align:center;border-top:1px solid #d7dade;background:#e6e9ed;color:#6b6e70;border-radius:4px 4px 0 0;font-size:18px;} .login_form .login_tap li.individual{ border-left: 1px solid #d7dade;} .login_form .login_tap li.individual:hover{background:#d7dade;border-left:solid 1px #bbc0c4;border-top:solid 1px #bbc0c4;} .login_form .login_tap li.consultant{ border-right: 1px solid #d7dade;} .login_form .login_tap li.consultant:hover{background:#d7dade;border-right:solid 1px #bbc0c4;border-top:solid 1px #bbc0c4;} .login_form .login_tap li.individual_on{background-color:#fff;font-weight:bold;color:#187bcc;border:solid 1px #bbc0c4;border-bottom:solid 1px #fff;} .login_form .login_tap li.consultant_on{background-color: #fff;font-weight:bold;color:#187bcc;border:solid 1px #bbc0c4;border-bottom:solid 1px #fff;} .login_form .login_tap li span{display: inline-block;vertical-align: text-bottom;height: 18px;} .login_form .login_tap li.individual_on span, .login_form .login_tap li.consultant_on span{background:url('/images/login/login_active.png') no-repeat;width: 18px;margin-right: 5px} .login_form .main_form{padding:79px 60px 60px 60px;background:#fff;border:solid 1px #bbc0c4;border-top:none;box-sizing:border-box;} .login_form .main_form li{position:relative;float:left;width:50%;padding-left:59px;box-sizing:border-box;} .login_form .main_form li:first-child{padding-right:58px;padding-left:0;border-right:solid 1px #d7dade;} .login_form .main_form li .user_input{position:relative;} .login_form .main_form li .user_input div div{width:320px;border-bottom:solid 2px #3da0f2;} .login_form .main_form li .user_input div div:nth-of-type(2){margin-top:11px;} .login_form .main_form li .user_input .form-control{position:relative;width:100%;background:url(/images/login/icon_login_id.png) no-repeat 0 center;padding:0 12px 0 30px;height:42px;line-height:38px;border:none;color:#999da1;letter-spacing:0;} .login_form .main_form li .user_input .form-control.passwordipt{position:relative;background:url(/images/login/icon_login_pw.png) no-repeat 0 center;padding:0 12px 0 30px;height:42px;line-height:38px;border:none;} .login_form .main_form li .user_input .btn_login{position:absolute;top:0;right:0;width:110px;height:100px;line-height:100px;text-align:center;background:#3da0f2;color:#fff;border-radius:2px;cursor:pointer;font-size:16px;font-weight:bold;} .login_form .main_form li .user_input .btn_login:hover{background-color:#187bcc;} .login_form .main_form li .checkbox-wrap{height:20px;line-height:20px;margin:25px 0 29px;color:#6b6e70;font-size:15px;} .login_form .main_form li .checkbox-wrap label{font-size:15px;color:#6b6e70;} .login_form .main_form li .login_btn a{float:left;display:block;width:215px;height:50px;line-height:50px;background:#999da1;text-align:center;border-radius:2px;color:#fff;font-size:16px;} .login_form .main_form li .login_btn a:first-child{margin-right:10px;} .login_form .main_form li .login_btn a:hover{background-color:#85898c} .login_form .main_form li .sns_login_txt b{display:inline-block;margin-right:12px;color:#353738;font-size:16px;font-weight:700;} .login_form .main_form li .sns_login_txt span{color:#999da1;font-size:14px;} .login_form .main_form li .sns_wrap{margin-top:19px;} .login_form .main_form li .sns_wrap div{position:relative;float:left;width:215px;padding-left:13%;line-height:65px;border-radius:3px;} .login_form .main_form li .sns_wrap div.facebook{background-color:#3a5896;color:#fff;} .login_form .main_form li .sns_wrap div.facebook:before{content:"";position:absolute;top:50%;left:10%;width:30px;height:30px;margin-top:-15px;background:url(/images/login/facebook_icon.png) no-repeat center;background-size:13px auto;} .login_form .main_form li .sns_wrap div.kakao{margin-left:10px;background-color:#fbe300;color:#210422;} .login_form .main_form li .sns_wrap div.kakao:before{content:"";position:absolute;top:50%;left:10%;width:30px;height:30px;margin-top:-15px;background:url(/images/login/kakao_icon.png) no-repeat center;background-size:30px;} .evt_banner a{position:relative;} /* .evt_banner a:nth-of-type(1):hover:after{content:"";position:absolute;top:0;left:0;width:440px;height:90px;background:url(/images/login/login_roll_banner_gongchae_on.jpg) no-repeat 0 0;} .evt_banner a:nth-of-type(2):hover:after{content:"";position:absolute;top:0;left:0;width:440px;height:90px;background:url(/images/login/login_roll_banner_free_on.jpg) no-repeat 0 0;}*/ .evt_banner a:nth-of-type(1):hover:after{content:"";position:absolute;top:0;left:0;width:440px;height:90px;background:url(/images/login/login_roll_banner02_on.jpg) no-repeat 0 0;} .window_style{display:none;width:500px;position:absolute;left:0;top:0;z-index:10000;background-color:#fff;border-radius:5px;} .window_style .close{position:absolute;right:20px;top:25px;cursor:pointer;} .window_style .top_logo{position:relative;height:70px;background:#151e36;border-radius:5px 5px 0 0;} .window_style h1{padding-top:20px;text-align:center;color:#353738;} .window_style textarea{width:420px;height:80px;background-color:#f5f5f5;border:0 solid;} /* 약관 동의 부분 */ .agree_pop .agree_chk label{font-size:15px;color:#6b6e70;} .agree_pop .pop_content{padding:40px 40px 35px;} .agree_pop .agree_block .exploit{max-width:540px;max-height:120px;background-color:#f5f5f5;margin-top:10px;padding:20px 0 20px 20px;font-size:14px;color:#999;overflow:auto;} .agree_pop .agree_block .exploit div{margin-bottom:10px;} .agree_pop .agree_block .exploit p,.agree_pop .agree_block .exploit li{line-height:1.4;} .agree_pop .join_btn button{display:block;width:100%;height:70px;line-height:70px;font-size:18px;color:#fff;border-radius:0 0 5px 5px;background:#bbc0c4;font-weight:700;} .agree_pop .join_btn button.ok{background:#3da0f2;} .agree_pop .agree_chk label.clbue2{color:#187bcc} .rest_id_pop button{display:block;width:100%;height:70px;line-height:70px;font-size:18px;color:#fff;border-radius:0 0 5px 5px;background:#bbc0c4;font-weight:700;} .rest_id_pop .pop_content{padding:40px 40px 35px;} .rest_id_pop .pop_content p{line-height:1.6;text-align:center;} /* 회원가입 */ .window11 .pop_content{padding:40px 40px 0;} .window11 .pop_content div{position:relative;} .window11 .cert_user{width:420px;margin-top:20px;text-align:center;border-radius:2px;} .window11 .cert_user.ok{position:relative;background:#bbc0c4;text-align:left;padding-left:190px;} .window11 .cert_user.ok:before{content:"";position:absolute;top:21px;left:170px;width:10px;height:9px;background:url(/images/common/sprite.png) no-repeat -136px -288px;} .window11 .woman{position:absolute;top:0;left:370px;width:50px;height:50px;background:url(/images/common/login_woman.png) no-repeat;font-size:0;cursor:pointer;} .window11 .woman.on{background:url(/images/common/login_woman_on.png) no-repeat;font-size:0;} .window11 .man{position:absolute;top:0;left:315px;width:50px;height:50px;background:url(/images/common/login_man.png) no-repeat;font-size:0;cursor:pointer;} .window11 .man.on{background:url(/images/common/login_man_on.png) no-repeat;font-size:0;} .window11 .join_btn_complete{display:block;width:100%;height:70px;margin-top:40px;line-height:70px;font-size:18px;color:#fff;border-radius:0 0 5px 5px;background:#bbc0c4;font-weight:700;} .window11 .join_btn_complete.ok{background:#3da0f2;} .window11 .btng{width:100px;margin-left:5px;font-weight:400;} .check_ok{border-color:#3da0f2;background:#fff url(/images/common/input_check_ok.png) no-repeat right center;} .check_no{border-color:#f74a53;background:#fff url(/images/common/input_check_no.png) no-repeat right center;} .check_no_txt{margin-top:10px;font-size:14px;color:#f74a53;} /* 가입완료 */ .window222{width:460px;height:280px;background:#f5f6f7 url(/images/common/icon_pop_com.png) no-repeat center 40px;border-radius:5px;text-align:center;} .window222 .title{padding-top:130px;color:#353738;font-weight:700;} .window222 .ment{padding:20px 0 40px;color:#6b6e70;line-height:1.5;} .window222 .pf_btn{display:block;width:100%;height:60px;line-height:60px;font-size:16px;color:#353738;border-radius:0 0 5px 5px;background:#fff;font-weight:700;} .window22{width:460px;height:280px;background:#f5f6f7 url(/images/common/icon_pop_com.png) no-repeat center 40px;border-radius:5px;text-align:center;} .window22 .title{padding-top:130px;color:#353738;font-weight:700;} .window22 .ment{padding:20px 0 40px;color:#6b6e70;line-height:1.5;} .window22 .pf_btn{display:block;width:100%;height:60px;line-height:60px;font-size:16px;color:#353738;border-radius:0 0 5px 5px;background:#fff;font-weight:700;} /*비밀번호 찾기*/ .window3{width:410px;height:304px;background:#f5f6f7;text-align:center;} .window3 p{padding:36px 0 21px;color:#6b6e70;line-height:1.5;} .window3 input{width:330px;} .window3 .footbtnwrap{margin-top:29px;} .window3 .footbtnwrap #join_btn_complete{width:203px;margin-left:2px;border-radius:0 0 5px 0;font-weight:700;color:#353738} .window3 .psassword_btn{float:left;width:205px;height:60px;line-height:60px;font-size:16px;color:#999da1;border-radius:0 0 0 5px;background:#fff;} .window3 .psassword_btn.ok{background:#3da0f2;} /* 비밀번호찾기 완료 */ .window33{width:410px;background:#f5f6f7 url(/images/common/icon_pop_com.png) no-repeat center 40px;border-radius:5px;text-align:center;} .window33 .title{padding-top:129px;color:#353738;font-weight:700;} .window33 .ment{padding:15px 0 35px;color:#6b6e70;line-height:1.5;} .window33 .close_complete{display:block;width:100%;height:60px;line-height:60px;font-size:16px;color:#353738;border-radius:0 0 5px 5px;background:#fff;font-weight:700;} /* Pop ***************************************************************************/ /* 개인회원프로필 보기 팝업 */ .pop_wrapper.pop_profile{width:784px;} .pop_wrapper.pop_profile .pop_wrap{padding:30px 22px;} .pop_wrapper.pop_profile .top_box{margin-bottom:30px;} .pop_wrapper.pop_profile .top_box div[class^='col']{position:relative;float:left;} .pop_wrapper.pop_profile .top_box .col01{width:320px;} .pop_wrapper.pop_profile .top_box .col01:after{content:"";position:absolute;top:0;right:0;width:1px;height:65px;background:#d7dade;} .pop_wrapper.pop_profile .top_box .col01 figure{position:absolute;top:10px;left:0;width:78px;height:50px;overflow:hidden;text-align:center;background:#fff;} .pop_wrapper.pop_profile .top_box .col01 figure:after{content:"";position:absolute;top:0;left:0;width:78px;height:50px;background:url(/images/sub/pop_profile_bg.png) no-repeat 0 0;} .pop_wrapper.pop_profile .top_box .col01 figure img{height:50px;overflow:hidden;} .pop_wrapper.pop_profile .top_box h1{float:left;padding:0 0 0 78px;font-size:26px;color:#353738;line-height:65px;} .pop_wrapper.pop_profile .top_box h1 b{font-weight:700;} .pop_wrapper.pop_profile .top_box .col02{width:300px;padding:0 20px 0 25px;} .pop_wrapper.pop_profile .top_box .col02:after{content:"";position:absolute;top:0;right:0;width:1px;height:65px;background:#d7dade;} .pop_wrapper.pop_profile .top_box .col02 p{font-size:15px;color:#6b6e70;} .pop_wrapper.pop_profile .top_box .col02 ul li{float:left;margin:10px 0 0 5px;padding:13px 15px;color:#fff;font-size:14px;border-radius:5px;} .pop_wrapper.pop_profile .top_box .col02 ul li:first-child{margin-left:0;} .pop_wrapper.pop_profile .top_box .col03{padding-left:20px;} .pop_wrapper.pop_profile .top_box .col03 span{display:block;color:#6b6e70;font-size:15px;} .pop_wrapper.pop_profile .top_box .col03 strong{display:block;color:#187bcc;font-size:26px;line-height:50px;font-weight:700;} .pop_wrapper.pop_profile .contents_box{padding:29px 30px;background:#fff;} /* 컨설팅 신청내용 보기 팝업 */ .pop_wrapper.pop_ind_request{width:767px;height:auto;max-height:801px;overflow:hidden;} .pop_wrapper.pop_ind_request .pop_wrap{padding:15px 15px 30px;} .pop_wrapper.pop_ind_request .pop_wrap h1{color:#6b6e70;font-size:15px;} .pop_wrapper.pop_ind_request .pop_wrap h1 b{color:#187bcc;} .pop_wrapper.pop_ind_request .contents_box{height:520px;overflow-x:hidden;overflow-y:auto;margin:14px 0 20px;padding:20px;border:solid 1px #d7dade;background:#fff;} .pop_wrapper.pop_ind_request .contents_box h3{position:relative;padding-bottom:30px;margin-bottom:30px;color:#353738;font-size:16px;line-height:1.5;} .pop_wrapper.pop_ind_request .contents_box h3:after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background:#3da0f2;} .pop_wrapper.pop_ind_request .contents_box .txt_box{margin-bottom:40px;color:#6b6e70;font-size:15px;line-height:1.6;} /* 궁금해요 쪽지보내기 팝업 */ .pop_wrapper.pop_inquiry_write{width:484px;height:364px;overflow:hidden;} .pop_wrapper.pop_inquiry_write .pop_wrap{padding:15px;} .pop_wrapper.pop_inquiry_write .pop_wrap .top_info p{float:left;} .pop_wrapper.pop_inquiry_write .pop_wrap .top_info p span{padding-right:10px;color:#6b6e70;font-size:15px;} .pop_wrapper.pop_inquiry_write .pop_wrap .top_info p strong{color:#187bcc;font-size:15px;} .pop_wrapper.pop_inquiry_write .pop_wrap .top_info .text_num{float:right;color:#6b6e70;font-size:13px;} .pop_wrapper.pop_inquiry_write .pop_wrap .top_info .text_num b{color:#f74a53} .pop_wrapper.pop_inquiry_write .pop_wrap .writing_area textarea{width:100%;margin-top:15px;height:170px;} /* 정산하기 팝업 */ .pop_wrapper.pop_charge{width:484px;height:620px;overflow:hidden;} .pop_wrapper.pop_charge.pop_charge2{width:484px;height:700px;overflow:hidden;} .pop_wrapper.pop_charge .pop_wrap{padding:15px 14px 0 15px;} .pop_wrapper.pop_charge .pop_wrap .row01_1{float:left;margin-right:20px;} .pop_wrapper.pop_charge .pop_wrap .row01_1 span{display:block;width:180px;height:90px;line-height:90px;background:#fadd4b;border-radius:5px;font-size:20px;color:#343010;text-align:center;} .pop_wrapper.pop_charge .pop_wrap .row01_2{float:left;width:255px;/*height:90px;*/} .pop_wrapper.pop_charge .pop_wrap .row01_2 dl{width:255px;/*height:90px;*/padding:17px 20px 14px;background:#fff;border-radius:5px} .pop_wrapper.pop_charge .pop_wrap .row01_2 dl:after{content:"";display:block;clear:both;} .pop_wrapper.pop_charge .pop_wrap .row01_2 dt{float:left;width:105px;margin-bottom:10px;color:#999da1;font-size:13px;} .pop_wrapper.pop_charge .pop_wrap .row01_2 dd{float:right;width:110px;margin-bottom:10px;color:#6b6e70;font-size:14px;text-align:right;} .pop_wrapper.pop_charge .pop_wrap .row01 p{padding-bottom:10px;color:#353738;font-size:15px;font-weight:700;} .pop_wrapper.pop_charge .pop_wrap p.txt{padding:12px 0 17px;color:#999da1;font-size:13px;line-height:1.5;} .pop_wrapper.pop_charge .pop_wrap .row02{padding:10px 0 6px;} .pop_wrapper.pop_charge .pop_wrap .row02 p{float:left;color:#353738;line-height:25px;font-size:15px;font-weight:700;} .pop_wrapper.pop_charge .pop_wrap .row02 .btn_sm_b{float:right;padding:4px 4px 5px;border:solid 1px #bbc0c4;color:#999da1;font-size:12px;vertical-align:top;} .pop_wrapper.pop_charge .pop_wrap .row02 .btn_sm_b_empty{border:solid 1px #2c8bd0;color:#2c8bd0;} .pop_wrapper.pop_charge .pop_wrap .row03{margin-bottom:17px;padding:20px 19px;border:solid 1px #d7dade;background:#fff;} .pop_wrapper.pop_charge .pop_wrap .row03 .account_empty{width:414px;height:76px;line-height:74px;text-align:center;color:#bbc0c4;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .row03 dt{float:left;width:75px;padding-bottom:18px;color:#999da1;font-size:13px;} .pop_wrapper.pop_charge .pop_wrap .row03 dd{float:left;width:322px;padding-bottom:18px;color:#353738;font-size:14px;} .pop_wrapper.pop_charge .pop_wrap ul li{padding-bottom:6px;padding-left:15px;text-indent:-15px;color:#999da1;font-size:13px;line-height:1.4;} .pop_wrapper.pop_charge .pop_wrap .chk_chargpop{padding-top:20px;text-align:center;} .pop_wrapper.pop_charge .pop_wrap .chk_chargpop label{color:#6b6e70;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .file_add_group{position:relative;} .pop_wrapper.pop_charge .pop_wrap .file_add_group .coach_down{display:inline-block;width:230px;height:30px;line-height:26px;font-size:13px;background:#fff;border:dashed 2px #999DA1;color:#999DA1;font-weight:700;text-align:center;} .pop_wrapper.pop_charge .pop_wrap .file_add_group .coach_up{display:inline-block;width:135px;height:30px;line-height:30px;padding:0 10px;font-size:13px;background:#d7ebfc;color:#666;font-weight:700;cursor:pointer;text-align:center;} .pop_wrapper.pop_charge .pop_wrap .file_add_group .file_hidden{position:absolute;top:0;left:233px;width:135px;height:30px;opacity:0;padding:0 0 0 135px;cursor:pointer;overflow:hidden;} .pop_wrapper.pop_charge .pop_wrap .file_add_group .file_name_style{width:80px;height:30px;margin-left:5px;padding:0 3px;line-height:30px;border-radius:2px;background:#fff;color:#353738;font-size:12px;border:none;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .pop_wrapper.pop_charge .pop_wrap .file_add_group .file_delx{position:absolute;top:60px;right:20px;cursor:pointer;} /* 온라인영수증 팝업 */ .pop_wrapper.pop_receipt{width:484px;height:730px;overflow:hidden;} .pop_wrapper.pop_receipt .pop_wrap{padding:5px 15px 0;} .pop_wrapper.pop_receipt .pop_wrap h2{margin-top:14px;padding-bottom:11px;color:#6b6e70;font-size:15px;} .pop_wrapper.pop_receipt .pop_wrap .receipt_row01 .inpt_info{width:454px;} .pop_wrapper.pop_receipt .pop_wrap .inpt_info{width:220px;height:40px;padding-left:19px;line-height:38px;border:solid 1px #d7dade;background:#fff;color:#353738;font-size:15px;} .pop_wrapper.pop_receipt .pop_wrap .receipt_row06 ul li{padding-bottom:9px;color:#999da1;font-size:13px;letter-spacing:-1px;} .pop_wrapper.pop_receipt .pop_wrap .receipt_row06 dl{margin:1px 0 19px;padding:17px 0 11px 18px;background:#e6e9ed;border-radius:5px;} .pop_wrapper.pop_receipt .pop_wrap .receipt_row06 dl dt{float:left;width:116px;color:#999da1;font-size:13px;} .pop_wrapper.pop_receipt .pop_wrap .receipt_row06 dl dd{padding-bottom:9px;color:#6b6e70;font-size:14px;} .pop_wrapper.pop_receipt .pop_wrap .btnArea{margin-top:19px;} /* .pop_wrapper.pop_charge .pop_wrap>p{color:#6b6e70;font-size:14px;line-height:1.5;} .pop_wrapper.pop_charge .pop_wrap .row01{margin:8px 0 10px;} .pop_wrapper.pop_charge .pop_wrap .row01 span{display:inline-block;width:194px;padding:17px 0 17px 22px;border:solid 1px #d7dade;background:#fff;border-radius:5px;color:#6b6e70;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .row01 span b{display:inline-block;margin-left:4px;color:#187bcc;} .pop_wrapper.pop_charge .pop_wrap .row01 span:first-child b{color:#115891;} .pop_wrapper.pop_charge .pop_wrap .row01 span:first-child{width:250px;margin-right:6px;padding:17px 0 17px 34px;} .pop_wrapper.pop_charge .pop_wrap .row02>div{float:left;position:relative;} .pop_wrapper.pop_charge .pop_wrap .row02>div button{position:absolute;top:0;right:0;width:50px;height:50px;border-left:solid 1px #d7dade;} .pop_wrapper.pop_charge .pop_wrap .row02>div button:before{top:17px;left:17px;width:15px;height:13px;background-position:-294px -224px;} .pop_wrapper.pop_charge .pop_wrap .row02>div input{width:250px;padding-left:54px;padding-right:55px;background:#fff url(/images/common/icon_charge.png) no-repeat 18px 12px;} .pop_wrapper.pop_charge .pop_wrap .row02 .ui_select{float:left;width:194px;margin-left:10px;} .pop_wrapper.pop_charge .pop_wrap .row03{padding:26px 0 6px;} .pop_wrapper.pop_charge .pop_wrap .row03 p{float:left;color:#353738;line-height:23px;} .pop_wrapper.pop_charge .pop_wrap .row03 .btn_sm_b{float:right;padding:4px 4px 5px;border:solid 1px #bbc0c4;color:#999da1;font-size:12px;vertical-align:top;} .pop_wrapper.pop_charge .pop_wrap .row03 .btn_sm_b_empty{border:solid 1px #2c8bd0;color:#2c8bd0;} .pop_wrapper.pop_charge .pop_wrap .row04{margin-bottom:17px;padding:20px 19px;border:solid 1px #d7dade;background:#fff;} .pop_wrapper.pop_charge .pop_wrap .row04 .account_empty{width:414px;padding:66px 0 5px;text-align:center;color:#bbc0c4;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .row04 .account_empty:before{top:11px;left:182px;width:50px;height:50px;background-position:-204px -82px;} .pop_wrapper.pop_charge .pop_wrap .row04 dt{float:left;width:75px;padding-bottom:21px;color:#999da1;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .row04 dd{float:left;width:322px;padding-bottom:21px;color:#6b6e70;font-size:15px;} .pop_wrapper.pop_charge .pop_wrap .btnArea{margin-top:17px;} */ /* 개인컨설팅 내용 인쇄 팝업 */ @media print { .pop_wrapper.pop_ind_detail_print img{display:inline;} .pop_wrapper.pop_ind_detail_print .btnArea{display:none;} .pop_wrapper.pop_receipt .pop_wrap .btnArea{display:none;} } .pop_wrapper.pop_ind_detail_print .btnArea{margin-bottom:30px;} .pop_wrapper.pop_ind_detail_print .btnArea .btn{text-align:left;padding-left:86px;} .pop_wrapper.pop_ind_detail_print .btnArea .btn:before{width:16px;height:16px;top:17px;left:59px;background-position:-429px -285px;} .pop_wrapper.pop_ind_detail_print .pop_wrap{overflow:auto;padding:15px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title:after{content:"";display:block;clear:both;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title{position:relative;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title h2{float:left;margin-left:12px;line-height:40px;color:#353738;font-size:24px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title span[class^='cate_']{float:left;padding:13px 14px;color:#fff;font-size:14px;text-align:center;border-radius:5px;background:#36aaf3} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title div{position:absolute;top:15px;right:0;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title div span{color:#999da1;font-size:14px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title div span:first-child{padding:0 10px 0 20px;margin-right:5px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title div span:first-child:before{width:16px;height:15px;background-position:-321px -9px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .big_title div span:first-child:after{content:"";position:absolute;top:1px;right:0;width:1px;height:13px;background:#d7dade;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile{margin:20px 0;border:solid 1px #d7dade;border-radius:5px;background:#fff;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .detail_title h3{padding:26px 30px 24px;border-bottom:solid 1px #e6e9ed;font-size:20px;color:#353738;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .detail_title h3 span{position:relative;padding-left:19px;font-size:15px;color:#6b6e70;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .detail_title h3 span:before{content:"";position:absolute;top:1px;left:9px;width:1px;height:13px;background:#d7dade;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .detail_title .btn_sm_b{position:absolute;top:24px;right:30px;border-color:#2c8bd0;color:#2c8bd0} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content{position:relative;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box{padding:29px 29px 29px 199px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 p{float:left;width:320px;height:42px;overflow:hidden;font-size:14px;color:#6b6e70;line-height:1.5;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 div{float:left;margin-left:25px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 div span{float:left;color:#999da1;font-size:13px;text-align:center;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 div span:first-child{position:relative;padding-right:20px;margin-right:20px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 div span:first-child:after{content:"";position:absolute;top:2px;right:0;width:1px;height:35px;background:#d7dade} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col01 div span b{display:block;padding-bottom:8px;color:#353738;font-size:16px;font-weight:700;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02{width:510px;height:85px;margin-top:15px;border:solid 1px #d7dade;border-radius:5px;background:#e6e9ed;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02 p{position:relative;color:#6b6e70;line-height:1.5;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02 p b{font-weight:700;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02 p b i{font-size:13px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02 .ment03{padding:30px 0 0 141px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content .ctp_box .col02 .ment03:before{content:"";position:absolute;top:18px;left:64px;width:48px;height:49px;background:url(/images/sub/icon_ready02.png) no-repeat 0 0;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content figure{position:absolute;top:0;left:0;width:199px;height:200px;padding-top:30px;overflow:hidden;text-align:center;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content figure:after{content:"";position:absolute;top:0;left:0;width:199px;height:200px;background:url(/images/sub/ct_profile_content_bg.png) no-repeat 0 0;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ct_profile .ct_profile_content figure img{height:140px;overflow:hidden;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request{margin:20px 0;border:solid 1px #d7dade;border-radius:5px;background:#fff;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .detail_title{position:relative;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .detail_title h2{width:100%;height:70px;padding:0 30px 0 66px;line-height:70px;border-bottom:solid 1px #e6e9ed;color:#353738;font-size:20px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .detail_title h2:before{top:20px;left:30px;width:27px;height:30px;background-position:-286px -88px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .detail_title .btn_sm_b{position:absolute;top:22px;right:30px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .ind_request_contents{overflow:auto;padding:30px 29px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .ind_request_contents h3{position:relative;padding-bottom:30px;margin-bottom:30px;color:#353738;font-size:16px;line-height:1.5;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .ind_request_contents h3:after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background:#3da0f2;} .pop_wrapper.pop_ind_detail_print .pop_wrap .ind_request .ind_request_contents .txt_box{margin-bottom:40px;color:#6b6e70;font-size:15px;line-height:1.6;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap{position:relative;margin-top:20px;border:solid 1px #4f5a78;border-radius:5px;background:#fff;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title{background:#4f5a78;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title h2{width:100%;height:70px;padding:0 30px;line-height:70px;border-bottom:solid 1px #e6e9ed;font-size:20px;color:#fff;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title div{position:absolute;top:25px;right:30px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title div span{color:#d7dade;font-size:14px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title div span:first-child{padding:0 10px 0 20px;margin-right:5px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title div span:first-child:before{width:16px;height:15px;background-position:-289px -9px;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .detail_title div span:first-child:after{content:"";position:absolute;top:1px;right:0;width:1px;height:13px;background:#d7dade;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .send_result{padding:30px;color:#6b6e70;font-size:15px;line-height:1.5;} .pop_wrapper.pop_ind_detail_print .pop_wrap .send_finish_wrap .send_result .txt_box{padding-bottom:30px;} /* layerPop ***************************************************************************/ .screenfix{overflow:hidden;} #dim {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:200;} .alert_pop{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} .alert_pop .pop_cotents{position:relative;padding:40px;text-align:center;} .alert_pop .pop_cotents img{padding-bottom:30px;} .alert_pop .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} .alert_pop .pop_cotents p:nth-of-type(1){padding-top:0;} .alert_pop .pop_cotents p.bold{color:#353738;} .alert_pop .pop_btnwrap{height:60px;border-radius:0 0 5px 5px;} .alert_pop .pop_btnwrap button{width:100%;text-align:center;font-weight:700;color:#353738;line-height:60px;background:#fff;font-size:16px;} .alert_pop .pop_btnwrap2 button{float:left;width:50%;} .alert_pop .pop_btnwrap2 button:first-child{float:left;width:49%;margin-right:1%;color:#999da1;font-weight:400;} .noti_pop{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} .noti_pop .pop_cotents{position:relative;padding:40px;text-align:center;} .noti_pop .pop_cotents img{padding-bottom:30px;} .noti_pop .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} .noti_pop .pop_cotents p:nth-of-type(1){padding-top:0;} .noti_pop .pop_cotents p.bold{color:#353738;} .noti_pop .pop_btnwrap{height:60px;border-radius:0 0 5px 5px;} .noti_pop .pop_btnwrap button{width:100%;text-align:center;font-weight:700;color:#353738;line-height:60px;background:#fff;font-size:16px;} .noti_pop .pop_btnwrap2 button{float:left;width:50%;} .noti_pop .pop_btnwrap2 button:first-child{float:left;width:49%;margin-right:1%;color:#999da1;font-weight:400;} /* evt banner ***************************************************************************/ .bubblePop {position:absolute;left:50%;top:300px;display:block;width:151px;height:152px;margin-left:-392px;} .topBanner {overflow:hidden;position:fixed;left:0;top:0;width:100%;min-width:1000px;height:100px;background:url('../images/common/topBanner_bg_0711.gif') repeat-x 0 0;z-index:100;text-align:center;} .topBanner:after{z-index:-1;content:"";position:fixed;top:0;right:0;width:50%;height:100px;background:url('../images/common/topBanner_bg_right_0711.gif') repeat-x 0 0;} .topBanner div {position:absolute;left:50%;top:0;width:1920px;height:100px;margin-left:-960px;text-align:center;} .topBanner img {width:auto;height:auto;max-width:none;} .topBanner a {display:block;} .topBanner a.topBannerClose {overflow:hidden;position:absolute;left:50%;top:15px;width:69px;height:70px;margin-left:500px;display:block;background:url('../images/common/topBanner_clsoe_0711.png');text-indent:-9999px;} /* service */ .service_wrap .service_tab{position:absolute;top:120px;left:50%;width:248px;height:60px;padding:3px;margin-left:-124px;background:#fff;border-radius:60px;} .service_wrap .service_tab li{float:left;width:121px;height:54px;line-height:54px;text-align:center;cursor:pointer;} .service_wrap .service_tab li a{display:block;color:#5a6685;} .service_wrap .service_tab li.on a{display:block;color:#fff;} .service_wrap .service_tab li.on{float:left;width:121px;height:54px;line-height:54px;border-radius:60px;} .service_wrap .service_tab li.on.indi{background:#223864;} .service_wrap .service_tab li.on.cst{background:#1c82bb;} .service_wrap .service_tab_content .stab_box01 .header_group{height:483px;background:url(/images/sub/service_header01_2.jpg) no-repeat 50% 0;background-size:cover;} .service_wrap .service_tab_content .stab_box01 .section01{position:relative;height:820px;background:#384b70;padding-top:106px;overflow:hidden;} .service_wrap .service_tab_content .stab_box01 .section01 p{padding-top:19px;color:#fff;font-size:17px;line-height:1.64;} .service_wrap .service_tab_content .stab_box01 .section01 a{z-index:5;position:absolute;top:154px;left:0;width:320px;height:60px;line-height:58px;border:solid 1px #fff;text-align:center;border-radius:2px;color:#fff;font-size:18px;font-weight:700;} .service_wrap .service_tab_content .stab_box01 .section01 a:hover{color:#223864;background:#fff;border-color:#fff;} .service_wrap .service_tab_content .stab_box01 .section01 .secbg01{opacity: 1;position:absolute;z-index:1;left:50%;margin-left:-594px;bottom:-172px;} .service_wrap .service_tab_content .stab_box01 .section01 .secbg02{position:absolute;z-index:2;left:50%;margin-left:-594px;bottom:-122px;} .service_wrap .service_tab_content .stab_box01 .section01 .secbg03{position:absolute;z-index:3;left:50%;margin-left:-594px;bottom:-72px;} .animation-element {opacity: 0;position: relative;} .animation-element.slide-left1 {opacity: 0;-moz-transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;-o-transition: all 1000ms ease-out;transition: all 1000ms ease-out;-moz-transform: translate3d(0px, -200px, 0px);-webkit-transform: translate3d(0px, -200px, 0px);-o-transform: translate(0px, -200px);-ms-transform: translate(0px, -200px);transform: translate3d(0px, -200, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .animation-element.slide-left2 {opacity: 0;-moz-transition: all 1500ms ease-out;-webkit-transition: all 1500ms ease-out;-o-transition: all 1500ms ease-out;transition: all 1500ms ease-out;-moz-transform: translate3d(0px, -200px, 0px);-webkit-transform: translate3d(0px, -200px, 0px);-o-transform: translate(0px, -200px);-ms-transform: translate(0px, -200px);transform: translate3d(0px, -200, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .animation-element.slide-left3 {opacity: 0;-moz-transition: all 2000ms ease-out;-webkit-transition: all 2000ms ease-out;-o-transition: all 2000ms ease-out;transition: all 2000ms ease-out;-moz-transform: translate3d(0px, -200px, 0px);-webkit-transform: translate3d(0px, -200px, 0px);-o-transform: translate(0px, -200px);-ms-transform: translate(0px, -200px);transform: translate3d(0px, -200, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .animation-element.slide-left.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);} .service_wrap .service_tab_content .stab_box01 .section02{position:relative;height:840px;background:#475b82;padding-top:77px;overflow:hidden;} .service_wrap .service_tab_content .stab_box01 .section02 .inwrap{background:url(/images/sub/stab_box02_imgbg.png) no-repeat 158px 22px;} .service_wrap .service_tab_content .stab_box01 .section02 dl{width:368px;margin-bottom:23px;} .service_wrap .service_tab_content .stab_box01 .section02 dl:after{content:"";display:block;clear:both;} .service_wrap .service_tab_content .stab_box01 .section02 dl dt{padding-bottom:19px;} .service_wrap .service_tab_content .stab_box01 .section02 dl dd{float:left;width:178px;height:38px;margin:0 6px 6px 0;line-height:36px;border:solid 1px #fff;text-align:center;border-radius:2px;color:#fff;font-size:15px;} .service_wrap .service_tab_content .stab_box01 .section02 strong{position:absolute;top:189px;left:591px;} .service_wrap .service_tab_content .stab_box01 .section02 p{position:absolute;top:295px;left:591px;color:#fff;font-size:17px;line-height:1.64;letter-spacing:-1px;} .service_wrap .service_tab_content .stab_box01 .section02 a{position:absolute;top:392px;left:591px;width:320px;height:60px;line-height:58px;border:solid 1px #fff;text-align:center;border-radius:2px;color:#fff;font-size:18px;font-weight:700;} .service_wrap .service_tab_content .stab_box01 .section02 a:hover{color:#223864;background:#fff;border-color:#fff;} .service_wrap .service_tab_content .section03{position:relative;background:#f7f7f7;padding-top:103px;overflow:hidden;} .service_wrap .service_tab_content .section03 h1{font-size:40px;font-weight:400;font-family: 'Nanum Square';} .service_wrap .service_tab_content .section03 .tc p{position:relative;padding:23px 0 30px;color:#222;font-size:17px;} .service_wrap .service_tab_content .section03 .tc p:before{content:"";position:absolute;bottom:0;left:505px;width:110px;height:2px;background:#6a6a6a} .service_wrap .service_tab_content .section03 ul{margin-top:49px;} .service_wrap .service_tab_content .section03 ul li:after{content:"";display:block;clear:both;} .service_wrap .service_tab_content .section03 ul li{position:relative;height:309px;padding-top:52px;border-bottom:solid 1px #d9dadc} .service_wrap .service_tab_content .section03 ul li strong{padding:2px 3px;color:#fff;font-size:17px;line-height:1.64;background-color: #589cb8;} .service_wrap .service_tab_content .section03 ul li strong b{display:inline !important;font-weight:700;font-size:20px !important;} .service_wrap .service_tab_content .section03 ul li strong b:before{display:none;} .service_wrap .service_tab_content .section03 ul li p{padding-top:13px;color:#222;font-size:17px;line-height:1.64;} .service_wrap .service_tab_content .section03 ul li p .cblue2{display:block;} .service_wrap .service_tab_content .section03 ul li div span b{position:relative;display:block;font-size:25px;padding-bottom:15px} .service_wrap .service_tab_content .section03 ul li div span b:before{content:"";position:absolute;bottom:0;left:0;width:110px;height:2px;background:#223864} .service_wrap .service_tab_content .section03 ul li.left_box .left_txt{display:table;height:257px;float:left;padding-left:67px;} .service_wrap .service_tab_content .section03 ul li.left_box .left_txt>span{display:table-cell;vertical-align:middle;} .service_wrap .service_tab_content .section03 ul li.right_box .right_txt{display:table;height:257px;float:left;padding-left:638px;} .service_wrap .service_tab_content .section03 ul li.right_box .right_txt>span{display:table-cell;vertical-align:middle;} .service_wrap .service_tab_content .section03 ul li.left_box .img_float{position:absolute;bottom:-1px;right:68px;} .service_wrap .service_tab_content .section03 ul li.right_box .img_float{position:absolute;bottom:-1px;left:68px;} .animation-element.slide-img{opacity:0;-moz-transition:all 1000ms ease-out;-webkit-transition:all 1000ms ease-out;-o-transition:all 1000ms ease-out;transition:all 1000ms ease-out;-moz-transform: translate3d(0px, -100px, 0px);-webkit-transform: translate3d(0px, -100px, 0px);-o-transform: translate(0px, -100px);-ms-transform: translate(0px, -100px);transform: translate3d(0px, -100, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .service_wrap .service_tab_content .stab_box01 .section04{position:relative;height:317px;padding-top:80px;background:url(/images/sub/stab_box01_sec04_bg.jpg) no-repeat center 0;text-align:center;background-size:cover;} .service_wrap .service_tab_content .stab_box01 .section04 .inwrap{text-align:left;} .service_wrap .service_tab_content .stab_box01 .section04 div{margin-top:40px;} .service_wrap .service_tab_content .stab_box01 .section04 .join_btn{display:inline-block;width:200px;height:50px;margin:0 auto;line-height:50px;color:#fff;text-align:center;border-radius:2px;background:#475b82;} .service_wrap .service_tab_content .stab_box01 .section04 .join_btn:first-child{margin-right:7px;} .service_wrap .service_tab_content .stab_box01 .section04 .join_btn:hover{background:#2c3f66;} .service_wrap .service_tab_content .stab_box02 .header_group{height:483px;background:url(/images/sub/service_header02_2.jpg) no-repeat 50% 0;background-size:cover;} .service_wrap .service_tab_content .header_group h1{max-width:1120px;margin:0 auto;padding-top:200px;} .service_wrap .service_tab_content .header_group h1 img{display:block;max-width:391px;margin-bottom:45px;} .service_wrap .service_tab_content .header_group h1 a:hover{color:#223864;background:#fff;border-color:#fff;} .service_wrap .service_tab_content .header_group h1 a{display:inline-block;width:320px;height:60px;line-height:58px;border:solid 1px #fff;text-align:center;border-radius:2px;color:#fff;font-size:18px;font-weight:700;} .service_wrap .service_tab_content .stab_box02 .section01{position:relative;height:820px;background:#4481a3;padding-top:100px;overflow:hidden;text-align:center;} .service_wrap .service_tab_content .stab_box02 .section01 p{margin:23px 0 66px;color:#fff;font-size:16px;line-height:1.75;} .service_wrap .service_tab_content .stab_box02 .section02{position:relative;height:840px;background:#589cb8;padding-top:98px;overflow:hidden;text-align:center;} .service_wrap .service_tab_content .stab_box02 .section02 h1{font-size:40px;font-weight:400;font-family: 'Nanum Square';color:#fff;} .service_wrap .service_tab_content .stab_box02 .section02 p{margin:23px 0 112px;color:#fff;font-size:16px;line-height:1.75;} .service_wrap .service_tab_content .stab_box02 .section04{position:relative;height:500px;padding-top:80px;background:url(/images/sub/stab_box02_sec04_bg.jpg) no-repeat 0 0;text-align:center;} .service_wrap .service_tab_content .stab_box02 .section04 .join_btn{display:block;width:200px;height:50px;margin:0 auto;line-height:50px;color:#fff;text-align:center;border-radius:2px;background:#349bc6;} .service_wrap .service_tab_content .stab_box02 .section04 .join_btn:hover{background:#197ea6;} .service_wrap .service_tab_content .stab_box02 .section04 figure{margin-top:60px;} .service_wrap .service_tab_content .stab_box02 .section04 p{margin-top:60px;color:#fff;line-height:1.2;} .service_wrap .service_tab_content .stab_box02 .section04 p b{display:block;font-size:14px;opacity:0.7;} .service_wrap .service_tab_content .stab_box02 .section04 ul{width:740px;margin:30px auto 0;} .service_wrap .service_tab_content .stab_box02 .section04 ul li{float:left;width:360px;background-color:#fff;opacity:0.85;border-radius:3px;} .service_wrap .service_tab_content .stab_box02 .section04 ul li:first-child{margin-right:20px;} .service_wrap .service_tab_content .stab_box02 .section04 ul li span{display:inline-block;width:108px;height:34px;margin-top:30px;line-height:30px;border-radius:30px;border:solid 2px #349bc6;color:#349bc6;font-size:14px;font-weight:700;text-align:center;} .service_wrap .service_tab_content .stab_box02 .section04 ul li a{display:block;padding:35px 0;color:#353738;font-size:20px;font-weight:700;} .service_wrap .service_tab_content .stab_box02 .section04 ul li i{display:block;padding:35px 0;color:#353738;font-size:20px;font-weight:700;} /* 공지,faq 상단 박스메뉴 */ #container .sub_notice_wrap{padding:80px 0 100px;background:#f5f6f7;} #container .sub_notice_wrap h1{font-size:40px;font-weight:700;font-family: 'Nanum Square';text-align:center;} #container .subpage_tab{margin:49px 0 10px;padding:26px 0;text-align:center;border:solid 1px #d7dade;background:#fff;border-radius:5px;} #container .subpage_tab a{position:relative;display:inline-block;margin:0 24px;color:#6b6e70;cursor:pointer;} #container .subpage_tab a.on:before{content:"";position:absolute;top:-27px;left:0;width:100%;height:1px;background:#187bcc} #container .subpage_tab a.on{color:#187bcc;font-weight:700;} #container .sub_noti_list{padding:29px 29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .sub_noti_list ul{padding-bottom:20px;} #container .sub_noti_list li{padding:17px 0 18px;border-bottom:solid 1px #d7dade;} #container .sub_noti_list li:first-child{border-top:solid 1px #d7dade;} #container .sub_noti_list li i{display:block;float:left;width:108px;height:34px;line-height:34px;color:#fff;border-radius:33px;font-size:14px;text-align:center;} #container .sub_noti_list li i.ico_noti{background:#3da0f2;} #container .sub_noti_list li i.ico_evt{background:#115891;} #container .sub_noti_list li p{float:left;width:780px;padding-left:30px;} #container .sub_noti_list li p a{color:#353738;font-size:16px;line-height:34px;} #container .sub_noti_list li span{float:left;color:#999da1;font-size:14px;line-height:34px;} #container .sub_noti_list li:after{content:"";display:block;clear:both;} #container .sub_notice_detail_wrap{padding:80px 0 100px;background:#f5f6f7;} #container .sub_notice_detail_wrap h1{padding-bottom:19px;text-align:center;color:#222;font-size:30px;font-weight:700;} #container .sub_notice_detail_wrap .noti_detail_regidate p{text-align:center;color:#999da1;font-size:14px;letter-spacing:1px;} #container .sub_notice_detail_wrap .noti_detail_view{min-height:250px;margin-top:30px;padding:40px;border:solid 1px #d7dade;border-radius:5px;background:#fff;font-size:16px;color:#353738;} #container .sub_notice_detail_wrap .noti_detail_view p{line-height:1.5;} #container .sub_notice_detail_wrap .noti_detail_view div{line-height:1.5;} #container .sub_notice_detail_wrap .noti_detail_view img{line-height:1.5;} /* faq */ #container .sub_faq_wrap{padding:80px 0 100px;background:#f5f6f7;} #container .sub_faq_wrap h1{text-align:center;font-size:40px;font-weight:700;font-family: 'Nanum Square';} #container .sub_faq_wrap .faqTab{position:absolute;top:0;right:0;width:190px;height:50px;padding:2px 3px;line-height:44px;background:#fff;border-radius:33px;border:solid 1px #d7dade;} #container .sub_faq_wrap .faqTab li{float:left;text-align:center;cursor:pointer;} #container .sub_faq_wrap .faqTab li.on{background:#3da0f2;border-radius:33px;cursor:default;} #container .sub_faq_wrap .faqTab li a{display:block;width:86px;height:44px;line-height:44px;color:#999da1;font-size:15px;} #container .sub_faq_wrap .faqTab li.on a{width:94px;color:#fff;font-weight:700;} #container .sub_faq_wrap .sub_faq_list{padding:29px 29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} #container .sub_faq_wrap .sub_faq_list ul{padding-bottom:20px;} #container .sub_faq_wrap .sub_faq_list li{border-bottom:solid 1px #d7dade;} #container .sub_faq_wrap .sub_faq_list li:first-child{border-top:solid 1px #d7dade;} #container .sub_faq_wrap .sub_faq_list .faqList li a{display:block;padding:26px 0 28px 27px;color:#353738;font-size:16px;background:url(/images/sub/ico_faqList_close.png) no-repeat 1019px 50%;} #container .sub_faq_wrap .sub_faq_list .faqList li.open a{background:#e6e9ed url(/images/sub/ico_faqList_open.png) no-repeat 1019px 50%;color:#187bcc;} #container .sub_faq_wrap .sub_faq_list .faqList li .answer{display:none;padding:5px 40px 30px 27px;font-size:15px;color:#353738;line-height:1.6;background:#e6e9ed;} /* 문의하기 */ .sub_contact_wrap{padding:80px 0 100px;background:#f5f6f7;} .sub_contact_wrap h1{text-align:center;font-size:40px;font-weight:700;font-family: 'Nanum Square';} .sub_contact_wrap .contact_infoTxt{padding-top:17px;font-size:16px;color:#666;line-height:1.625;text-align:center;} .sub_contact_wrap .contact_form .tr{padding-bottom:21px;color:#6b6e70;font-size:13px;} .sub_contact_wrap .contact_form table{border-radius:5px} .sub_contact_wrap .contact_form table tbody th{background:#f5f5f5;padding-left:30px;text-align:left;letter-spacing:1px;font-size:15px;} .sub_contact_wrap .contact_form table tbody tr:first-child th{border-radius:5px 0 0 0;} .sub_contact_wrap .contact_form table tbody tr:last-child th{border-radius:0 0 0 5px;} .sub_contact_wrap .contact_form table tbody tr:last-child td{border-radius:0 0 5px 0 ;} .sub_contact_wrap .contact_form table tbody tr.tr02 span{display:inline-block;margin-left:17px;} .sub_contact_wrap .contact_form table tbody tr.tr02 span label{padding:0 14px 0 27px;} .sub_contact_wrap .agreeArea {position:relative;border:solid 1px #d7dade;border-radius:5px;margin-top:20px;background:#fff;} .sub_contact_wrap .agreeArea dl {padding:29px 29px 24px;} .sub_contact_wrap .agreeArea dl:after {content:"";display:block;clear:both;} .sub_contact_wrap .agreeArea dl dt {float:left;font-size:16px;color:#6b6e70;} .sub_contact_wrap .agreeArea dl dd {float:right;width:867px;font-size:15px;color:#999da1;} .sub_contact_wrap .agreeArea dl dd li{line-height:1.7;} .sub_contact_wrap .agreeArea dl dd li ul{padding-left:16px;} .sub_contact_wrap .agreeArea dl dd p{margin-top:-4px;color:#999da1;font-size:15px;line-height:1.7;} .sub_contact_wrap .agreeArea .agreechk{position:absolute;bottom:29px;right:29px;} .sub_contact_wrap .agreeArea .agreechk label{color:#353738;} /* 이용약관,개인정보취급방침 */ .tos_privacy{padding:40px 0 100px;} .tos_privacy h1{font-size:24px;font-weight:700;padding-bottom:20px;} .tos_privacy div{margin-bottom:50px;} .tos_privacy h2{margin-bottom:16px;color:#666;font-size:16px;font-weight:bold;line-height:1.5;} .tos_privacy p{margin-bottom:16px;color:#666;font-size:16px;line-height:1.5;} .tos_privacy ul{margin-bottom:16px;} .tos_privacy li{color:#666;font-size:16px;line-height:1.5;} .tos_privacy li span{display:inline-block;width:65px;} .tos_privacy .li {list-style:disc;} .tos_privacy table{margin-bottom:16px;} .tos_privacy table tbody td{font-size:16px;} /* 에러페이지 */ .help_error_wrap{min-height:664px;background:#f5f6f7;} .help_error_wrap .inwrap{padding-top:100px;} .help_error_wrap section{margin-bottom:61px;background:#fff;border-radius:5px;text-align:center;} .help_error_wrap section h1{padding:71px 0 15px;color:#353738;font-size:24px;line-height:1.7;} .help_error_wrap section p{padding-bottom:5px;color:#999da1;font-size:15px;line-height:1.77;} .help_error_wrap section .btnArea{margin-bottom:80px;} .help_error_wrap .help_customer{text-align:center;} .help_error_wrap .help_customer strong{position:relative;display:inline-block;padding-right:21px;color:#353738;font-size:15px;line-height:23px;} .help_error_wrap .help_customer strong:after{content:"";position:absolute;top:4px;right:0;width:1px;height:15px;background:#999da1;} .help_error_wrap .help_customer span{position:relative;display:inline-block;padding-left:63px;color:#6b6e70;font-size:14px;line-height:23px;} .help_error_wrap .help_customer span.help2{padding-left:59px;} .help_error_wrap .help_customer span a{color:#6b6e70;font-size:14px;} .help_error_wrap .help_customer span.help1:before{content:"";position:absolute;top:1px;left:26px;width:23px;height:21px;background:url(/images/sub/help_icon01.png) no-repeat 0 0;} .help_error_wrap .help_customer span.help2:before{content:"";position:absolute;top:3px;left:24px;width:21px;height:16px;background:url(/images/sub/help_icon02.png) no-repeat 0 0;} /*메일인증*/ .rg_em{margin-top:5px} .rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden} /* 플로팅이벤트배너(공채) */ #evt_floating{z-index:300;position:fixed;bottom:30%;right:50%;margin-right:-708px;} #evt_floating .ban_opn{display:none;position:fixed;top:50%;right:50%;margin:-369px -600px 0 0px;height:738px;overflow:auto;} #evt_floating .ban_clse{cursor:pointer;} #evt_floating .ban_opn .close_x{z-index:999;position:absolute;top:5px;right:5px;cursor:pointer;} /* 메인 좌측슬라이드 배너 */ .left_ban_fair{z-index:100;position:absolute;top:162px;left:0;width:550px;height:400px;} .left_ban_fair section{opacity:0.97;} .left_ban_fair div{float:left;} .left_ban_fair ul{float:left;width:250px;height:400px;padding:46px 0 0 33px;background:#fff;} .left_ban_fair ul li{float:left;position:relative;margin-left:15px;} .left_ban_fair ul li img{-webkit-box-shadow:0 0 8px 2px #e7e7e7;box-shadow:0 0 8px 2px #e7e7e7;} .left_ban_fair ul li:hover img{-webkit-box-shadow:0 0 8px 2px #d1d1d1;box-shadow:0 0 8px 2px #d1d1d1;} .left_ban_fair ul li p{padding:16px 0 24px 0;color:#353738;font-size:20px;line-height:1.2;} .left_ban_fair ul li:hover p{color:#187bcc;} .left_ban_fair ul li b{color:#6b6e70;font-size:15px;font-family:Verdana !important;} .left_ban_fair ul li:hover b{color:#187bcc;} .left_ban_fair ul li .arrow{position:absolute;left:47px;top:310px;width:24px;height:8px;background:url(/images/main/left_ban_arrow.jpg) no-repeat 0 0;} .left_ban_fair ul li:hover .arrow{background:url(/images/main/left_ban_arrow_on.jpg) no-repeat 0 0;} .left_ban_fair .evt_closer{z-index:101;position:absolute;top:0;left:550px;width:60px;height:130px;background:url(/images/main/left_ban_label.jpg) no-repeat 0 0;font-size:0;cursor:pointer;} .left_ban_fair .evt_opner{display:none;z-index:101;position:absolute;top:0;left:550px;width:60px;height:130px;background:url(/images/main/left_ban_label_opn.jpg) no-repeat 0 0;font-size:0;cursor:pointer;} #browser_pop{display:none;z-index:9999;position:absolute;top:0;left:0;width:100%;padding:25px;background-color: #146fcc;} #browser_pop h1{padding-bottom:20px;color:#fff;font-size:24px;font-family: 'Nanum Square';} #browser_pop p{padding-bottom:5px;line-height:1.2;color:#fff;font-size:17px;font-family: 'Nanum Square';} #browser_pop p b{color: #35e5f5;font-size:17px;font-weight:700;font-family: 'Nanum Square';} #browser_pop div{position:absolute;top:42px;right:50px;} #browser_pop div a{display:inline-block;width:200px;height:50px;margin-right:5px;line-height:50px;border-radius:3px;text-align:center;color:#fff;font-size:17px;font-family: 'Nanum Square';background: -moz-linear-gradient(left, #3da0f2 0%, #2db9f5 100%) !important;background: -webkit-linear-gradient(left, #3da0f2 0%,#2db9f5 100%) !important;background: linear-gradient(to right, #3da0f2 0%,#2db9f5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da0f2', endColorstr='#2db9f5',GradientType=0 ) !important;} #browser_pop div a i{margin-right:10px;} #browser_pop div a i img{width:25px;height:25px;} #browser_pop .close{position:absolute;top:-15px;right:0;color:#fff;font-family: 'Nanum Square';font-size:16px;cursor:pointer;} @media only screen and (max-device-width :768px){ #container .field_consultant_list_old li .fcl_bot .row01 span{letter-spacing:-1.5px;} #container .field_consultant_list_old li .fcl_bot .row02 span{letter-spacing:-1.5px;} #container .field_consultant_list li .fcl_bot .row01 span{letter-spacing:-1.5px;} #container .field_consultant_list li .fcl_bot .row02 span{letter-spacing:-1.5px;} footer .footer_row1{width:730px;} footer .footer_row1 .f_address p{letter-spacing:-1.2px;} } /* ========================================================= */ /* main moblie min340 max640 /* ========================================================= @media all and (min-width:340px) and (max-width :640px){ #wrapper.main_wrapper .inwrap,#wrapper.main_wrapper #container{min-width:340px;max-width:640px;} #wrapper.main_wrapper .main_program .program_block{padding:0 5% 55px;} .main_wrapper .main_program .program_block li{width:32%;height:50px;} .main_wrapper .main_program .program_block li a{width:100%;height:50px;} .main_wrapper .main_program .program_block li:nth-of-type(2n){margin-right:5px;} .main_wrapper .main_program .program_block li:nth-of-type(5n){margin-right:5px;} .main_wrapper .main_program .program_block li:nth-of-type(8n){margin-right:5px} .main_wrapper .main_program .program_block li:nth-of-type(3n){margin-right:0} .main_wrapper .main_program .program_block li a span{font-size:12px;} .main_wrapper .main_program .swiper-container .pr_txt{width:70%;} .main_wrapper .main_footbox{height:100%;padding:80px 0;} .main_wrapper .main_footbox .board_group{position:relative;top:0;left:50%;width:90%;height:100%;margin-left:-45%;padding:5%;} .main_wrapper .main_footbox .board_group_tab{margin-bottom:3%;} .main_wrapper .main_footbox .board_group_tab li{position:relative;float:left;width:33%;padding:15px 10px;} .main_wrapper .main_footbox .board_tab_cont li p{width:70%;} .main_wrapper .main_footbox .sns_group{position:relative;top:0;right:0;width:90%;height:100%;padding:20px 0 15px;margin-left:5%;} .main_wrapper .main_footbox .sns_group a img{width:100%;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(1) .moving{bottom:24%;left:40%;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(2) .moving{bottom:32%;left:40%;} .main_wrapper .main_footbox .sns_group.fair a:nth-of-type(3) .moving{bottom:22%;left:40%} .main_wrapper .main_footbox .service_group{width:90%;margin-left:5%;} .main_wrapper .main_footbox .service_group div{position:relative;float:none;width:100%;margin-top:0;} .main_wrapper .main_footbox .service_group div a>img{width:100%;} .main_wrapper .main_footbox .service_group .left_sg{margin:0 0 5px 0;} .main_wrapper .main_footbox .service_group div .sg_plus{width:36px;height:36px;top:50%;right:10%;margin-top:-18px;} #wrapper.main_wrapper footer{min-width:340px;height:100%;} #wrapper.main_wrapper footer .footer_row1{float:none;width:100%;} #wrapper.main_wrapper footer .footer_row1 .logo_footer{left:5%;} #wrapper.main_wrapper footer .footer_row1 .footer_menu li{padding-bottom:10px;} #wrapper.main_wrapper footer .footer_row1 .f_address p{line-height:1.4;} #wrapper.main_wrapper footer .footer_row1{padding:0 5%;} #wrapper.main_wrapper footer .footer_row2{position:relative;float:none;padding:40px 5% 20px;} #wrapper.main_wrapper footer .footer_row2 .footer_menu dl{float:left;margin-left:10%;} #wrapper.main_wrapper footer .footer_row2 .sns{position:relative;top:0;right:0;padding-top:20px;} #wrapper.main_wrapper footer .footer_row2 .sns:after{content:"";display:block;clear:both;} } */ /* ========================================================= */ /*컨설턴트 소개 : field_consultant_list (Old) */ #container .field_consultant_list_old li {width: 49%; margin: 0 0 20px 2%;border-radius:5px;} #container .field_consultant_list_old li:nth-child(2n+1){margin-left:0;} #container .field_consultant_list_old li .fcl_top {width: 100%;height: 186px; background: #fff;border-radius:0 5px 0 0;} #container .field_consultant_list_old li .fcl_top strong {top: 35px;left: 199px;text-align: left;width: calc(100% - 240px);height: 1.2em; overflow: hidden;} #container .field_consultant_list_old li .fcl_top strong b {display: inline; word-break: break-all} #container .field_consultant_list_old li .fcl_top figure {width: 200px;height: 186px} #container .field_consultant_list_old li .fcl_top figure:after {width: 200px; background-position: center 0} #container .field_consultant_list_old li:hover .fcl_top figure:after {width: 200px; background-position: center 0} #container .field_consultant_list_old li .fcl_top .row01 {position: absolute;top: 100px;left: 200px;background: #f5f6f7;} #container .field_consultant_list_old li .fcl_top .row01 p {text-align: left; font-size: 13px;letter-spacing: -0.05em;line-height: 1.5em;height: 3em; overflow: hidden; word-break: break-all} #container .field_consultant_list_old li .fcl_bot .row01 p {text-align: left; font-size: 13px;letter-spacing: -0.05em;line-height: 1.5em;height: 3em; overflow: hidden; word-break: break-all;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word;} #container .field_consultant_list_old li .fcl_top .row01:after,#container .field_consultant_list_old li .fcl_top .row02:after{content:"";display:block;clear:both;} #container .field_consultant_list_old li .fcl_top .row01 span{display:inline-block;color:#999da1;font-size:13px;letter-spacing:-.7px;word-break: keep-all; padding: 12px 15px;} #container .field_consultant_list_old li .fcl_top .row01 span b{display:block;padding-bottom:8px;color:#353738;font-size:16px;font-weight:700;} #container .field_consultant_list_old li .fcl_top .row02 {position: absolute; top: 65px;left: 200px;} #container .field_consultant_list_old li .fcl_top .row02 span{float:none;height:25px;width:50px;display: inline-block;margin-right:5px;line-height:25px;color:#fff;font-size:12px;border-radius:2px;text-align:center;} #container .field_consultant_list_old li .fcl_top .row02 span:last-child{margin-right:0;} #container .field_consultant_list_old li .fcl_top .row02 span.cate_career{width:115px;} #container .field_consultant_list_old li .fcl_top .inter_heart{top:20px;left:auto;right:20px;} #container .field_consultant_list_old li .fcl_top .inter_heart img{display:block;margin-bottom:8px;} #container .group_review .group_review_list li .right_box p {word-wrap: break-word} /* 컨설턴트 소개 : field_consultant_list (new) */ #container .field_consultant_list li {width: 49%; margin: 0 0 20px 2%; border-radius: 5px;} #container .field_consultant_list li:nth-child(2n+1) {margin-left: 0;} #container .field_consultant_list li .fcl_top {width: auto; height: 250px; background: #fff; border-radius: 0 5px 0 0;} #container .field_consultant_list li .fcl_top strong {display: block; top: 25px; left: 215px; width: calc(100% - 240px); height: auto; text-align: center; vertical-align: center;} #container .field_consultant_list li .fcl_top strong b {display: block; word-break: break-all} #container .field_consultant_list li .fcl_top figure {padding: 0; margin: 0; width: 208px; height: 180px; top: 0; overflow: hidden;} #container .field_consultant_list li .fcl_top figure img {position: relative; top: 0; left: 16px; padding-top: 20px; margin: 0; display: block; z-index: 1; width: 100%; height: auto;} #container .field_consultant_list li .fcl_top figure:after {z-index:1; height: 278px; background-position: center 0; background: none; overflow: hidden;} #container .field_consultant_list li:hover .fcl_top figure:after {z-index: 1; height: 278px; background-position: center 0; background: none; overflow: hidden;} #container .field_consultant_list li .fcl_top .row01 {position: absolute; top: 90px; left: 200px; width: 340px; height: auto; background: #fff;} #container .field_consultant_list li .fcl_top .row01 img {padding-bottom: 10px;} #container .field_consultant_list li .fcl_top .row01 p {text-align: left; font-size: 13px; letter-spacing: -0.05em; line-height: 1.5em; height: 3em; overflow: hidden; word-break: break-all} #container .field_consultant_list li .fcl_top .row01:after,#container .field_consultant_list li .fcl_top .row02:after {content:"";display:block;clear:both;} #container .field_consultant_list li .fcl_top .row01 span {display: inline-block; width: 30%; padding: 10px 10px; background: #f6f6f6; color: #999da1; font-size: 11px; letter-spacing: -.7px; word-break: keep-all;} #container .field_consultant_list li .fcl_top .row01 span b {display: block; padding-bottom: 8px; color: #353738; font-size: 17px; font-weight: 700; font-family: 'Roboto', 'NanumBarunGothic', 'Sans-serif';} #container .field_consultant_list li .fcl_top .row02 {display: block;} #container .field_consultant_list li .fcl_top .row02 span {float: none; height: 25px; width: 50px; display: inline-block; margin-right: 5px; line-height: 25px; color: #fff; font-size: 12px; border-radius: 2px; text-align: center;} #container .field_consultant_list li .fcl_top .row02 span:last-child {margin-right: 0;} #container .field_consultant_list li .fcl_top .row02 span.cate_career {width: 115px;} #container .field_consultant_list li .fcl_top .inter_heart {top: 20px; left: auto; right: 20px;} #container .field_consultant_list li .fcl_top .inter_heart img {display: block; margin-bottom: 8px;} #container .field_consultant_list li .fcl_top .con_intro {width: calc(100% - 40px); height: 50px; margin-top: 10px; margin-left: 20px; padding: 0; border-top: 1px solid #3da0f2; font-size: 14px; text-align: left; line-height: 20px; overflow: hidden; word-break: break-all; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} #container .field_consultant_list li .fcl_top .con_intro p {padding: 7px 0;} #container .field_consultant_list li .fcl_bot {height: 82px; padding: 0; background:#3da0f2; text-align: center; border-radius: 0 0 5px 5px;} #container .field_consultant_list li .fcl_bot .row01:after,#container .field_consultant_list li .fcl_bot .row02:after {content: ""; display: block; clear: both;} #container .field_consultant_list li .fcl_bot .row01 .detail_btn {float: right;} #container .field_consultant_list li .fcl_bot .row01 {padding: 10px 20px; text-align: left;} #container .field_consultant_list li .fcl_bot .row01 .icoJob {display: inline-block; padding: 10px 0; width: 88%;} #container .field_consultant_list li .fcl_bot .row01 .icoJob img{width: auto; height: 42px; margin-right: 10px;} #container .group_review .group_review_list li .right_box p {word-wrap: break-word} /*컨설팅 신청*/ .consulting_apply_wrap {background: #E6E9ED; padding-bottom: 30px} .consulting_apply_wrap .top {height: 245px; background: url(/images/sub/consult_header01.jpg) no-repeat center 0 / cover;} .consulting_apply_wrap .top h3, .consulting_apply_wrap .top h4 {font-size: 0; opacity: 0} .consulting_apply_wrap .c_process {max-width: 1120px; margin: 35px auto 30px; background: #fff; border-radius: 5px; border: 1px solid #D7DADE} .consulting_apply_wrap .c_process .c_process_txt {padding: 30px 30px 0;border-bottom: 1px solid #E5E9ED} .consulting_apply_wrap .c_process .c_process_txt li {color: #353738; font-size: 15px; line-height: 1.5;padding-left:14px;text-indent:-14px;} .consulting_apply_wrap .c_process .c_process_txt p {color: #3da0f3; font-size: 1rem; font-weight: bold; margin: 30px 0 0 0; text-align:center;} .consulting_apply_wrap .c_process .c_process_txt .c_img_group{text-align: center; padding-bottom: 20px} .consulting_apply_wrap .c_process .c_process_txt .c_img_group img {margin-right: 10px; margin-top: 30px} .consulting_apply_wrap .c_process .c_process_txt .c_img_group img:last-child {margin-right: 0} .consulting_apply_wrap .c_process .c_process_toggle{padding: 10px 0; text-align: center; width: 100%; } .consulting_apply_wrap .c_process .c_process_toggle .toggle{color: #999da1; font-size: 14px} .consulting_apply_wrap .c_process .c_process_toggle .toggle span:before {content: '';display: inline-block;width: 39px;height: 13px; background: url(/images/sub/consult_ic.png) no-repeat 0 center;} .consulting_apply_wrap .c_process .c_process_toggle .toggle.open span:before {content: '';display: inline-block;width: 51px;height: 15px; background: url(/images/sub/consult_ic_open.png) no-repeat 0 center;} .consulting_apply_wrap .add_consulting_wrap{background: #fff;border-radius: 5px; border: 1px solid #D7DADE; padding:30px 0 0;} .consulting_apply_wrap .add_consulting_wrap .cs01 {padding-bottom: 20px} .consulting_apply_wrap .add_consulting_wrap .cs02 {padding-top: 30px; border-top: 1px solid #D7DADE} .consulting_apply_wrap .add_consulting_wrap .subtit{margin-bottom:20px;padding: 0 30px} .consulting_apply_wrap .add_consulting_wrap .subtit:after{content:"";display:block;clear:both;} .consulting_apply_wrap .add_consulting_wrap .subtit h2{float:left;font-size:24px;font-weight:700;color:#353738;} .consulting_apply_wrap .add_consulting_wrap .subtit p{float:left;margin:10px 0 0 10px;font-size:14px;color:#999da1;} .consulting_apply_wrap .add_consulting_wrap .subtit button {float: right; font-size:14px;color:#999da1;} .consulting_apply_wrap .add_consulting_wrap .subtit button:before {content: '';display: inline-block; width: 15px;height: 15px;background: url(/images/sub/consult_ic_reset.png) no-repeat 0 center; vertical-align: bottom} .consulting_apply_wrap .add_consulting_wrap .csp_select{padding: 0 30px; border: none;} .consulting_apply_wrap .add_consulting_wrap .nice-select{height:70px;} .consulting_apply_wrap .add_consulting_wrap .nice-select .current{height:70px;padding:25px 35px 25px 20px;} .consulting_apply_wrap .add_consulting_wrap .nice-select:after{top:30px;width:21px;height:12px;background-position:-344px -189px} .consulting_apply_wrap .add_consulting_wrap .nice-select.open:after{top:30px;width:21px;height:12px;background-position:-311px -189px} .consulting_apply_wrap .add_consulting_wrap .nice-select:after,.consulting_apply_wrap .add_consulting_wrap .nice-select.open:after{top:30px;} .consulting_apply_wrap .add_consulting_wrap .add_cs_empty{padding:60px 0 59px;border:solid 1px #d7dade;border-radius:5px;background:#fff;text-align:center;color:#bbc0c4} .consulting_apply_wrap .add_consulting_wrap .add_cs_empty p{padding-top:60px;line-height:1.5;background:url(/images/sub/ind_article_pf.png) no-repeat center 0;} .consulting_apply_wrap .csp_select{padding:30px 29px 29px 30px;border:solid 1px #d7dade;border-radius:5px;background:#fff;} .consulting_apply_wrap .csp_select dt{float:left;width:163px;padding-top:27px;font-weight:700;color:#353738;} .consulting_apply_wrap .csp_select dd{float:left;width:895px;padding-top:10px;} .consulting_apply_wrap .csp_select dd li{float:left;width:215px;height:50px;margin:0 11px 10px 0;border-radius:5px;line-height:46px;border:solid 2px #bbc0c4;background:#fff;text-align:center;color:#999da1;cursor:pointer;} .consulting_apply_wrap .csp_select dd li:nth-child(4n+4){margin-right:0;} .consulting_apply_wrap .csp_select dd li:hover,.consulting_apply_wrap .csp_select dd li.on{background:#76b804;border-color:#76b804;color:#fff;} .consulting_apply_wrap .csp_select dd li:hover span,.consulting_apply_wrap .csp_select dd li.on span{padding-left:17px;background:url(/images/common/chek_white_01.png) no-repeat 0 center;} .consulting_apply_wrap .csp_select dd.add_get li:hover,.consulting_apply_wrap .csp_select dd.add_get li.on{background:#76b804;border-color:#76b804;} .consulting_apply_wrap .csp_select dd.add_career li:hover,.consulting_apply_wrap .csp_select dd.add_career li.on{background:#e34f8e;border-color:#e34f8e;} .consulting_apply_wrap .csp_select dd.add_found li:hover,.consulting_apply_wrap .csp_select dd.add_found li.on{background:#716df2;border-color:#716df2;} .consulting_apply_wrap .cs02 .csp_select dd li{width:16%;margin:0 0.8% 10px 0;font-size: 15px} .consulting_apply_wrap .cs02 .csp_select dd li:nth-child(4n+4){margin-right:0.8%;} .consulting_apply_wrap .cs02 .csp_select dd li:nth-child(6n+6){margin-right:0;} .consulting_apply_wrap .cs02 .csp_select dd li:hover,.consulting_apply_wrap .cs02 .csp_select dd li.on{background:inherit;border-color:#3DA0F3;color:#3DA0F3;} .consulting_apply_wrap .cs02 .csp_select dd li:hover span,.consulting_apply_wrap .cs02 .csp_select dd li.on span{padding-left: 0} .consulting_apply_wrap .cs02 .csp_select dd.add_get{width: 100%} .consulting_apply_wrap .c_search {margin-top: 20px; border-top: 1px solid #D7DADE; overflow: hidden} .consulting_apply_wrap .c_search .s_total {width: 140px; padding: 30px 0; border-right: 1px solid #D7DADE; text-align: center; float: left} .consulting_apply_wrap .c_search .s_total p {font-size: 13px; font-weight: bold; color: #353738; } .consulting_apply_wrap .c_search .s_total p span {color: #3DA0F3; } .consulting_apply_wrap .c_search .s_label {height: 74px;width: calc(100% - 265px);padding: 10px 17px 0 10px; border-right: 1px solid #D7DADE; float: left; overflow-y: scroll} .consulting_apply_wrap .c_search .s_label li {display: inline-block; font-size: 13px; padding: 5px 10px; border-radius: 2px; margin-right:3px;margin-bottom: 9px;} .consulting_apply_wrap .c_search .s_label li span:after{content: '';display: inline-block; width: 7px;height: 7px;margin-left: 10px; background: url(/images/sub/consult_ic_x_w.png) no-repeat 0 0} .consulting_apply_wrap .c_search .s_label li.l_biz span:after{content: '';display: inline-block; width: 7px;height: 7px;background: url(/images/sub/consult_ic_x_b.png) no-repeat 0 0} .consulting_apply_wrap .c_search .s_label .l_get {background: #76B804; color:#fff} .consulting_apply_wrap .c_search .s_label .l_career {background: #E34F8E; color:#fff} .consulting_apply_wrap .c_search .s_label .l_found {background: #716DF2; color:#fff} .consulting_apply_wrap .c_search .s_label .l_biz {border: 1px solid #3DA0F3; color: #3DA0F3} .consulting_apply_wrap .c_search .s_btn {float: left; font-size: 0;width:125px;height: 75px;position: relative;background: #3DA0F3} .consulting_apply_wrap .c_search .s_btn:hover {background: #167CCE} .consulting_apply_wrap .c_search .s_btn:before {content: "";position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background: url(/images/common/ico_search_coach2.png) no-repeat 0;background-size:30px 30px;margin-left: -15px; margin-top: -15px} .consulting_apply_wrap .field_list {max-width: 1120px; margin: 20px auto 30px;} .consulting_apply_wrap .field_list h3 {font-size:24px; font-weight: bold; color: #3DA0F3; margin-top: 7px} .consulting_apply_wrap .field_list ul.fcl_list li{display:none;float:left;width:265px;margin:0 0 20px 20px;-webkit-box-shadow:0 1px 2px 1px #cccfd4;box-shadow:0 1px 2px 1px #cccfd4;border-radius:5px;} .consulting_apply_wrap .field_list ul.fcl_list li:hover{-webkit-box-shadow:0 2px 3px 1px #b1b3bb;box-shadow:0 2px 3px 1px #b1b3bb;} .consulting_apply_wrap .field_list ul.fcl_list li:first-child{margin-left:0;} .consulting_apply_wrap .field_list ul.fcl_list li:nth-child(4n+5){margin-left:0;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top{position:relative;width:100%;height:274px;text-align:center;background: #fff} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top figure:after{z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:180px;background:url(/images/sub/fcl_bg.png) no-repeat center 7px;background-size: 185px 169px} .consulting_apply_wrap .field_list ul.fcl_list li:hover .fcl_top figure:after{z-index:1; content:""; position:absolute; top:0; left:0; width:265px; height:180px; background:url(/images/sub/fcl_bg_hover.png) no-repeat center 7px; background-size: 185px 169px} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top figure{position:relative;width:100%;height:180px;overflow:hidden;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top figure img{height:100px;overflow:hidden;margin-top:23px;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top strong{z-index:2;position:absolute;top:140px;left:0;width:100%;font-size:18px;color:#353738;font-weight:700;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top strong b{display:block;padding-top:8px;font-size:14px;color:#115891;font-weight:400;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot{background:#f5f6f7;text-align:center;border-radius:0 0 5px 5px;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01:after,.consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row02:after{content:"";display:block;clear:both;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01{padding:13px} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01 span{float:left;width:33%;color:#999da1;font-size:13px;letter-spacing:-.7px;width: 50%} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01 span b{display:block;padding-bottom:8px;color:#353738;font-size:16px;font-weight:700;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01 span.cost{border-right: 1px solid #E6E9ED; padding: 10px 0 0} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_bot .row01 span.cost b{font-weight: bold} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top .row02{background: #F5F6F7; margin: 20px; padding: 10px;} .consulting_apply_wrap .field_list ul.fcl_list li .fcl_top .row02 p{height: 2.8em; overflow:hidden; font-size: 14px; line-height: 1.4; text-align: left; letter-spacing: -0.05em;} .consulting_apply_wrap .field_list button {width: 100%; border: 2px solid #BBC0C4; padding: 15px; color: #999CA1; font-size: 15px;} .consulting_apply_wrap .field_list button:hover {border: 2px solid #3DA0F3;} .consulting_apply_wrap .field_list button span {letter-spacing: -0.025em;} .consulting_apply_wrap .field_list button span:after {content: '';display: inline-block;width: 11px;height: 7px;margin-left: 10px;background: url(/images/common/sprite.png) no-repeat -277px -50px} .consulting_apply_wrap .c_next_btn {display: block; width: 200px;margin: 0 auto; padding: 20px; color: #fff; background:#3DA0F3; font-size: 15px; text-align: center; letter-spacing: -0.025em; border-radius: 5px} .consulting_apply_wrap .c_next_btn:hover {background: #187BCC} /*컨설팅 사례*/ .consulting_ex_wrap {background: #E6E9ED; padding-bottom: 30px} .consulting_ex_wrap .top {height: 245px; background: url(/images/sub/consult_header02.jpg) no-repeat center 0 / cover;} .consulting_ex_wrap .top h3,.consulting_ex_wrap .top h4 {font-size: 0; opacity: 0} .consulting_ex_wrap .main_consulting_ex {margin-top: 35px} .consulting_ex_wrap .main_consulting_ex .field_srch_wrap {margin-bottom: 20px} .consulting_ex_wrap .main_consulting_ex .ui_select {width: 333px; float: left; margin-right: 20px;position: relative} .consulting_ex_wrap .main_consulting_ex .ui_select:before {z-index: 1; content: ""; position: absolute; top: 18px; left: 18px; width: 23px; height: 16px; background: url(/images/sub/consult_ic_selbg1.png) no-repeat 0 0;} .consulting_ex_wrap .main_consulting_ex .ui_select.c2:before {width: 24px; height: 22px;background: url(/images/sub/consult_ic_selbg2.png) no-repeat 0 0;} .consulting_ex_wrap .main_consulting_ex .ui_select.c3:before {width: 19px; height: 22px;background: url(/images/sub/consult_ic_selbg3.png) no-repeat 0 0;} .consulting_ex_wrap .main_consulting_ex .ui_select .nice-select {height: 60px; padding: 5px 35px 0 30px; border-radius: 5px; border: 2px solid #d7dade;} .consulting_ex_wrap .main_consulting_ex .ui_select .nice-select .current {border: 0} .consulting_ex_wrap .main_consulting_ex .srch_bar {width: 60px; height: 60px; float: left; background: #999DA1; border-radius: 5px} .consulting_ex_wrap .main_consulting_ex .srch_bar:hover {background: #6b6e70} .consulting_ex_wrap .main_consulting_ex .srch_bar button {width: 60px; height: 60px; font-size: 0; position: relative} .consulting_ex_wrap .main_consulting_ex .srch_bar button:before {content: "";position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;background: url(/images/common/sprite.png) no-repeat -190px -223px;margin-left: -8px; margin-top: -8px} /*컨설팅사례 뷰*/ .consulting_ex_detail_wrap .consulting_ex_list>div {position: relative; max-width: 1120px; margin: 30px auto; border-radius: 5px; background: #fff} .consulting_ex_detail_wrap .consulting_ex_list .ex_tit{text-align:right;padding: 30px 30px 0} .consulting_ex_detail_wrap .consulting_ex_list .ex_tit b{position:absolute;top:27px;left:-8px;width:186px;height:36px;padding-top:8px;color:#fff;font-size:16px;font-weight:700;text-align:center;} .consulting_ex_detail_wrap .consulting_ex_list .ex_tit span{display:inline-block;height:32px;line-height:32px;padding:0 10px;font-size:13px;} .consulting_ex_detail_wrap .consulting_ex_list .ex_tit span.tag01{color:#fff;} .consulting_ex_detail_wrap .consulting_ex_list .ex_tit span.tag02{line-height:30px;background-color:#fff;} .consulting_ex_detail_wrap .consulting_ex_list .get .ex_tit b{background:url(/images/main/ex_tit_get_bg.png) no-repeat left center;} .consulting_ex_detail_wrap .consulting_ex_list .get .ex_tit span.tag01{background-color:#76b804;} .consulting_ex_detail_wrap .consulting_ex_list .get .ex_tit span.tag02{color:#76b804;border:solid 1px #76b804;} .consulting_ex_detail_wrap .consulting_ex_list .career .ex_tit b{background:url(/images/main/ex_tit_career_bg.png) no-repeat left center;} .consulting_ex_detail_wrap .consulting_ex_list .career .ex_tit span.tag01{background-color:#e34f8e;} .consulting_ex_detail_wrap .consulting_ex_list .career .ex_tit span.tag02{color:#e34f8e;border:solid 1px #e34f8e;} .consulting_ex_detail_wrap .consulting_ex_list .found .ex_tit b{background:url(/images/main/ex_tit_found_bg.png) no-repeat left center;} .consulting_ex_detail_wrap .consulting_ex_list .found .ex_tit span.tag01{background-color:#7555b8;} .consulting_ex_detail_wrap .consulting_ex_list .found .ex_tit span.tag02{color:#7555b8;border:solid 1px #7555b8;} .consulting_ex_detail_wrap .consulting_ex_list .ex_contents{margin-top:30px;padding: 0 30px 30px } .consulting_ex_detail_wrap .consulting_ex_list .ex_contents strong{display:block;width:100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#353738;font-size:20px;font-weight:700;} .consulting_ex_detail_wrap .consulting_ex_list .ex_contents p{margin-top:25px;color:#6b6e70;font-size:15px;line-height:1.7;} .consulting_ex_detail_wrap .consulting_ex_list .ex_bot {overflow: hidden; border-top: 1px solid #E6E9ED; padding: 20px 30px} .consulting_ex_detail_wrap .consulting_ex_list .ex_bot i{display:block;margin-top:8px;color:#bbc0c4;font-size:14px;} .consulting_ex_detail_wrap .consulting_ex_list .ex_bot .sns_group a{margin-left: 5px} .consulting_ex_detail_wrap .consulting_ex_answer{max-width: 1120px; margin: 0 auto; background: #fff; border-radius: 5px; padding: 30px} .consulting_ex_detail_wrap .consulting_ex_answer .a_title{font-size: 20px; font-weight: bold; color: #3DA0F3; padding-left: 28px; background: url('/images/sub/consult_ic_exan.png') no-repeat 0 center} .consulting_ex_detail_wrap .consulting_ex_answer .a_contents{position:relative;width: 100%;margin-top: 30px; padding: 10px; font-size: 15px; line-height: 1.4; color: #6b6e70; letter-spacing: -0.025em} .consulting_ex_detail_wrap .consulting_ex_answer .a_contents p{position:relative;} .consulting_ex_detail_wrap .warning{max-width: 1120px; margin: 20px auto 0; padding: 10px; font-size: 13px; color: #6b6e70; line-height: 1.5; text-align: center; color: #6b6e70; letter-spacing: -0.025em; background: #D7DADE; border-radius: 5px;} .consulting_ex_detail_wrap .ex_btn_group {max-width: 1120px; margin: 30px auto 0; text-align: center;} .consulting_ex_detail_wrap .ex_btn_group a {border-radius: 5px; height: 50px;padding: 15px; display: inline-block; text-align: center;border: 2px solid #3DA0F3;font-size: 15px} .consulting_ex_detail_wrap .ex_btn_group a.ex_prev {width: 120px; color: #3DA0F3} .consulting_ex_detail_wrap .ex_btn_group a.ex_prev:before {content:'<'; display: inline-block; width:23px;text-align: left; font-size:14px} .consulting_ex_detail_wrap .ex_btn_group a.ex_list {width: 150px; background: #3DA0F3; color: #fff} .consulting_ex_detail_wrap .ex_btn_group a.ex_next {width: 120px; color: #3DA0F3} .consulting_ex_detail_wrap .ex_btn_group a.ex_next:after {content:'>'; display: inline-block; width:23px;text-align: right; font-size:14px} /*.consulting_ex_detail_wrap .blocksh{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/sub/blocksh.gif) repeat left top;}*/ .consulting_ex_detail_wrap .blocksh img{width:100%;min-height:260px;} .consulting_ex_detail_wrap .boxs.c_logout{z-index:2;position:absolute;top:5%;left:20%;width:60%;padding:20px 10px;background-color:#fff;-webkit-box-shadow:0 3px 9px 1px #cdcdcd;box-shadow:0 3px 9px 1px #cdcdcd;} .consulting_ex_detail_wrap .boxs.c_logout p{padding-top:70px;color:#bbc0c4;text-align:center;background:url(/images/sub/icon_key.png) no-repeat center 0;} .consulting_ex_detail_wrap .boxs.c_logout .btn{width:150px;} /* 2019 하반기 공채 컨설팅 - 상단 띠배너 - 공채 .aside_header_bnr {width: 100%; height: 0; overflow: hidden; background: url(/images/common/banner_bg.png) no-repeat center;} .aside_header_bnr .inwrap .link_hb_left {float: left; margin-top: 0;} .aside_header_bnr .inwrap .link_hb_right {position: absolute; top: 15px; right: 0; padding-top: 45px;} .aside_header_bnr .btn_close {position: absolute; top: 5px; right: 0;} .aside_header_bnr .btn_close .tit {display: inline-block; margin-right: 5px; margin-top: 20px; font-size: 13px; color: #f9f9f9;} .aside_header_bnr .btn_close .ico_close {vertical-align: middle;} */ /* 2019 하반기 공채 컨설팅 - 상단 띠배너 - 프리코칭 이벤트 */ .aside_header_bnr{display:block;width:100%;overflow:hidden;height:0;background:url(/images/common/banner_bg.png) no-repeat center;} .aside_header_bnr .inwrap .link_hb_left{float:left;margin-top:0;} .aside_header_bnr .inwrap .link_hb_right{position:absolute;top:15px;right:0;padding-top:45px;} .aside_header_bnr .btn_close{position:absolute;top:5px;right:0;} .aside_header_bnr .btn_close .tit{display:inline-block; margin-right:5px;margin-top: 20px;font-size:13px;color:#0c3d55;} .aside_header_bnr .btn_close .ico_close{vertical-align:middle;} @media (max-width:768px) { .aside_header_bnr {display: none;} } /* --------------------------- 코치잡 - 회사소개 (최슬비) --------------------------- */ .company_wrap {width:100%;height:auto;} .company_wrap div h3, .company_wrap div h4 {opacity:0;} .company_wrap .main_visual {background: url(/images/company/company_header.png) no-repeat center 0 / cover;} .company_title {padding:50px 0;background-color: #e6e9ed;} .company_title>div h1 {padding-bottom:50px;font-size:24px;font-weight:700;line-height:38px;text-align:center;} .company_title>div ul {} .company_title>div ul li {float:left;position:relative;list-style:none;} .company_title>div ul li:nth-child(1) {width:40%;} .company_title>div ul li:nth-child(2) {width:58%;margin-left:2%;} .company_title>div ul li:nth-child(2)>p {padding:31.5px 0;font-size:17px;line-height:34px;} .company_title>div ul li img {width:100%;} .company_subTitle {padding:50px 0;} .company_subTitle ul {} .company_subTitle ul li {position:relative;list-style:none;} .company_subTitle ul li:nth-child(1)>p {display:block;padding:20px 0;margin:0 auto;width:550px;font-size:24px;font-weight:700;line-height:30px;text-align:center;border:10px solid #158bc3;border-radius:80px;} .company_subTitle ul li:nth-child(2)>p {display:block;padding:30px 0;font-size:17px;line-height:27px;text-align:center;} .company_subTitle ul li:nth-child(3)>img:nth-child(1), .company_subTitle ul li:nth-child(3)>img:nth-child(3) {display:block;margin:0 auto;margin-bottom:20px;width:10px;height:51px;} .company_subTitle ul li:nth-child(3)>img:nth-child(2) {display:block;margin:0 auto;margin-bottom:20px;width:205px;height:44px;} .company_subTitle ul li:nth-child(3)>img:nth-child(4) {display:block;margin:0 auto;width:100%;height:auto;} .company_subTitle ul li:nth-child(3)>img {display:block;} .company_subTitle ul li:nth-child(4)>img {display:block;width:100%;height:auto;} .company_business {padding:50px 0;background-color:#3075b5;} .company_business>div .company_business_title>p{font-size:40px;font-weight:700;text-align:center;color:#fff;} .company_business>div .company_business_title>span {position:relative;display:block;width:100%;height:auto;} .company_business>div .company_business_title>span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#fff} .company_business>div .title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:100px;height:2px;} .company_business>div ul li {z-index:1;float:left;position:relative;width:50%;height:400px;list-style:none;background:#fff;} .company_business>div ul li:nth-child(1), .company_business>div ul li:nth-child(4), .company_business>div ul li:nth-child(5) {padding:78.5px 50px;} .company_business>div ul li:nth-child(5)>.business_content_top {display:block;width:100%;height:auto;margin-bottom:20px;} .company_business>div ul li:nth-child(5)>.business_content_top>img {vertical-align:baseline;margin-right:10px;} .company_business>div ul li:nth-child(5)>.business_content_bottom {display:block;width:100%;height:auto;} .company_business>div ul li:nth-child(5)>.business_content_bottom>img {vertical-align:baseline;margin-right:22px;} .company_business>div ul li:nth-child(5)>div>img, .company_business>div ul li:nth-child(5)>div>p {display:inline-block;} .company_business>div ul li>div {width:100%;height:100%;} .company_business>div ul li>div .business_img {width:100%;height:100%;} .company_business>div ul li>div .business_img1 {background:url(../images/company/img_02.png) no-repeat 50% 50%; background-size:cover;} .company_business>div ul li>div .business_img2 {background:url(../images/company/img_03.png) no-repeat 50% 50%; background-size:cover;} .company_business>div ul li>div .business_img3 {background:url(../images/company/img_04.png) no-repeat 50% 50%; background-size:cover;} .company_business>div ul li .business_title {margin-bottom:30px;font-size:24px;font-weight:700;} .company_business>div ul li .business_content {font-size:17px;line-height:27px;} .company_history {position:relative;top:0;left:0;padding:50px 0 0 0;width:100%;margin:0 auto;background-color:#e6e9ed;} .company_history>div .company_history_title>p{font-size:40px;font-weight:700;text-align:center;} .company_history>div .company_history_title>span {position:relative;display:block;width:100%;height:auto;} .company_history>div .company_history_title>span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#000;} .company_history>div span {position:relative; display:block; width:100%; height:auto;} .company_history>div span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#000;} .company_history .history_mainSlide_container {position:relative;width:100%;} .company_history .history_mainSlide_container .history_mainSlide_view {width:100%;overflow:hidden;} .company_history .history_mainSlide_container .history_mainSlide_view .history_mainSlide_wrap {position:relative;left:0;top:0; margin-left:-100%;width:calc(100%*5);} .company_history .history_mainSlide_container .history_mainSlide_view .history_mainSlide_wrap .main_slide {float:left;width:1120px;height:auto;overflow:hidden;} .company_history .history_mainSlide_container .history_mainSlide_view .history_mainSlide_wrap .main_slide0 {} .company_history .history_mainSlide_container .history_mainSlide_view .history_mainSlide_wrap .main_slide0 {} .company_history .history_mainSlide_container .history_mainSlide_view .history_mainSlide_wrap .main_slide0 {} /* Next Button & Prev Button */ /* Next Button */ .company_history .history_mainSlide_container .mainSlideNextBt_wrap {z-index:3;position:absolute;top:0;margin-top:15px;right:300px;width:52px;height:30px;} .company_history .history_mainSlide_container .mainSlideNextBt_wrap a {display:block;} .company_history .history_mainSlide_container .mainSlideNextBt_wrap a img { } /* Prev Button */ .company_history .history_mainSlide_container .mainSlidePrevBt_wrap {z-index:3;position:absolute;top:0;margin-top:15px;left:300px;width:52px;height:30px;} .company_history .history_mainSlide_container .mainSlidePrevBt_wrap a {display:block;} .company_history .history_mainSlide_container .mainSlidePrevBt_wrap a img { } /* Main Slide Pagenation */ .company_history .history_mainSlide_container .mainSlide_pageBt_wrap {z-index:2;position:absolute;bottom:5%;left:200px;width:100%;height:12px;} .company_history .history_mainSlide_container .mainSlide_pageBt_wrap li { display:inline-block; width:12px; height:12px; margin:0 6px; border-radius:50%; overflow:hidden; } .company_history .history_mainSlide_container .mainSlide_pageBt_wrap li a.pageBt {display:block;width:100%;height:100%;background:rgba(0,0,0,0.2); } .company_history .history_mainSlide_container .mainSlide_pageBt_wrap li a.pageBt.addPageBt {background:#3075b5;} .blind {display:block;text-indent:-2000px;overflow:hidden; } .history_btn_wrap {display:none;width:100%;} .history_btn_wrap .history_btn_container {width:100%;} .history_btn_wrap .history_btn_container .history_btn_tabs {width:369.5px;margin:0 auto;} .history_btn_wrap .history_btn_container .history_btn_tabs li {float:left;position:relative;display:inline-block;padding:10px 30px;list-style:none;border:5px solid #3DA0F3;border-radius:30px;background:#fff;} .history_btn_wrap .history_btn_container .history_btn_tabs li:nth-child(2) {margin:0 10px;} .history_btn_wrap .history_btn_container .history_btn_tabs li button {color:#3DA0F3;font-size:20px;font-weight:700;} .history_btn_wrap .history_btn_container .history_content_wrap .history_content {display:none;} .history_btn_wrap .history_btn_container .history_btn_tabs li.current {text-align:center;} .history_btn_wrap .history_btn_container .history_content_wrap {margin-top:20px;} .history_btn_wrap .history_btn_container .history_content_wrap .history_content ul { margin-bottom:10px;} .history_btn_wrap .history_btn_container .history_content_wrap .history_content ul li:nth-child(1) {float:left;position:relative;display:inline-block;width:10%;font-size:14px;line-height:21px;} .history_btn_wrap .history_btn_container .history_content_wrap .history_content ul li:nth-child(2) {float:left;position:relative;display:inline-block;width:85%;font-size:14px;line-height:21px;} .company_mice {position:relative;top:0;left:0;padding:50px 0 0 0;width:100%;margin:0 auto;} .company_mice>div .company_mice_title>p{font-size:40px;font-weight:700;text-align:center;} .company_mice>div .company_mice_title>span {position:relative;display:block;width:100%;height:auto;} .company_mice>div .company_mice_title>span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#000;} .company_mice>div .title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:100px;height:2px;} .company_mice>div .company_mice_wrap {margin-top:20pz;height:350px;background:url(/images/company/mice.png) no-repeat center center;} .company_mice>div .company_mice_wrap .company_mice_title {padding:60px 0 20px 0;font-size:24px;font-weight:600;text-align:left;} .company_mice>div .company_mice_wrap .company_mice_content {width:50%;font-size:17px;line-height:27px;} .company_mice>div .company_mice_wrap .company_mice_btn {display:block;padding:10px 20px;margin-top:30px;width:225px;border:5px solid #3DA0F3;border-radius:30px;color:#3DA0F3;font-size:20px;font-weight:700;text-align:center;} .company_client {position:relative;top:0;left:0;padding:50px 0;width:100%;margin:0 auto;} .company_client>div {position:relative;margin:0 auto;max-width:1140px;} .company_client>div .company_client_title>p{font-size:40px;font-weight:700;text-align:center;} .company_client>div .company_client_title>span {position:relative;display:block;width:100%;height:auto;} .company_client>div .company_client_title>span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#000;} .company_client>div .title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:100px;height:2px;} .company_client>div .company_logo_wrap li {float:left;position:relative;display:inline-block;width:25%;list-style:none;} .company_client>div .company_logo_wrap li>img {padding:3.44%;width:100%;height:auto;} .company_contact {position:relative;top:0;left:0;padding:50px 0;width:100%;margin:0 auto;background: url("/images/company/pattern_bg.png") no-repeat;} .company_contact>div .company_contact_title>p{font-size:40px;font-weight:700;text-align:center;} .company_contact>div .company_contact_title>span {position:relative;display:block;width:100%;height:auto;} .company_contact>div .company_contact_title>span i.title_bottomLine {display:block;margin:0 auto;margin-bottom:30px;margin-top:30px;width:8%;height:2px;background:#000;} .company_contact {position:relative;top:0;left:0;padding:50px 0;width:100%;} .company_contact>div>#map_box {width:100%;} .company_contact>div>#map_box>.wrap_map {width:100%;} .company_contact>div>#map_box>.wrap_map>#map {width:100%;height:525px;border:1px solid #bbb;} .company_contact>div .company_contact_content {padding:30px 20px;width:100%;border:1px solid #bbb;border-top:none;background:#fff;} .company_contact>div .company_contact_content .company_contact_top {display:block;width:62.5%;margin:0 auto;margin-bottom:15px;text-align:center;} .company_contact>div .company_contact_content .company_contact_top .contact_ico {margin-right:5px;} .company_contact>div .company_contact_content .company_contact_top .contact_title {margin-right:13px;font-size:24px;font-weight:700;} .company_contact>div .company_contact_content .company_contact_top .contact_title .contact_text {font-size:16px;} .company_contact>div .company_contact_content .company_contact_top .contact_title .contact_text .contact_content_wrap {font-size:16px;} .company_contact>div .company_contact_content .company_contact_bottom {display:block;padding:0;margin:0 auto;width:62.5%;} .company_contact>div .company_contact_content .company_contact_bottom {} .company_contact>div .company_contact_content .company_contact_bottom li {float:left;position:relative;display:inline-block;width:33.333%;} .company_contact>div .company_contact_content .company_contact_bottom li:nth-child(2) {text-align:center;} .company_contact>div .company_contact_content .company_contact_bottom li:nth-child(3) {text-align:right;} .company_contact>div .company_contact_content .company_contact_bottom li .contact_ico {} #map_img {display:none;} /* 캠퍼스코치잡 - 마이크로사이트 (슬비) */ .font_b{font-weight: bold;} .font_s{font-size: 40px;} .font_c{font-weight: bold; font-size: 32px; color: #ffbb03;} .br_mobile{display: none;} #wrapper_micro{width: 100%; height: auto; background: url("/images/micro/micro_bg.png") no-repeat center center; background-size: cover;} #wrapper_micro #main_title{padding-top: 150px; width: 100%; height: auto;} #wrapper_micro #main_title .box {margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_title .box .logo_box{width: 1180px; height: auto;} #wrapper_micro #main_title .box .logo_title{display: block; margin: 0 auto; width: 166px; height: 200px; margin-bottom: 50px;} #wrapper_micro #main_title .box .logo_title_mobile{display: none;} #wrapper_micro #main_title .box .line_tit{display: block; margin: 0 auto; width: 475px; height: 1px; margin-top: 12px; margin-bottom: 60px;} #wrapper_micro #main_title .box .line_tit_mobile{display: none;} #wrapper_micro #main_title .box .logo_box img:nth-child(1), #wrapper_micro #main_title .box .logo_box img:nth-child(2), #wrapper_micro #main_title .box .logo_box img:nth-child(3){margin-right:56px;margin-bottom:20px;width:250px;height:101px;} #wrapper_micro #main_title .box .logo_box img:nth-child(4){margin-bottom:20px;width:250px;height:101px;} #wrapper_micro #main_title .box .logo_box img:nth-child(5){margin-right:56px;width:250px;height:101px;} #wrapper_micro #main_title .box .logo_box img:nth-child(2), #wrapper_micro #main_title .box .logo_box img:nth-child(6){margin-right:56px;width:250px;height:101px;} #wrapper_micro #main_title .box .logo_box img:nth-child(3), #wrapper_micro #main_title .box .logo_box img:nth-child(7){margin-right:56px;width:250px;height:101px;} /*#wrapper_micro #main_title .box .logo_box .logo_univ04{float:right; width: 250px; height: 101px;}*/ #wrapper_micro #main_title .box .logo_box .logo_univ04{float:none; width: 250px; height: 101px;} #wrapper_micro #main_title .box .logo_box .logo_univ01_mobile,.logo_univ02_mobile,.logo_univ03_mobile,.logo_univ04_mobile,.logo_univ05_mobile,.logo_univ06_mobile,.logo_univ07_mobile{display: none;} #wrapper_micro #main_title .box .p01{font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 17px; color: #fff; text-align: center; letter-spacing: 0;} #wrapper_micro #main_title .box .p02{padding-top: 10px; padding-bottom: 60px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: center; font-weight: bold; letter-spacing: -5px;} #wrapper_micro #main_title .box .p03{font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 23px; color: #fff; text-align: center;} #wrapper_micro #main_title .box .p04{padding-top: 15px; padding-bottom: 60px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 23px; color: #fff; text-align: center;} #wrapper_micro #main_title .box .p05{font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: center; font-weight: bold; letter-spacing:-1px;} #wrapper_micro #main_jobConsulting{width:100%;height:850px;} #wrapper_micro #main_jobConsulting .box {margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_jobConsulting .box .p01{padding-top: 100px; font-family: "Nanum Square", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: center; font-weight: bold;} #wrapper_micro #main_jobConsulting .box .img01{display: block; position: relative; top: -100px; margin: 0 auto; width: 737px; height: 650px;} #wrapper_micro #main_jobConsulting .box .img01_mobile{display: none;} #wrapper_micro #main_jobConsulting .box .txt_jobConsulting{position: relative; top: -150px; bottom: 0; margin: 0 auto; width: 230px; height: auto;} #wrapper_micro #main_jobConsulting .box .txt_jobConsulting .check{display: inline-block; float: none; margin-right: 10px; margin-bottom: 5px; width: 12px; height: 11px;} #wrapper_micro #main_jobConsulting .box .txt_jobConsulting .p02{display: inline-block; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: center; line-height: 30px;} #wrapper_micro #main_jobConsulting .box .p03{position: relative; top: -130px; bottom: 0; margin-top: 0; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 25px; color: #fff; text-align: center;} #wrapper_micro #main_bigData{width: 100%; height: auto;} #wrapper_micro #main_bigData .box{margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_bigData .box .img_box{margin: 0 auto; width: 1180px; height: 350px;} #wrapper_micro #main_bigData .box .img_box .img02{position: relative; top: -65px; left: -168px; display: inline-block; margin: 0; width: 896px; height: 840px;} #wrapper_micro #main_bigData .box .img_box .img02_mobile{display: none;} #wrapper_micro #main_bigData .box .img_box .p02{position: relative; top: -650px; left: 600px; display: inline-block; padding-top: 0; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: left; line-height: 35px;} #wrapper_micro #main_bigData .box .p01{padding-top: 0; font-family: "Nanum Square", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: center; font-weight: bold;} #wrapper_micro #main_coaches{width: 100%; height: auto;} #wrapper_micro #main_coaches .box{margin: 0 auto; padding-top: 150px; width: 1180px; height: auto;} #wrapper_micro #main_coaches .box .ico_mobile{display: none;} #wrapper_micro #main_coaches .box .arrow01{display: inline-block; width: 53px; height: 14px; margin-top: -5px; margin-left: 20px;} #wrapper_micro #main_coaches .box .arrow02{display: inline-block; width: 53px; height: 14px; margin-top: -5px; margin-left: 20px;} #wrapper_micro #main_coaches .box .arrow03{display: none;} #wrapper_micro #main_coaches .box .arrow04{display: none;} #wrapper_micro #main_coaches .box .p01{padding-top: 162px; font-family: "Nanum Square", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: right; font-weight: bold; } #wrapper_micro #main_coaches .box .p02{padding-top: 20px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: right;} #wrapper_micro #main_coaches .box .p03{display: inline-block; margin-top: 110px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: right;} #wrapper_micro #main_coaches .box .p04{display: inline-block; margin-top: 0; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: left;} #wrapper_micro #main_coaches .box .ico{position: relative; top: -60px; margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_coaches .box .ico_m{display: none;} #wrapper_micro #main_coaches .box .ico li{display: inline-block; margin-bottom: 65px; width: 180px; height: auto; list-style: none;} #wrapper_micro #main_coaches .box .ico .ico_00{margin-left: 10px; margin-right: 10px;} #wrapper_micro #main_coaches .box .ico .ico_01{margin-left: 10px; margin-right: 10px;} #wrapper_micro #main_coaches .box .ico .ico_02{margin-right: 10px;} #wrapper_micro #main_coaches .box .ico .ico_03{margin-right: 0;} #wrapper_micro #main_coaches .box .ico .ico_04{margin-left: 10px; margin-right: 10px; margin-bottom: 0;} #wrapper_micro #main_coaches .box .ico .ico_05{margin-right: 10px; margin-bottom: 0;} #wrapper_micro #main_coaches .box .ico .ico_06{margin-right: 0; margin-bottom: 0;} #wrapper_micro #main_coaches .box .ico .ico_07{margin-right: 10px;} #wrapper_micro #main_coaches .box .logo{position: relative; top: -20px; width: 1185px; height: auto;} #wrapper_micro #main_coaches .box .logo_m{display: none;} #wrapper_micro #main_coaches .box .logo .logo01{float: left; margin-top: 71px;} #wrapper_micro #main_coaches .box .logo .logo02{float: left;} #wrapper_micro #main_coaches .box .logo .logo03{float: left;} #wrapper_micro #main_coaches .box .logo .logo44_min{display: none;} #wrapper_micro #main_managing_solution{width: 100%; height: auto;} #wrapper_micro #main_managing_solution .box{clear: both; display: block; margin: 0 auto; padding-top: 100px; width: 1190px; height: auto;} #wrapper_micro #main_managing_solution .box .p01{font-family: "Nanum Square", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: left; font-weight: bold; } #wrapper_micro #main_managing_solution .box .p02{padding-top: 20px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: left;} /*#wrapper_micro #main_managing_solution .box .p03{display:inline-block;position:relative;top:-485px;left:940px;margin-left:5px;padding-top:0;font-family: "Noto Sans KR Medium", "Sans-serif", "맑은 고딕"; font-size: 17px; color: #fff; text-align: right;}*/ #wrapper_micro #main_managing_solution .box .p03{display:inline-block;position:relative;top:-60px;margin-left:5px;padding-top:0;font-family: "Noto Sans KR Medium", "Sans-serif", "맑은 고딕"; font-size: 17px; color: #fff; text-align: right;} #wrapper_micro #main_managing_solution .box .p04{display: inline-block; padding-top: 0; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 17px; color: #fff; text-align: center; line-height: 25px;} #wrapper_micro #main_managing_solution .box .table{display: inline-block; margin-top: 115px; width: 880px; height: 259px;} #wrapper_micro #main_managing_solution .box .table_min{display: none;} #wrapper_micro #main_managing_solution .box .arrow02{position: relative; top: -60px; display: inline-block; margin-left: 10px; padding:0; width: 34px; height: 14px;} #wrapper_micro #main_managing_solution .box .arrow05{display: none;} #wrapper_micro #main_managing_solution .box .img03{position:relative;top:70px;left:-70px;width:648px;height:491px;} #wrapper_micro #main_managing_solution .box .img03_mobile{display: none;} #wrapper_micro #main_managing_solution .box .table_bordered{display: none;} #wrapper_micro #main_managing_solution .box .ico_box{position: relative; top: -320px; float: right; width: 645px; height: 175px; text-align: center;} #wrapper_micro #main_managing_solution .box .ico_box li{display: inline-block; width: 210px; height: 175px;} #wrapper_micro #main_managing_solution .box .ico_box li .ico2_01{margin-bottom: 30px; width: 70px; height: 101px;} #wrapper_micro #main_managing_solution .box .ico_box li .ico2_02{margin-bottom: 30px; width: 70px; height: 97px;} #wrapper_micro #main_managing_solution .box .ico_box li .ico2_03{margin-bottom: 30px; width: 70px; height: 99px;} #wrapper_micro #main_dataLab{width: 100%; height: auto;} #wrapper_micro #main_dataLab .box{margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_dataLab .box .p01{padding-top: 100px; font-family: "Nanum Square", "Sans-serif", "맑은 고딕"; font-size: 50px; color: #fff; text-align: left; font-weight: bold; } #wrapper_micro #main_dataLab .box .p02{padding-top: 20px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 20px; color: #fff; text-align: left;} #wrapper_micro #main_dataLab .box .img04{display: block; margin: 0 auto; margin-top: 70px; width: 1179px; height: 620px;} #wrapper_micro #main_dataLab .box .img04_min{display: none;} #wrapper_micro #main_dataLab .box .img04_mobile{display: none;} #wrapper_micro #main_btn{width: 100%; height: auto;} #wrapper_micro #main_btn .box{padding-bottom: 150px; margin: 0 auto; width: 1180px; height: auto;} #wrapper_micro #main_btn .box .p03{padding-top: 150px; padding-bottom: 95px; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-size: 30px; color: #fff; text-align: center; line-height: 55px;} #wrapper_micro #main_btn .box a{display: block; margin: 0 auto; width: 300px; border: 3px solid #51abd3; border-radius: 50px; color: #51abd3; background: #fff; font-family: "NanumGothic", "Sans-serif", "맑은 고딕"; font-weight:bold; font-size: 25px; line-height: 70px; text-align: center;} /* 캠퍼스코치잡 - 마이크로사이트 - 반응형 (슬비) */ @media (min-width: 500px) and (max-width: 768px) { #wrapper_micro #main_title .box{width: 700px; height: auto;} #wrapper_micro #main_title .box .logo_box{margin: 0 auto; width: 520px; height: auto;} #wrapper_micro #main_title .box .logo_title{display: block; margin: 0 auto; width: 166px; height: 200px; margin-bottom: 50px;} /* #wrapper_micro #main_title .box .logo_box .logo_univ01{margin-right: 10px; margin-bottom: 15px;} #wrapper_micro #main_title .box .logo_box .logo_univ02{margin-right: 0; margin-bottom: 15px;} #wrapper_micro #main_title .box .logo_box .logo_univ03{margin-right: 10px;} #wrapper_micro #main_title .box .logo_box .logo_univ04{float: none;} */ /*#wrapper_micro #main_title .box .logo_box img:nth-child(1),img:nth-child(3),img:nth-child(5),img:nth-child(7){margin-right: 10px; margin-bottom: 15px;}*/ #wrapper_micro #main_title .box .logo_box img:nth-child(1), #wrapper_micro #main_title .box .logo_box img:nth-child(3), #wrapper_micro #main_title .box .logo_box img:nth-child(5), #wrapper_micro #main_title .box .logo_box img:nth-child(7){margin-right: 10px; margin-bottom: 15px;} #wrapper_micro #main_title .box .logo_box img:nth-child(2), #wrapper_micro #main_title .box .logo_box img:nth-child(4), #wrapper_micro #main_title .box .logo_box img:nth-child(6){margin-right: 0; margin-bottom: 15px;} #wrapper_micro #main_title .box .logo_box img:nth-child(4), #wrapper_micro #main_title .box .logo_box img:nth-child(5), #wrapper_micro #main_title .box .logo_box img:nth-child(6), #wrapper_micro #main_title .box .logo_box img:nth-child(7){margin-top: 0;} #wrapper_micro #main_title .box .logo_box img:nth-child(3), #wrapper_micro #main_title .box .logo_box img:nth-child(5), #wrapper_micro #main_title .box .logo_box img:nth-child(7){margin: 0 10px 15px 0;} #wrapper_micro #main_title .box .logo_box img:nth-child(6){margin: 0 0 15px 0;} #wrapper_micro #main_title .box .logo_box .logo_univ01_mobile,.logo_univ02_mobile,.logo_univ03_mobile,.logo_univ04_mobile,.logo_univ05_mobile,.logo_univ06_mobile,.logo_univ07_mobile{display: none;} #wrapper_micro #main_jobConsulting .box{width: 700px;} #wrapper_micro #main_bigData .box{width: 700px; height: 900px;} #wrapper_micro #main_bigData .box .img_box{display: block; width: 700px; height: auto; margin-bottom: 0;} #wrapper_micro #main_bigData .box .img_box .img02{top: -70px; left: -100px; display: inline-block; margin: 0; width: 896px; height: 840px;} #wrapper_micro #main_bigData .box .img_box .p02{display: block; padding: 0; margin: 0 auto; top: -265px; left: 0; text-align: center;} #wrapper_micro #main_coaches .box{padding-top: 0; margin: 0 auto; width: 700px; height: auto;} #wrapper_micro #main_coaches .box .ico_mobile{display: none;} #wrapper_micro #main_coaches .box .arrow01{display: none;} #wrapper_micro #main_coaches .box .arrow02{display: none;} #wrapper_micro #main_coaches .box .arrow03{display:block;position:relative;top:-15px;left:537px;width:13px;height:12px;} #wrapper_micro #main_coaches .box .arrow04{display: block; position: relative; top: -15px; left: 500px;} #wrapper_micro #main_coaches .box .p01{padding-top: 0; text-align: center;} #wrapper_micro #main_coaches .box .p02{padding-top: 20px; text-align: center;} #wrapper_micro #main_coaches .box .p03{display: block; margin: 0 auto; margin-top: 40px; text-align: center;} #wrapper_micro #main_coaches .box .p04{display: block; margin: 0 auto; margin-top: 40px; text-align: center;} #wrapper_micro #main_coaches .box .ico{top: 0; width: 550px; height: auto; margin-top: 40px;} #wrapper_micro #main_coaches .box .ico_m{display: none;} #wrapper_micro #main_coaches .box .ico li{margin-bottom: 40px;} #wrapper_micro #main_coaches .box .ico .ico_00{display: none;} #wrapper_micro #main_coaches .box .ico .ico_01{margin-left: 0; margin-right: 0;} #wrapper_micro #main_coaches .box .ico .ico_02{margin-right: 0;} #wrapper_micro #main_coaches .box .ico .ico_04{margin-left: 0; margin-right: 0; margin-bottom: 0;} #wrapper_micro #main_coaches .box .ico .ico_05{margin-right: 0; margin-bottom: 40px;} #wrapper_micro #main_coaches .box .ico .ico_07{display: none;} #wrapper_micro #main_coaches .box .logo{top: 0; width: 700px; height: auto; display: block; margin: 0 auto;} #wrapper_micro #main_coaches .box .logo_m{display: none;} #wrapper_micro #main_coaches .box .logo .logo01{display: none;} #wrapper_micro #main_coaches .box .logo .logo02{display: none;} #wrapper_micro #main_coaches .box .logo .logo03{display: none;} #wrapper_micro #main_coaches .box .logo .logo44_min{display: block; margin: 0 auto; margin-top: 40px;} #wrapper_micro #main_managing_solution .box{width: 700px; height: auto;} #wrapper_micro #main_managing_solution .box .p01{text-align: center;} #wrapper_micro #main_managing_solution .box .p02{text-align: center;} #wrapper_micro #main_managing_solution .box .p03{position: relative; top: -330px; padding-top: 0; display: block; margin: 0 auto; text-align: center;} #wrapper_micro #main_managing_solution .box .p04{display: inline-block; text-align: center;} #wrapper_micro #main_managing_solution .box .table{display: none;} #wrapper_micro #main_managing_solution .box .table_min{display: block; margin-top: 65px;} #wrapper_micro #main_managing_solution .box .arrow02{display: none;} #wrapper_micro #main_managing_solution .box .arrow05{display:block;position:relative;top:-355px;left:590px;width:13px;height:12px;} #wrapper_micro #main_managing_solution .box .img03{display: block; top: 40px; left: 0; margin: 0 auto;} #wrapper_micro #main_managing_solution .box .img03_mobile{display: none;} #wrapper_micro #main_managing_solution .box .table{display: none;} #wrapper_micro #main_managing_solution .box .ico_box{top: 0; float: none; margin: 0 auto;} #wrapper_micro #main_dataLab .box{width: 700px; height: 850px;} #wrapper_micro #main_dataLab .box .p01{padding-top: 0; margin-top: 100px; text-align: center;} #wrapper_micro #main_dataLab .box .p02{margin-bottom: 0; text-align: center;} #wrapper_micro #main_dataLab .box .img04{display: none;} #wrapper_micro #main_dataLab .box .img04_min{display: block; margin: 0; padding-top: 50px;} #wrapper_micro #main_dataLab .box .img04_mobile{display: none;} #wrapper_micro #main_btn{padding-bottom: 150px; width: 100%; height: auto;} #wrapper_micro #main_btn .box{padding-bottom: 50px; width: 700px;} #wrapper_micro #main_btn .box .p03{padding-top: 0; padding-bottom: 50px; font-family: "Noto Sans KR Thin", "Sans-serif", "맑은 고딕"; font-size: 30px; color: #fff; text-align: center; line-height: 55px;} #wrapper_micro #main_btn .box a{text-align: center;} } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } body {height:auto;} .main_jobConsulting {float:left} .main_bigData {float:left} .main_coaches {float:left} .main_managing_solution {float:left} .main_dataLab {float:left} .main_btn {float:left} hr {margin-top:400px;} /* 코치잡 - 이벤트페이지 - (슬비) */ .bold{font-weight:Bold;} #wrapper_event{width:100%;height:auto;background:#f8f8f8;} #wrapper_event #title{padding:100px 0;width:100%;height:480px;background:url("/images/event/bg_top.png") no-repeat center;} #wrapper_event #title div{width:1120px;height:280px;margin:0 auto;} #wrapper_event #title div img:nth-child(1){display:block;margin-bottom:45px;} #wrapper_event #title div img:nth-child(2){display:inline-block;margin-right:20px;} #wrapper_event #title div p{position:relative;top:24px;display:inline-block;padding-top:0;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:40px;} #wrapper_event #title div a{position:relative;top:24px;} #wrapper_event #title div a p{padding:20px 0;display:block;width:320px;height:60px;font-size:18px;border:1px solid #333;color:#333;font-weight:bold;text-align:center;} #wrapper_event #main{width:100%;height:auto;} #wrapper_event #main .box{width:1120px;margin:0 auto;padding:100px 0;} #wrapper_event #main .box img:nth-child(2), #wrapper_event #main .box img:nth-child(5){display:block;margin:0 auto;margin-top:70px;margin-bottom:30px;} #wrapper_event #main .box img:nth-child(6){display:block;margin:0 auto;margin-top:30px;margin-bottom:70px;} #wrapper_event #main .box img:nth-child(5){height:41px;} #wrapper_event #main .box p:nth-child(3){margin-bottom:30px;text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:21px;color:#333;letter-spacing:-2px;} #wrapper_event #main .box p:nth-child(4){text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_event #main .box p:nth-child(7){margin-left:170px;text-align:left;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_event #main .box p:nth-child(8){margin-top:70px;text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_event #main .box a{margin-top:30px;display:block;text-align:center;} #wrapper_event #main .box a:nth-child(10){margin:0 auto;margin-top:30px;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;text-decoration:underline;} #wrapper_event #main .box p .f-size{font-size:25px;} #wrapper_event #result{width:100%;height:auto;background:#fff;} #wrapper_event #result .box{width:1120px;margin:0 auto;background:url("/images/event/bg_result.png") no-repeat center 0;} #wrapper_event #result .box img{display:block;margin:0 auto;padding-top:50px;margin-bottom:20px;} #wrapper_event #result .box p:nth-child(2){margin-bottom:30px;text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_event #result .box table{margin-bottom:50px;border:1px solid #fff;border-top:2px solid #41a2bc;border-bottom:2px solid #41a2bc;border-collapse: collapse;} #wrapper_event #result .box table th{border-left:1px solid #fff;border-bottom:1px solid #41a2bc;background-color:#c8dfe5;color:#333;font-weight:bold;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;} #wrapper_event #result .box table td{border-left:1px solid #fff;background-color:#fff;color:#333;font-weight:thin;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;} #wrapper_event #result .box table .border{border-left:1px solid #41a2bc;border-right:1px solid #41a2bc;} /* 코치잡 - 이벤트 신청페이지 - (슬비) */ .bold{font-weight:Bold;} #wrapper_form{width:100%;height:auto;background:#f8f8f8;} #wrapper_form #title{padding:100px 0;width:100%;height:480px;background:url("/images/event/bg_top.png") no-repeat center;} #wrapper_form #title div{width:1120px;height:280px;margin:0 auto;} #wrapper_form #title div img:nth-child(1){display:block;margin-bottom:45px;} #wrapper_form #title div img:nth-child(2){display:inline-block;margin-right:20px;} #wrapper_form #title div p{position:relative;top:24px;display:inline-block;padding-top:0;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:40px;} #wrapper_form #title div a{position:relative;top:24px;} #wrapper_form #title div a p{padding:20px 0;display:block;width:320px;height:60px;font-size:18px;border:1px solid #333;color:#333;font-weight:bold;text-align:center;} #wrapper_form #main{width:100%;height:auto;} #wrapper_form #main .box{width:1120px;margin:0 auto;padding:100px 0;} #wrapper_form #main .box div:nth-child(5){display:block;width:500px;height:auto;margin:0 auto;} #wrapper_form #main .box div span{width:100px;text-align:center;padding:20px 40px 20px 0;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;color:#333;font-weight:bold;} #wrapper_form #main .box .form_part{height:41px;} #wrapper_form #main .box img{display:block;margin:0 auto;margin-top:50px;margin-bottom:30px;} #wrapper_form #main .box .check{width:870px;height:auto;margin:0 auto;margin-top:50px;margin-bottom:50px;padding-bottom:30px;background:#fff;} #wrapper_form #main .box .check p{padding:30px;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;color:#333;line-height:28px;} #wrapper_form #main .box .check div{margin:0 auto;display:block;} #wrapper_form #main .box .check div input{margin:0 10px 0 30px;width:20px;} #wrapper_form #main .box div input{width:70%;border: 1px solid #41a2bc;margin-left:10px;margin-bottom:10px;} #wrapper_form #main .box .form_btn{display:block;width:320px;height:70px;margin:0 auto;border-radius:40px;background:#54bdd9;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:23px;color:#fff;font-weight:bold;} #wrapper_form #main .box select {display:block;margin:0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/images/event/form_arrow.png") no-repeat 95% 50%; /* 화살표 모양의 이미지 */ width: 500px; /* 원하는 너비설정 */ padding: .2em 2em; /* 여백으로 높이 설정 */ font-family: inherit; /* 폰트 상속 */ border: 1px solid #41a2bc; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none;/* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-color:#fff; } #wrapper_form #main .box img:nth-child(1){display:block;margin:0 auto;margin-bottom:30px;} #wrapper_form #main .box img:nth-child(4){display:block;margin:0 auto;margin-top:70px;margin-bottom:30px;} #wrapper_form #main .box img:nth-child(5){display:block;margin:0 auto;margin-top:30px;margin-bottom:70px;} #wrapper_form #main .box p:nth-child(2){margin-bottom:30px;text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:21px;color:#333;letter-spacing:-2px;} #wrapper_form #main .box p:nth-child(3){text-align:center;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_form #main .box p:nth-child(7){margin-left:170px;text-align:left;font-family:'NanumSquareOTF', 'NanumBarunGothic', 'Sans-serif';font-size:17px;line-height:28px;color:#333;} #wrapper_form #main .box a{margin-top:30px;display:block;text-align:center;} #wrapper_form #main .box p .f-size{font-size:25px;} /* --------------------------- 코치잡 - MICE BUSINESS - 최슬비 --------------------------- */ #mice_business {padding:0 0 100px;background:#e6e9ed;} #mice_business .inwrap .tc h1 {font-family: 'Nanum Square', 'NanumBarunGothic', 'Sans-serif';font-size:40px;} #mice_business .inwrap .tc p {padding:23px 0 0 0;font-family: 'Nanum Square', 'NanumBarunGothic', 'Sans-serif';font-size:17px;} #mice_business div ul {padding-top:50px;} #mice_business div ul li {float:left;width:48.6607142%;margin:0 0 0 1.3392857%;} #mice_business div ul li:hover{-webkit-box-shadow: 0 2px 3px 1px #b1b3bb; box-shadow: 0 2px 3px 1px #b1b3bb;} #mice_business div ul li .mice_content_top {z-index:1;position:relative;padding:3.6697247%;background:#fff;border-radius:5px 5px 0 0;} #mice_business div ul li .mice_content_bottom {z-index:1;position:relative;padding:3.6697247%;height:auto;background:#3da0f2;color:#fff;border-radius:0 0 5px 5px;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap{width:100%;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .mice_content_bottom_content{width:100%;line-height:27px;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .mice_content_bottom_content h2{display:inline-block;padding-bottom:10px;font-size:18px;font-weight:700;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .mice_content_bottom_content h3{display:inline-block;font-size:16px;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .mice_content_bottom_content .content_bottom_ico {display:inline-block;margin:0 4px;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .lookBt {z-index:2;position:absolute;bottom:20px;right:20px;display:inline-block;width:18.3486238%;height:34.3511450%;background:#fff;border-radius:50px;color:#3da0f2;font-size:14px;font-weight:800;} #mice_business div ul li .mice_content_bottom .mice_content_bottom_wrap .lookBt:hover {background:#167CCE;color:#fff;transition:all 0.3s;} /* Modal */ #mice_business div ul li .MiceModal_wrap {display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);} #mice_business div ul li .MiceModal_wrap .MiceModal_content {position:relative;top:50%;display:block;margin:auto;margin-top:-359px;width:78.8229111%;height:auto;background-color:#fefefe;border-radius:10px;overflow:hidden;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_close {color:#fff;float:right;font-size:35px;font-weight:bold;cursor:pointer;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_title{background-color:#3da0f2;padding:3%;margin:auto;width:100%;color:#fff;border-radius:5px 5px 0 0;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_title p {font-size:25px;font-weight:700;text-align:center;} /* Modal Contents */ #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub {display:block;width:100%;height:600px;padding:1.3504388%;background:#fff;overflow:auto;border-radius:10px;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt {display:block;padding:0;margin:0 0 20px 0;width:100%;height:auto;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt h2 {display:block;margin:20px 0 10px 0;color:#3da0f2;font-size:21px;font-weight:bold;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt h2 img {display:inline-block;margin-right:5px;width:21px;height:21px;vertical-align:bottom;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt p {display:inline-block;margin-right:20px;font-size:17px;line-height:40px;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt p span {background:#fff;padding:5px 20px;margin-right:8px;color:#3da0f2;border:2px solid #3da0f2;border-radius:20px;font-weight:bold;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub ul {width:100%;padding-top:0;margin-bottom:40px;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub ul li {float:left;width:33%;height:auto;margin-right:0 0 20px 0;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub ul li:hover {box-shadow:none;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub ul li:nth-child(2) {margin:0 0.5%;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub ul li img {width:100%;height:auto;} #mice_business div ul li:nth-child(2n+1) {margin-left:0;} /* Modal Contents design */ #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design {display:block;width:100%;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span {display:block;width:100%;margin-top:10px;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span:nth-child(2) {margin-left:0;margin-bottom:10px;text-align:right;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;width:74.2529700%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span {display:inline-block;margin-top:10px;margin-right:0.9345794%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span>img {width:100%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(1), #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(2) {vertical-align:bottom;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(2)>img {border:1px solid #ddd;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(3) {margin-right:0;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot {float:right;text-align:right;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {margin-right:0;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(1) {width:36.0747663%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(2) {width:36.0747663%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(3) {width:22.7102803%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {width:55.3271028%;} #mice_business div ul li #MiceModal_mentor .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {width:15.6074766%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub {width:100%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design {width:100%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;width:75.6409779%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span {display:inline-block;margin-right:0.9345794%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span>img {width:100%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span {margin-top:10px;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(1)>img, #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1)>img, #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2)>img {border:1px solid #ddd;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {margin-right:0;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot {float:right;text-align:right;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span:nth-child(1) {width:100%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {width:36.6055045%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {width:17.6146788%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_video { display:block;width:100%;} #mice_business div ul li #MiceModal_kb3 .MiceModal_content .MiceModal_content_sub .MiceModal_content_video video { display:block;width:50%;margin:0 auto;margin-top:10px;text-align:center;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design {width:100%;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;width:83.7272113%;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span {display:inline-block;margin-top:10px;margin-right:0.4062101%;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span>img {width:100%;border:1px solid #ddd;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span:nth-child(1)>img {} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span:nth-child(3) {margin-right:0;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span:nth-child(1) {width:47.975%;} #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span:nth-child(2), #mice_business div ul li #MiceModal_mirae .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span:nth-child(3) {width:24.9193548%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap>span>img {border:1px solid #ddd;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span {display:inline-block;margin-top:0;width:100%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span>img {width:100%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span {vertical-align:bottom;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {display:inline-block;margin-top:0;margin-right:0.6666666%;width:20%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1)>img {display:inline-block;margin-top:0;width:100%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {display:inline-block;margin-top:10px;margin-right:0.6666666%;width:20.1333333%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2)>img {width:100%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(3) {display:inline-block;margin-top:10px;margin-right:0.6666666%;width:26.4%} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(3)>img {width:100%;} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(4) {display:inline-block;margin-top:10px;width:12.6%} #mice_business div ul li #MiceModal_kb2 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(4)>img {width:100%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span {display:inline-block;margin-top:0;width:100%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span>img {width:100%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span {vertical-align:bottom;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {display:inline-block;margin-top:10px;margin-right:0.6666666%;width:26.7333333%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1)>img {width:100%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {display:inline-block;margin-top:10px;margin-right:0.6666666%;width:16.6666666%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2)>img {width:100%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(3) {display:inline-block;margin-top:10px;width:39.5333333%;} #mice_business div ul li #MiceModal_ecojob .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(3)>img {width:100%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrap {display:block;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span {display:inline-block;margin-top:10px;width:100%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapTop>span>img {width:100%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span {vertical-align:bottom;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {display:inline-block;margin-top:10px;margin-right:0.6666666%;width:61‬%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1)>img {width:100%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2) {display:inline-block;margin-top:10px;width:12.4666666%;} #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(2)>img {width:100%;} #mice_business div ul li #MiceModal_kb1 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span {display:inline-block;width:26.8%;} #mice_business div ul li #MiceModal_kb1 .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span>img {width:100%;border:1px solid #ddd;} .mice_main_visual {width:100%;border-radius:5px;} .top {height: 245px;background: url(/images/sub/consult_header03.png) no-repeat center 0 / cover;} .MiceModal {display:none;} @media all and (max-width:1240px){ #mice_business div ul li #MiceModal_swworkshop .MiceModal_content .MiceModal_content_sub .MiceModal_content_design .design_wrapBot>span:nth-child(1) {margin-right:0;} } @media all and (max-width:1160px){ #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_title p {font-size:21px;} #mice_business div ul li .MiceModal_wrap .MiceModal_content .MiceModal_content_sub .MiceModal_content_txt {margin:0;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span {display:block;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span:nth-child(1)>img {width:100%;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span:nth-child(2) {margin-left:0;} #mice_business div ul li #MiceModal_SW .MiceModal_content .MiceModal_content_sub .MiceModal_content_design>span:nth-child(2)>img {width:60%;} }