@charset "utf-8";
/* CSS Document */
.gap { height:170px;}
.sgap { height:70px;}
.ssgap { height:30px;}

.fr { float:right}
.center {position:relative; width:2000px; left:50%; margin-left:-1000px; }

#wrap { width:100%; min-width:1080px; /*min-height:800px; */overflow:hidden;}
#container {position:relative;min-width:1080px;min-height:600px;overflow:hidden;}

/* 알파벳 */
#object { position:relative; width:100%; min-width:1080px;}
#object_g { position:absolute; top:60px; left:50%; margin-left:-1020px; z-index:1;}
#object_o { position:absolute; top:-70px; left:50%; margin-left:400px; z-index:19;}
#object_s { position:absolute; top:700px; left:50%; margin-left:-800px; z-index:4;}
#object_i { position:absolute; top:500px; left:50%; margin-left:440px; z-index:5;}
#object_p { position:absolute; top:1830px; left:50%; margin-left:-1030px; z-index:6;}
#object_r { position:absolute; top:2060px; left:50%; margin-left:540px; z-index:7;}
#object_o2 { position:absolute; top:2520px; left:50%; margin-left:-920px; z-index:8;}
#object_e { position:absolute; top:3160px; left:50%; margin-left:530px; z-index:9;}
#object_j { position:absolute; top:3720px; left:50%; margin-left:-1000px; z-index:9;}
#object_c { position:absolute; top:3700px; left:50%; margin-left:520px; z-index:10;}
#object_t { position:absolute; top:4400px; left:50%; margin-left:460px; z-index:10;}

/* 상단 */
#header { position:fixed; width:100%; height:104px; overflow:hidden; z-index:20;}
#header h1 { position:absolute; float:left; display:inline-block; top:38px; left:78px; width: auto; height:39px;}
#header h1 span { font-size:30px;font-family:'notokr-bold'; line-height:39px; margin-left:16px; color:#f5821f; letter-spacing:-1px;}
#header .menu { position:absolute; float:right; display:inline-block; top:55px; right:380px;}
#header .menu a {position:relative; margin-right:30px; font-size:20px;font-family:'notokr-medium';}
#header .menu a:hover { font-family:'notokr-bold';}
#header .menu a:hover:after {position: absolute; top:100%; left:0%; content:""; display:block; width:100%; height:3px; background:#f58526;}
#header .menu a.on{font-family:'notokr-bold';}
#header .menu a.on:after {font-family:'notokr-bold';position: absolute; top:100%; left:0%; content:""; display:block; width:100%; height:3px; background:#f58526;}
#header .menu_r { position:absolute; float:right; display:inline-block; top:55px; right:310px;}
#header .menu_r a { margin-right:30px; font-size:20px;font-family:'notokr-medium';}
#header .spot {position:absolute;float:right; right:0; margin:40px 90px 0 0;}
#header .spot a { margin-right:5px; }
#header .spot .spot_gosi { margin-top:-30px;}
#header .spot .spot_gosi a:nth-child(1) { line-height:30px;}

.sub {position:fixed;top:104px;width:100%;height:43px;background-color:#3b3b3b;z-index:19;}
.sub .sub_inner {position:relative; width:1080px;left:50%;margin-left:-540px;}
.sub .sub_inner ul .lecture { background-color:#e77c25; color:#FFF; font-size:16px}
.sub .sub_inner ul li { float:left; display:inline-block; width:14.1%; border-right:1px solid #505050; color:#fff; font-size:14px; text-align:center; line-height:43px;}
.sub .sub_inner ul a{ color:#fff; font-size:14px; text-align:center; line-height:43px;}
.sub .sub_inner ul a.on{color:#ee7b21;}
.sub .sub_inner ul a:hover {color:#ee7b21;}

.sub_menu02 { border-bottom:1px solid #dcdcdc; height:49px; }
.sub_menu02 .sub_menu_inner02 {position:relative; left:50%; margin-left:-540px; width:1080px; overflow:hidden;}
.sub_menu02 .sub_menu_inner02 ul li { float:left; display:inline-block; border-left:1px solid #dcdcdc; width:178px; text-align:center; font-family:'notokr-medium';}
.sub_menu02 .sub_menu_inner02 ul li:last-child {border-right:1px solid #dcdcdc;}
.sub_menu02 .sub_menu_inner02 ul li a {color:#333;font-size:18px;line-height:50px;display:block}
.sub_menu02 .sub_menu_inner02 ul .on {background:#20a6db;}
.sub_menu02 .sub_menu_inner02 ul .on a {color:#fff;}

/* 펼침메뉴 */
.smenu { position:fixed; top:104px; width:100%; min-height:292px;overflow:hidden;border-top:1px solid #ababab; border-bottom:1px solid #ababab; background:#fafafa;z-index:999;}
.smenu .smenu_l { position:absolute; top:41px; left:77px;}

.smenu .smenu_m {position:relative;top:41px; width:1080px;left:50%;margin-left:-540px; }
.smenu .smenu_m ul {position:relative; float:left;display:inline-block;width:20.8%; height:224px; border-left:1px solid #d9d9d9; padding:0 2%;}
.smenu .smenu_m ul:last-child {border-right:1px solid #d9d9d9;}
.smenu .smenu_m ul .mtit {position:relative; font-size:16px;font-family:'notokr-medium'; margin-bottom:10px}
.smenu .smenu_m ul .mtit a:after {position: absolute; top:100%; left:0%; content:""; display:block; width:100%; height:1px; background:#f58526;}
.smenu .smenu_m ul a{position:relative; font-size:14px;font-family:'notokr-regular'; line-height:26px; letter-spacing:-1px}
.smenu .smenu_m02 {position:relative;top:41px; width:1080px;left:50%;margin-left:-540px; }
.smenu .smenu_m02 ul {position:relative; float:left;display:inline-block;width:15.9%; height:224px; padding:0 2%;}
.smenu .smenu_m02 ul:last-child {border-right:1px solid #d9d9d9;}
.smenu .smenu_m02 .introduce { font-size:16px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.smenu .smenu_m02 .introduce li { width:70px; border-bottom:1px solid #d6d6d6; }
.smenu .smenu_m02 .introduce li a {line-height:30px; font-size:16px}
.smenu .smenu_m02 .btn_go { float:right; margin-top:18px;}
.smenu .smenu_m02 .txt { margin-top:10px; font-size:13px; color:#484848}
.smenu .smenu_m02 .briefing { font-size:16px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.smenu .smenu_m02 .briefing li { width:100px; border-bottom:1px solid #d6d6d6; }
.smenu .smenu_m02 .briefing li a {line-height:30px; font-size:16px}
.smenu .smenu_m02 .banner02 { width:75.6%;overflow:hidden}
.smenu .smenu_m02 .banner02 li { float:left; display:inline-block; padding-top:28px; padding-left:30px;text-align:center;}
.smenu .smenu_m02 .banner01 { width:79%;height:196px;overflow:hidden; padding-top:28px; text-align:center;border-right:1px solid #d9d9d9;}

.smenu .smenu_r { position:absolute; top:41px; right:0px;width:126px; height:211px;background:url(http://image.hrdch.co.kr/gosich/image/common/mr_bg.png) no-repeat 0 0;}
.smenu .smenu_r ul { position:relative; top:16px; left:35px}
.smenu .smenu_r ul li a{ display:block; color:#FFF; font-size:15px; line-height:45px;}



/* 메인 비주얼 */
.main_visual {overflow:hidden; margin-top:180px;}
.main_visual_inner {position:relative;width:1080px;left:50%;margin-left:-540px;}

/* 무비b */
.movie_b { width:100%; height:1024px; margin-top:230px; background:url(http://image.hrdch.co.kr/gosich/image/main/movie_bg.jpg) no-repeat 0 0;overflow:hidden;}
.movie_b .movie_b_inner {position:relative; width:1024px; left:50%; margin-left:-512px;}
.movie_b .movie_b_inner h2 { position:relative; margin:138px 0 0 167px; font-size:50px; margin-bottom:43px;}
.movie_b .movie_b_inner h2:before {position: absolute; top:-40%; left:0%; content:""; display:block; width:135px; height:10px; background:#6755e7;}
.movie_b .movie_b_inner h2 span {display:inline-block; font-size:22px; color:#595959; margin-left:20px;}
.movie_b .movie_b_inner .movie { margin-top:45px}
.movie_b .movie_b_inner .go { margin:75px 0 0 72px;}

/* 무비s */
.movie_s {position:relative;width:1080px;left:50%;margin-left:-540px; margin-bottom:110px; overflow:hidden}
.movie_s img { margin-bottom:35px;}
.movie_s .movie_txt { position:relative; margin-left:60px; margin-bottom:20px; width:380px; color:#b2b2b2;font-family:'notokr-regular'; font-size:25px; line-height:32px; letter-spacing:-2px;}
.movie_s .movie_txt:before {position:absolute;top:-20px;left:-60px;  content:""; display:block;  width:49px; height:38px;background:url(http://image.hrdch.co.kr/gosich/image/main/mark01.gif) no-repeat 0 0;}
.movie_s .movie_txt:after {position:absolute;bottom:20px;right:-60px;  content:""; display:block;  width:49px; height:38px;background:url(http://image.hrdch.co.kr/gosich/image/main/mark02.gif) no-repeat 0 0;}
.movie_s .movie_sl { float:left; width:497px; margin-top:190px}
.movie_s .movie_sr { float:right; width:497px; margin-top:190px; margin-left:84px}

/* 사다리반 */
.sadari { width:100%; background:#f4f4f4;}
.sadari img {position:relative;width:1080px;left:50%;margin-left:-540px;}


/* 배너 */
.banner { width:100%; background:#1f4a46;}
.banner img {position:relative;width:1080px;left:50%;margin-left:-540px;}

/* 합격합시다! */
.pass { width:100%; background:#eaeaea; overflow:hidden; padding-bottom:150px;overflow:hidden}
.pass h3 { font-size:100px; text-align:center; line-height:100px;font-family:'notokr-bold'; color:#000; margin-top:155px;}
.pass ul {position:relative;width:1080px;left:50%;margin-left:-540px; margin-top:85px;}
.pass ul li { float:left; display:inline-block; margin-right:8px;}
.pass ul li:last-child { margin-right:0; }

/* 고객센터 */
.cs {width:100%;background:#eaeaea; border-top:1px solid #fff;overflow:hidden;padding:22px 0;}
.cs .cs_inner {position:relative;width:1080px;left:50%;margin-left:-540px;}
.cs .cs_inner .cs_l { float:left}
.cs .cs_inner .cs_l li { display:inline-block;margin-right:6px; font-size:14px;}
.cs .cs_inner .cs_l .tell { font-size:34px; color:#3e4347;line-height:46px;}
.cs .cs_inner .cs_l .cs_l02 {margin-top:3px;float:right; margin-left:7px;}
.cs .cs_inner .cs_l .cs_l02 li{display:block;}
.cs .cs_inner .cs_r { float:right;line-height:51px;}
.cs .cs_inner .cs_r li { display:inline-block; margin-right:0px; font-size:14px;}

/*패밀리사이트 로고*/
.logo_line{ width: 100%; border-bottom: 1px solid #e2e2e2;text-align: center;padding: 20px 0;}
.logo_line .inner {width: 1300px;margin: 0px auto;}
.logo_line .inner ul{display: inline-block;}
.logo_line .inner ul:after{content:'';display:block;clear:both;}
.logo_line .inner ul li{float:left;}
.logo_line .inner ul li a{margin: 0 18px;display:blokc;}
.logo_line .inner ul li a img {height: 30px;}

/* 카피라이터 */
.copy {width:100%; overflow:hidden; margin-top:30px; margin-bottom:50px;}
.copy .copy_inner {position:relative;width:1080px;left:50%;margin-left:-540px;}
.copy .copy_inner h4 { float:left; font-size:30px; line-height:30px;}
.copy .copy_inner .copyright { float:left; margin-left:80px;}
.copy .copy_inner .copyright a {font-family:'notokr-bold';font-size:16px;}
.copy .copy_inner .copyright address { margin-top:20px; font-size:14px; color:#525252;}

.site { float:right}

/* 동영상 팝업 */
.layer_popup { position: fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, 0.90); z-index:500;}
.layer_popup .btn_close { position:absolute; top:7%; right:23%; cursor:pointer;z-index:999;}
.layer_popup .inner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.layer_popup .inner .layer_tit { font-size:30px;}
.layer_popup .inner .layer_tit span { float:right; font-size:25px;}
.layer_popup .inner .layer_tit span em { font-size:20px;}
.layer_popup .inner .layer_movie {width:1024px;height:577px;margin-top:22px; overflow:hidden}

.container_inner { position:relative; width:1080px; left:50%; margin-left:-540px; }



/* 인사말 */
.greeting { overflow:hidden;}
.greeting .ceo { float:left; display:inline-block}
.greeting .greet { float:left; display:inline-block; width:685px; margin-top:100px; font-size:16px; color:#494949; line-height:30px;}
.greeting .greet p { font-size:28px;}
.greeting .greet span { float:right; font-size:21px; margin-top:56px;}

/* 회사소개 */
.intro {position:relative; overflow:hidden }
.intro .intro_l {float:left; display:inline-block; font-size:16px; color:#494949; letter-spacing:-1px; line-height:32px; margin-top:50px;}
.intro .intro_r { float:left; display:inline-block;}
.intro .intro_r img { position:absolute; bottom:0; right:0;}

/* 연혁 */
.history_wrap {margin-top:40px;}
.history_wrap > div{margin-left:0px;}
.history_wrap table td{vertical-align:top}
.history_wrap table td.t1{width:130px;font-family:'notokr-bold';font-size:30px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td ul li{line-height:24px;font-family:'notokr-regular';font-size:14px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td.t2 li{font-family:'notokr-bold';font-size:16px;}
.history_wrap table td.t2 {width:80px;text-align:center;background:#f8f8f8;height:100%}
.history_wrap table td.t3 {padding:0 20px;}
.history_wrap table td.t3 li{color:#888;}

.history_wrap .h_2016{margin-top:30px;}
.history_wrap .h_2017{margin-top:30px;}

/* 시설안내 */
.tab01 ul {display:block;overflow:hidden; border-bottom:1px solid #d7d7d7;}
.tab01 ul li{float:left; display:inline-block;/* padding:15px 80px; */font-size:20px;font-family:'notokr-medium'; text-align:center; background:#e6e6e7;}
.tab01 ul li a{display:block;padding:15px 80px;}
.tab01 ul .on {  background:#0a3446}
.tab01 ul .on a{color:#fff;}

.facil_b { position:relative}
.facil_b .facil_left { position:absolute; top:42%; left:24px;}
.facil_b .facil_right { position:absolute; top:42%; right:24px;}
.facil_s { margin-top:51px; overflow:hidden}
.facil_s a { float:left; display:inline-block;border:1px solid #c4c4c4; margin-right:15px;}
.facil_s a:last-child {margin-right:0px;}

/* 1:1 맞춤 컨설팅 신청 */
.consult_tit { position:relative; width:100%; height:76px; background:#1e55b0; color:#fff; font-size:28px;font-family:'notokr-bold'; text-align:center; line-height:76px}
.consult_tit:after {position:absolute;top:76px;left:50%; margin-left:-23px; content:""; display:block;  width:46px; height:21px;background:url(../image/sub/mark.gif) no-repeat 0 0; }

.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움';}
.tbl-type01 thead th, .tbl-type01 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type01 th, .tbl-type01 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type01 th, .tbl-type01 tfoot th {color:#666;background:#fff;font-weight:normal;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:0}
.tbl-type01 th { font-weight:bold; background:#f8f8f8;text-align:left;}
.tbl-type01 .bgnone {text-align:left !important; background:none; font-weight:normal;}
.tbl-type01 .check {width:14px; height:14px;}
.tbl-type01 input{ padding-left:10px; width:300px; height:28px;border:1px solid #e2e2e2;font-size:12px; }
.tbl-type01 textarea { width:100%;}

.agree { float:right; font-size:19px; margin-top:26px; overflow:hidden}
.agree span {font-size:15px;}
.btn_view { display:inline-block;width:85px;height:29px;line-height:31px;text-align:center;font-size:15px;font-family:'notokr-regular';background:#f8f8f8;border:1px solid #c4c4c4;}
.btn_red_b {display: block;width:100%;height:86px;line-height:86px;text-align:center;font-size:35px;font-family:'notokr-regular';background:#d22829; color:#FFF; overflow:hidden; margin-top:65px;}

.trans { text-align:center; margin-top:30px}
.view_box {border:1px solid #c4c4c4;border-top:5px solid #1e55b0; padding:28px 60px; overflow:hidden}
.view_box .view_boxl { float:left;}
.view_box .view_boxl .boxl_in {border:1px solid #e3e3e3; background:#f5f5f5; padding:29px 27px;}
.view_box .view_boxl .boxl_in p { font-size:16px; line-height:30px;}
.view_box .view_boxl .boxl_in ul { margin-top:10px;}
.view_box .view_boxr { float:left; margin-left:47px;}
.view_box .view_boxr ul { margin-top:120px;}
.view_box .view_boxr ul li { line-height:30px;}

.bg_gray { width:100%; background:#d8e4f6; padding-bottom:160px;}