@charset "utf-8";

html, body{height:100% !important;}
body{width:100%; height:100%; overflow:hidden; margin:0; padding:0;}
body.main_black{background-color:#1b1b1b; font-size:16px;}
body.gray_box{background-color:#e4e4e4;}
body.scroll_body{overflow: inherit! important;}
.mobile{display:none;}
.display{display:block !important;}
.wrap{width:100%; max-width:1080px; margin:0 auto;}
.mobile_ver{display:none;}

.section{text-align:center; overflow: hidden;}
.cell_box{position:relative;}
.video{
    position: absolute;
    left:50%;
    top:50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index:-1;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image:url(../../images/user/company/bg_main.webp);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
    /*visibility: hidden;*/

    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
}
/*.play{visibility:visible;}*/

#canvas{
    position: absolute;
    left:50%;
    top:50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index:-1;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image:url(../../images/user/company/main_back_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat:no-repeat;
    object-fit: cover; /*cover video background */
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
}

#section0 .layer{position: absolute; z-index: 4; width: 100%; left: 0; top: 43%;}
/*solves problem with overflowing video in Mac with Chrome */
#section0{overflow: hidden;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

h1{position:absolute; top:26px; left:4%; z-index:5}
h1 img{width:100%; max-width:164px;}

/* gnb */
.gnb{position:absolute; top:6px; right:3.5%; z-index:10;}
.gnb li{display:table-cell; padding-left:8px; padding-right:30px; vertical-align:middle;}
.gnb li:first-child{padding-left:0; margin:0;}
.gnb li a{display:inline-block; padding-left:25px; font-size:16px; font-weight:700; color:#25c8a2; background:url(../../images/user/btn_top_arrow.png) left center no-repeat;}
.gnb_top_btn{padding-right:0 !important;}

#pButton{height:34px; width: 32px; border: none; background-size: 100%; background-position: center; cursor:pointer;}
.play{background: url('../../images/user/sound_on.png') no-repeat;}
.pause{background: url('../../images/user/sound_off.png') no-repeat;}

.page_nav{position:absolute; top:70px; right:7.5%; font-size:16px; color:#a5a5a5; z-index:5}
.btn_menu{position:absolute; top:65px; right:3.5%; z-index:5}
.btn_menu img{width:100%; max-width:34px;}
.btn_down_arrow{position:absolute; left:0; right:0; bottom:15px;}

/* right menu */
.pushmenu {position:fixed; top: 0; width: 240px; height: 100%; padding-top:30px; z-index: 1000; background: #131313;}
.pushmenu ul{border-bottom: 1px solid #252525;}
.pushmenu li:first-child a{border-top:0;}
.pushmenu a {display: block; padding: 20px 60px; color: #7e7e7e; font-size: 16px; font-weight: bold; border-top: 1px solid #252525;}
.pushmenu .lnb a:hover {background:url(../../images/user/right_menu_sc.png) 17% 30% no-repeat; background-color:#fff; color:#12af8b;}
.pushmenu .lnb a.active {background:url(../../images/user/right_menu_sc.png) 17% 30% no-repeat; background-color:#fff; color: #12af8b;}
.pushmenu-right {right: -240px;}
.pushmenu-right.pushmenu-open {right: 0;}
.pushmenu-push {overflow-x: hidden; position: relative; right: 0;}
.pushmenu-push-toright {right: 240px;}
.pushmenu, .pushmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}

.audiobox{position:absolute; top:0; right:0; z-index:5;}

.btn_scroll_down{position:absolute; left:0; right:0; bottom:11.5%; text-align:center; z-index:1;}
.btn_scroll_down a{}
.btn_scroll_down a img{width:100%; max-width:49px;}

h3.big_title{font-size:130px; font-weight:400; color:#fff;}
.na_my{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕';}
.na_go{font-family:'Nanum Gothic', '나눔고딕';}

.main_visual{display: block; position: absolute; bottom:0; width: 100%; height:100%; /*background:url(../../images/user/pattern.png)*/ repeat; overflow:hidden;}
.first_title{position:absolute; top:0; width:100%; height:100%; text-indent:-9999px; background:url(../../images/user/first_page.webp) center center no-repeat; background-size:100%;}

.semi_title{display: block; position: absolute; top: 100%; padding-top:70px; margin-top: -318px;left: 0;width:100%; height:3180px;overflow:hidden; background-color:#1b1b1b;}
.semi_title h3{font-size:48px; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-weight:400; color:#25c8a2;}
.basic{margin-top:30px; padding-top:30px; font-size:17px; color:#c0c0c0; line-height:180%; letter-spacing:-0.25px; background:url(../../images/user/st_u_bar.png) top center no-repeat;}

#fullpage #section2 .cell_box{background:url(../../images/user/company/main_02.jpg) center center no-repeat; background-size:cover;}
.caption_box.pc{position:relative;}
.caption_box.pc img{width:100%;}
.caption_box.pc img.absolute{position:absolute; top:0; left:0; right:0; margin:0 auto;}

#fullpage #section3 .cell_box{background:url(../../images/user/company/main_03.webp) center center no-repeat; background-size:cover;}
.real_heart_box.pc{position:relative;}
.real_heart_box.pc img{width:100%;}
.real_heart_box.pc img.absolute{position:absolute; top:0; left:0; right:0; margin:0 auto;}
.btn_ghost{position:absolute; left:0; right:0; bottom:10%;}

#fullpage #section4 .cell_box{background:url(../../images/user/company/main_04.jpg) center center no-repeat; background-size:cover;}
.net_box.pc{position:relative;}
.net_box.pc img{width:100%;}
.net_box.pc img.absolute{position:absolute; top:0; left:0; right:0; margin:0 auto;}

.famous_box.pc{position:relative; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.famous_box.pc img{width:100%;}
.famous_box.pc img.absolute{position:absolute; top:0; left:0; right:0; margin:0 auto;}
.famous_box.pc .btn_top{position:absolute; bottom:150px; right:20%; display:none;}

.they .cell_box{background:url(../../images/user/company/main_05.webp) center center no-repeat /* !important */; background-size:cover;}

/* 자막 방송 */
.w_page{height:100%; padding:90px 0 0 0; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#fullpage1 #section0 .w_page{background:url(../../images/user/caption/cap_01.jpg) center center no-repeat; background-size:cover;}
#fullpage1 #section0 .w_page img{width:100%; max-width:1480px;}
/*.w_h2{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:67px; font-weight:600; color:#25c8a2; letter-spacing:-0.5px;}*/
.w_sub_title{margin-top:35px; padding-top:30px; font-size:24px; color:#c0c0c0; letter-spacing:-0.25px; line-height:150%; background:url(../../images/user/caption/cap_title_bar.png) top center no-repeat;}
/*.w_main{margin-top:260px;}*/
.w_list_top{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:36px; color:#fff; letter-spacing:-0.5px;}
.w_list_top strong{font-size:85px; font-weight:600;  color:#25c8a2;}
.w_list_bottom{padding-top:15px; font-size:20px; color:#fff; line-height:130%;}
.w_list_bottom span{font-size:18px;}
.w_main ul{width:100%; max-width:1080px; margin:0 auto;}
.w_main ul li{float:left; width:25%;}
#fullpage1 #section1 .video_sistem{background-image:url(../../images/user/caption/bg_video_system.webp);}
#fullpage1 #section1 .w_h2 img{width:100%; max-width:1480px;}
.w_system{position:relative; margin:0 auto; /*margin-top:50px;*/ width:100%; max-width:1480px;}
.w_system img{width:100%; max-width:1280px;}
.w_system .absolute.line{position:absolute; top:0; left:0; right:0;}
#fullpage1 #section2 .video_sistem1{background-image:url(../../images/user/caption/bg_video_system1.webp);}
#fullpage1 #section2 .w_h2 img{width:100%; max-width:1520px;}
.w_system1{position:relative; margin:0 auto; width:100%; max-width:1480px;}
.w_system1 img{width:100%; max-width:1280px;}
.w_system1 .absolute.line{position:absolute; top:0; left:0; right:0;}


#fullpage1 #section3 .w_page{background:url(../../images/user/caption/cap_03.webp) center center no-repeat; background-size:cover;}
#fullpage1 #section3 .w_sub_title .inline{display:block;}
#fullpage1 #section3 .w_h2 img{width:100%; max-width:1480px;}
.w_history{position:relative; margin:0 auto; width:100%; max-width:1920px; margin-top:1%;}
.w_history img{width:100%;}
.w_history .absolute.line{position:absolute; top:0; left:0; right:0;}
#fullpage1 #section4 .w_page{background-color:#f7f7f7;}
#fullpage1 #section4 .w_sub_title{color:#5c5c5c;}
#fullpage1 #section4 .w_sub_title .inline{display:block;}
#fullpage1 #section4 .w_h2 img{width:100%; max-width:1480px;}
.gray{color:#3d3d3d !important;}
.pp_small{display:table; margin:0 auto; text-align:center; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:22px;}
.pp_small .pp_sc_l{display:table-cell; width:21px; background:url(../../images/user/caption/title_sc_left_g.png) no-repeat;}
.pp_small .pp_sc_c{display:table-cell; padding:3px 7px 0 7px;}
.pp_small .pp_sc_r{display:table-cell; width:21px; background:url(../../images/user/caption/title_sc_right_g.png) no-repeat;}
.w_partner{width:100%; max-width:980px; margin:0 auto;}
/*.w_partner ul li{float:left; width:33.33%; margin-top:100px; text-align:center;}*/
.w_partner_margin{margin-top:70px; max-width:1480px;}
.w_partner_margin img{width:100%; }

#fp-nav ul li,
.fp-slidesNav ul li {display: block; width: 14px; height: 14px; margin: 14px; position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,
.fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li:hover span,
#fp-nav ul li:hover a.active span{top:-7px; left:0; width:19px; height:24px; background:url(../../images/user/caption/nav_right_arrow.png) no-repeat;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {position: absolute; z-index: 1; height: 14px; width: 14px; border: 0; background:url(../../images/user/caption/nav_anchor.png) no-repeat; left: 50%; top: 0;
}
#fp-nav ul li a.active span{background:url(../../images/user/caption/nav_anchor_on.png) no-repeat;}
#fp-nav ul li .fp-tooltip {position: absolute; top: -6px; color: #000; padding:5px 15px; font-size: 12px; font-weight:600; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {width: auto; opacity: 1; background-color:#25c8a2;}
#fp-nav ul li .fp-tooltip.right {right: 14px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}

#fullpage1 #section5 .btn_top{position:absolute; bottom:150px; right:10%; display:none;}

#fullpage1 #section5 .w_page{background-color:#212121;}
#fullpage1 #section5 .w_page img{width:100%; max-width:1480px;}
/*#fullpage1 #section5 .w_ceri{width:100%; max-width:850px; margin:0 auto; margin-top:30px;}*/
#fullpage1 #section5 .w_ceri img{width:100%;}

/* 자막 제작 */
.cap_contents{padding-top:0 !important; height:100%;}
.product{height:100%;}
.product li{position:relative; float:left; width:33.33%; height:100%;}
.pro_title{position:absolute; top:0; width:100%; height:100%;}
.pro_title img{width:100%;}
.pro_01{background:url(../../images/user/caption/cap_wr_img_01.jpg) no-repeat; background-size:cover;}
.pro_01:hover{background:url(../../images/user/caption/cap_wr_img_on_01.jpg) no-repeat; background-size:cover;}
.pro_01 .pro_title{background:url(../../images/user/caption/cap_wr_title_01.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
.pro_01 .pro_title:hover{background:url(../../images/user/caption/cap_wr_title_on_01.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
.pro_02{background:url(../../images/user/caption/cap_wr_img_02.jpg) no-repeat; background-size:cover;}
.pro_02:hover{background:url(../../images/user/caption/cap_wr_img_on_02.jpg) no-repeat; background-size:cover;}
.pro_02 .pro_title{background:url(../../images/user/caption/cap_wr_title_02.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
.pro_02 .pro_title:hover{background:url(../../images/user/caption/cap_wr_title_on_02.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
.pro_03{background:url(../../images/user/caption/cap_wr_img_03.jpg) no-repeat; background-size:cover;}
.pro_03:hover{background:url(../../images/user/caption/cap_wr_img_on_03.jpg) no-repeat; background-size:cover;}
.pro_03 .pro_title{background:url(../../images/user/caption/cap_wr_title_03.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
.pro_03 .pro_title:hover{background:url(../../images/user/caption/cap_wr_title_on_03.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}

/* 채용 정보 */
.re_black{padding-top:0 !important; background-color:#222222;}
.re_list{ padding:0 4%; padding-top:155px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.re_list > li{max-width:911px; margin:0 auto; margin-top:55px; padding:50px 0; background:url(../../images/user/recruit/re_bar.png) top center no-repeat; background-size:100%;}
.re_list > li:first-child{margin-top:0; padding-top:0; background:none;}
.re_list > li > strong{padding-left:30px; background:url(../../images/user/recruit/re_left.png) no-repeat; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:30px; font-weight:700; color:#25c8a2; letter-spacing:-0.5px;}
.re_title{padding-left:35px; margin-top:40px; margin-left:30px; font-size:20px; letter-spacing:-0.25px; line-height:130%; color:#25c8a2; background:url(../../images/user/recruit/round.png) left center no-repeat;}
.re_round{padding-left:60px; color:#c0c0c0; letter-spacing:-0.2px; line-height:130%;}
.re_round > li{margin-top:30px;}
.re_round > li > strong{font-size:18px;}
.re_round > li ul{margin-top:20px;}
.re_round > li ul > li{padding-left:13px; font-size:15px; line-height: 150%; background:url(../../images/user/recruit/re_dot.png) 0 7px no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.re_half{width:66.66%;}
.re_half li{float:left; width:50%;}
.re_triple li{float:left; width:33.33%;}
.re_process{margin-top:45px;}
.re_process li{float:left; padding-left:90px; font-size:20px; font-weight:700; color:#c0c0c0; letter-spacing:-0.25px; line-height:150%;  background:url(../../images/user/recruit/re_arrow.png) 18px center no-repeat;}
.re_process li:first-child{padding-left:0; background:none;}
.re_process_m{display:none;}
.re_basic .inline{display:block;}
.btn_recruit{padding:20px 0 70px 0; margin:0 auto; text-align:center;}

/* 이투엘 뉴스 */
.contents{padding-top:50px;}
.sub_layout{padding-top:130px;}
.tab_list ul{display:table; width:100%; max-width:858px; margin:0 auto;}
.tab_list ul li{display:table-cell; width:33.3333333%; /*float:left; width:100%; max-width:286px;*/}
.tab_list ul li.active a{background-color:#00a57e;}
.tab_list ul li a{display:block; padding:12px 0; font-size:18px; font-weight:700; color:#fff; text-align:center; background-color:#515151;}

.tab_box{padding-bottom:50px;}
.tab_box > ul{min-height:880px;}
.tab_box > ul > li{display:table; width:100%; padding:56px 0 23px 0; line-height:180%; border-bottom:1px solid #cfcfcf;}
.tab_box > ul > li .tcb_left{display:table-cell; width:507px; vertical-align:top; line-height:0;}
.tab_box > ul > li .tcb_left img{max-width:507px;}
.tab_box > ul > li .tcb_right{position:relative; display:table-cell; padding:0 40px 0 32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tcb_title{position:relative; width:100%; font-size:19px; line-height:150%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tcb_title strong{color:#000;}
.tcb_title a{color:#424242;}
.tcb_main{padding:15px 0; padding-bottom:79px; min-height:169px; font-size:15px; letter-spacing:-0.2px; /*overflow:hidden;*/ line-height:180%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tcb_main img{width:100%;}
.tcb_bottom{position:absolute; bottom:0; padding-top:15px;}
.sc_text{display:table; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:22px; color:#00a57e;}
.tcb_sc_l{display:table-cell; width:16px; background:url(../../images/user/title_sc_left.png) no-repeat;}
.tcb_sc_c{display:table-cell; padding:3px 7px 0 7px;}
.tcb_sc_r{display:table-cell; width:16px; background:url(../../images/user/title_sc_right.png) no-repeat;}
.tcb_b_b{display:inline-block; padding-top:12px; font-size:15px; letter-spacing:-0.2px; color:#767676;}
.tcb_b_b li{float:left; padding:0 11px; background:url(../../images/user/board_s_bar.png) left center no-repeat;}
.tcb_b_b li:first-child{padding-left:0; background:none;}
.tcb_b_b a{color:#767676;}

/* pagenation */
.pagenation{clear:both; padding:20px 0; text-align:center;}
.pagenation ul{display:inline-block;}
.pagenation ul li{float:left;}
.pagenation ul li.active{display:inline; font-weight:bold;}
.pagenation ul li.first_num a{background:none;}
.pagenation ul li a img{border:none;}
.pagenation ul li a{display:block; width:25px; height:30px; line-height:28px; position:relative; color:#767676; font-size:15px; text-align:center; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pagenation ul li a:hover{color:#00a57e; font-weight:bold;}
.pagenation ul li a:hover span{padding-bottom:2px; border-bottom:1px solid #00a57e;}
.pagenation ul li.active a{color:#00a57e; font-weight:bold;}
.pagenation ul li.active a span{padding-bottom:2px; border-bottom:1px solid #00a57e;}
.pagenation ul li.pre{margin-right:10px;}
.pagenation ul li.next{margin-left:10px;}
.pagenation ul li.pre a, .pagenation ul li.first a, .pagenation ul li.next a, .pagenation ul li.last a{width:30px;}

/* board_view */
.board_c{max-width:211px;}
.board_c{max-width:211px;}
.board_b{padding:0;}

.board_table{position:relative; min-height:750px; margin:10px 0; font-size:13px;}
.board_table img{width:100%;}
.board_table table{width:100%;}
.board_table tr th, .board_table tr td{padding:15px 0; text-align:center;}
.board_table thead tr th{border-top:none; border-bottom:1px solid #cfcfcf; font-weight:normal;}
.board_table tbody tr td{font-size:15px; line-height:150%;}
.board_table tfoot tr td{padding:20px 10px; border-top:1px solid #cfcfcf; border-bottom:1px solid #00a57e;}
.title_max{display:inline-block; max-width:95%; padding-left:10px; padding-top:3px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ font-size:19px; letter-spacing:-0.5px;}
.td_wrap_max{max-width:211px;}
.td_left{text-align:left !important;}
.board_sc{margin:0 auto;}
.board_t_01{min-width:150px;}
.board_t_02{max-width:200px;}
.tcb_people{padding-right:0;}
.board_text{text-align:left; padding:35px 0;  min-height:176px; font-size:18px; line-height:150%; letter-spacing:-0.2px;}

.btn_list{padding-top:38px;}
.btn_list:after{content:''; display:block; height:0; clear:both;}
.btn_l_left{float:left;}
.btn_l_right{float:right;}

.board_t{border-top:2px solid #00a57e;}
.board_t > div{padding:15px 0;}
.board_top{display:table; width:100%; border-bottom:1px solid #cfcfcf;}
.board_subject{display:table-cell; width:150px; vertical-align:top;}
.board_title{display:table-cell; width:auto; max-width:200px;}
.board_etc{width:100%; border-bottom:1px solid #cfcfcf; padding-left:10px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.board_bottom{padding:20px 10px; border-top:1px solid #cfcfcf; border-bottom:1px solid #00a57e;}

/* advice */
.lp_title_float{float:left;}
.send{/*position:absolute; right:50px; bottom:35px; display: inline-block;*/ width:100%; height:56px; margin-top:8px; line-height:56px; vertical-align:top; cursor: pointer; color:#00a57e; text-align:center; border:1px solid #00a57e; font-family:'Nanum Gothic', '나눔고딕'; font-weight:700; font-size:16px; background:url(../../images/user/recruit/btn_recruit_go.png) 50% 50% no-repeat; background-color:#00a57e;}
.re_send{margin-top:14px;}
.send img{margin-top:15px;}

/* button */
.btn_button{display:inline-block; width:100px; border:0; cursor:pointer; vertical-align:top; text-align:center; line-height:0;}
.file_upload > label
.pop_box{position:relative; width:100%; max-width:1080px; margin:0 auto;}

/* loadmap_pop */
.lp_top{padding:50px; background-color:#222222; max-width:1024px;}
.lp_top:after{content:''; display:block; height:0; clear:both;}
.lp_title_map{position:absolute; margin-right:35px; width:inherit !important;}
.lp_title > strong{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:48px; font-weight:600; color:#b5b5b5; line-height:110%;}
.lp_title > span{display:inline-block; margin:5px 0 0 30px; font-size:15px; color:#989898; line-height:150%;}
.lp_title .inline{display:block;}
.btn_close{position:absolute; top:12px; right:14px; width:29px; height:29px; padding:0; border:0; text-indent:-9999px; background:url(../../images/user/pop/btn_close.png) no-repeat; background-size:100%; cursor:pointer;}

.lp_list_box{/*overflow: hidden;*/ font-size:15px; color:#757575; line-height:150%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.lp_list_box:after{content:''; display:block; height:0; clear:both;}
.lp_list_box_map{padding-left:312px !important; margin-left:0 !important; margin-top:0 !important;}

.lp_list_box .etc{padding-bottom:10px; color:#Fff;}
.lp_list{float:left; width:50%;}
.lp_list li{display:table; width:100%; margin-top:10px; padding-left:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*.lp_list li > div{display:table-cell;}*/
.lp_left{float:left; width:155px; padding:5px 5px 0 0; font-weight:600; background:url(../../images/user/pop/lp_bar.png) no-repeat;}
.lp_right{min-width:150px; overflow:hidden; padding-top:5px;}
.lp_bottom{max-height:385px;}
.lp_bottom img{width:100%;}

.lp_sub_title{clear:both; padding:30px 0 15px 0; font-size:17px; color:#989898; line-height:130%;}
.lp_sub_list{width:100%;}
.lp_sub_list li{float:left; display:table; padding-left:30px;}
.lp_sub_list li:first-child{padding-left:0;}
.lp_sub_list li .lp_sub_left{display:table-cell; padding-right:11px; font-weight:700; background:url(../../images/user/recruit/pop_bar.png) right center no-repeat;}
.lp_sub_list li .lp_sub_right{display:table-cell;}

.lp_download{display:inline-block; line-height:0; vertical-align:-7px;}

/* recruit */
input[type="text"], input[type="password"]{position:relative; width: 100%; height: 46px; line-height : normal; padding:1.163em .5em; margin:0; font-family: inherit; color:#fff;  background-color:#393939; border:0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:2;}

.selectbox {position: relative; width: 100%; z-index: 1; background-color:#393939;}
.selectbox:before {content: ""; position: absolute; top: 50%; right: 10px; width: 0; height: 0; margin-top: -1px; border-left: 7px solid transparent;  border-right: 7px solid transparent; border-top: 7px solid #ababab;}
.selectbox label {position: absolute; top: 8px; left: 10px; color:#fff; z-index: -1;}
.selectbox select {
    width: 99%; 
    height: 46px;  /* 높이 초기화 */
    line-height: normal;  /* line-height 초기화 */
    font-family: inherit;  /* 폰트 상속 */
    padding: 1.088em .5em;  /* 여백과 높이 결정 */
    padding-right:27px;
    border: 0 none;
    opacity: 0;  /* 숨기기 */
    filter:alpha(opacity=0);  /* IE8 숨기기 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    margin:0;
    
}

.green{color:#00a57e;}
.clear{clear:both;}
.rl_title{padding:8px 0; padding-left:32px; margin-bottom:2px; font-size:18px; color:#757575;}
.rl_title .warning{font-size:12px; vertical-align:text-top;}
.rl_t_01{background:url(../../images/user/pop/lp_icon_01.png) left center no-repeat;}
.rl_t_02{background:url(../../images/user/pop/lp_icon_02.png) left center no-repeat;}
.rl_t_03{background:url(../../images/user/pop/lp_icon_03.png) left center no-repeat;}
.rl_t_04{background:url(../../images/user/pop/lp_icon_04.png) left center no-repeat;}
.rl_t_05{background:url(../../images/user/pop/lp_icon_05.png) left center no-repeat;}

.is_list li{float:left; width:33.33%; padding-left:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.is_list li:first-child{padding-left:0;}

.recruit_list{width:100%;}
.recruit_list > li{width:100%; padding-top:25px;}
.recruit_list > li:first-child{padding-top:0;}
.recruit_list > li.rl_left{float:left; width:49%;}
.recruit_list > li.rl_right{float:right; width:49%;}
.rl_input{position:relative;}
.rl_input label{position: absolute; top: 12px; left: 10px; color: #999; cursor: text; z-index:3;}
.rl_input_box textarea{width:100%; padding:10px; background-color:#393939; color:#fff; border:0; font-family:'Nanum Gothic', '나눔고딕'; font-size:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; resize:none;}
.rl_p_none{padding-left:0;}
.recruit_write{width:100%; }
.recruit_write .rl_input{height:88px; line-height:0;}
.recruit_write label{line-height:normal;}

.btn_submit input{width:100%; height:56px; border:0; text-indent:-9999px; background:url(../../images/user/pop/btn_submit.png) no-repeat; background-size:100%; cursor:pointer;}

.recruit_list_w{float:left; width:49%;}
.recruit_list_wm{margin-right:2%;}
.recruit_list_w:after{content:''; display:block; height:0; clear:both;}
.recruit_list_w > li{float:inherit;}
.recruit_list_w > li.rl_left{float:none; width:100%;}
.recruit_list_w > li.rl_right{float:inherit; width:100%;}

/* checkbox */
.checks {position: relative; padding-top:15px; clear:both;}
.checks input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.checks input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {content: ' '; display: inline-block;  width: 21px; height: 21px;  line-height: 21px; margin: -2px 6px 0 0; text-align: center; vertical-align: middle; border: 1px solid #777777;}
.checks input[type="checkbox"]:checked + label:before {content: '\2714'; color: #00a57e; border-color: #777777;}
.info_active{font-weight:bold; color:#00a57e;}


/* file upload */
.file_upload{position:relative; display:inline-block; width:100%; padding-right:126px; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.file_upload input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file_upload > label{position:absolute; top:0; right:0; display: inline-block; width:118px; height:44px; line-height:46px; vertical-align:top; cursor: pointer; color:#00a57e; text-align:center; border:1px solid #00a57e; font-size:16px; z-index:2;}
.file_upload .upload-name{height:46px; font-size:15px; color:#999; line-height:10px;}
/*.file_upload .upload-name{display: inline-block; width:100%; padding: .8em .5em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}*/

/* footer */
footer{border-top:1px solid #2b2b2b; background-color:#1b1b1b;}
.footer{position:fixed; bottom:0; width:100%; color:#fff; display:none; border-top:1px solid #2b2b2b; background-color:#1b1b1b;}
.foot_wrap{display:table; width:100%; max-width:1080px; margin:0 auto;  padding:30px 130px; font-size:13px; color:#676767; line-height:180%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:-0.2px;}
.foot_wrap ul li{display:table;}
.foot_wrap ul li strong{display:table-cell;}
.foot_wrap ul li p{display:table-cell;}
.footer_left{display:table-cell; width:30%; max-width:250px;}
.footer_left span{display:block;}
.footer_center{display:table-cell; width:30%; max-width:250px;}
.footer_center li strong{width:50px; background:url(../../images/user/common/footer_bar.jpg) center right no-repeat;}
.footer_center li p{padding-left:10px;}
.footer_right{display:table-cell; width:40%;}
.footer_right li strong{width:110px; background:url(../../images/user/common/footer_bar.jpg) center right no-repeat;}
.footer_right li p{padding-left:10px;}
.m_footer{display:none;}

.m_page_nav{display:none;}
.btn_recruit.wrap.mobile_ver{display:none;}

.error{border:2px solid #ff0000 !important;}
.error_t{color:#ff0000;}


.lp_title{position:absolute; margin-right:35px; width:250px;}
.lp_title > strong{display:block; float:inherit;}
.lp_title > span{display:block; margin:0; margin-top:30px;}
.lp_list_box{margin-left:270px; margin-top:104px; width:inherit;}
.lp_sub_list li{float:inherit; padding-left:0; font-size:15px;}
.rl_input_box textarea{height:260px; overflow:auto;}
.rl_input_box.rl_input{height:auto;}
.last_li{padding-top:0 !important;}
.error_input:after{content: ""; position: absolute; top:-2px; left:-2px; width:100%; height:44px; border:2px solid #ff0000;}
.selectbox.error_select:after{content: ""; position: absolute; top:-2px; left:-2px; width:100%; height:44px; border:2px solid #ff0000; z-index:-1;}

#advice_pop{max-width:1080px !important;}
#recruit_pop{max-width:1080px !important;}
#loadmap_pop{max-width:1080px !important;}
.rl_input .selectbox label{z-index:0; max-width:70px; overflow:hidden;}

.ad_send{background:url(../../images/user/recruit/btn_inquiry_go.png) 50% 50% no-repeat;  background-color:#00a57e;}
.l_color{display:none;}
.logo_color .l_white{display:none;}
.logo_color .l_color{display: block;}

.tab_mobile_list{display:none;}

/* 151214 */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

#layer_popup { display:none; position:fixed; top:25%; left:0; width:400px; height:500px; border:1px solid #1b1b1b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index: 50;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    margin-left: 50px;
    
}
@media screen and (max-width:1000px) {

#layer_popup {
	display:none !important
}
}



#layer_popup.open{
    -webkit-transform: translate3d(-400px,0,0);
    transform: translate3d(-400px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.layer_box{position:relative; height:100%; padding-bottom:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layer_main{text-align:center;}
.close{position:absolute; bottom:0; display:inline-block; width:100%; padding-top:16px; margin-top:15px; background-color:#1b1b1b;}
.close form{display:inline-block;}
.close div{float:left; text-align:right;}
#check{font-size:12px; font-family:'돋움'; position:absolute; bottom:8px; right:10px; color:#fff;}
#check input{margin:0; margin-left:5px; vertical-align:-2px;}        
#close_pop{width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: 1em;
    font-size: 0.75em;
    border: none;
    background: transparent;
    color: transparent;
    cursor:pointer; position:absolute; top:10px; right:10px; z-index:51;}
#close_pop a {display:block; height:20px; text-indent:-9999px; color:#fff; }
#close_pop::before,
#close_pop::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
    z-index:-1;
}

#close_pop::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#close_pop::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.bx-wrapper{position:relative; margin:0 auto 60px; padding:0; *zoom:1;}
.bx-wrapper img{max-width:100%;	display:block;}
.bx-wrapper .bx-viewport{background:#fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bxslider{height:468px; overflow:hidden;}
.bx-wrapper .bx-loading{min-height:50px; background:url(../../images/user/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; font-weight:bold; color:#666;}
.bx-wrapper .bx-controls{position:absolute; left:0; right:0; bottom:15px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#fff; text-indent:-9999px; display:block; width:15px; height:15px; margin:0 5px; outline:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#c0c0c0;}
/**/


/* 1680 */
@media screen and (max-width:1680px){

}

@media screen and (max-width:1280px){
    .main_caption_box{padding-right:15%;}
    .real_heart_box.pc{padding:12% 5% 0 5%}
    /*.famous_box.pc{padding-top:22%;}
    .net_box.pc{padding-top:20%;}*/
}

/* 1024 */
@media screen and (max-width:1024px){
    /*.main_caption_box{padding:20% 5% 0 5%;}
    .real_heart_box.pc{padding-top:20%;}
    .net_box.pc{padding-top:25%;}*/

    .page_nav{right:8.5%;}
    .btn_scroll_down a{width:35px;}
    .lp_title_map{position:inherit; margin:0; width:100%;}
    .lp_list_box_map{padding:0 !important; margin:0 !important;}
    .lp_list li{padding-left:0;}
}

@media screen and (max-width:1920px){
    .cap_text{font-size:1.000em;}
    .w_partner{font-size:1.000em;}
}

@media screen and (min-width:769px){
    .main_caption_box{height:100%; /*max-width:1130px;*/ padding:12% 20% 0 0; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:right;}
    .caption_h3{display:inline-block; font-size:5.375em; color:#fff;}
    .cap_back{display:inline-block; width:13.488%; max-width: 95px; vertical-align:50%;}
    .cap_back img{width:100%;}
    .font_my{font-family:'Nanum Myeongjo', '나눔명조'; font-weight:400; opacity: 0.3; filter:alpha(opacity=0.3);}
    .font_go{font-family:'Nanum Gothic', '나눔고딕'; font-weight:400; opacity: 0.3; filter:alpha(opacity=0.3);}
    .caption_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.250em; font-weight:600; color:#25c8a2;}
    .caption_sub_text{margin-top:2%; font-size:0.813em; color:#fff; line-height:180%;}

    .real_heart_box.pc{height:100%; /*max-width:1130px;*/ padding:12% 0 0 10%; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
    .real_heart_h3{display:inline-block; font-size:5.375em; color:#fff;}
    .real_heart_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.250em; font-weight:600; color:#25c8a2; padding-left:14.5%;}
    .real_heart_sub_text{margin-top:2%; font-size:0.813em; color:#fff; line-height:180%; padding-left:14.5%;}
    .rhs_wrap{width:100%; max-width:920px; margin:0 auto; text-align:left;}

    .net_box.pc{padding:14% 3% 0 3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .net_sub_t{display:inline-block; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.250em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .net_sub_text{margin-top:4%; font-size:0.813em; color:#fff; line-height:180%; letter-spacing:-0.2px;}
    /*.net_sub_t .foot_cap_center{max-width:518px;}*/


    .famous_box.pc{padding:14% 10% 0 10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .famous_sub_t{display:inline-block; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.500em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .famous_sub_text{margin-top:4%; font-size:0.875em; color:#fff; line-height:180%; letter-spacing:-0.2px;}
    .mylife{display:block; margin-top:1%; font-size:0.750em; opacity:0.7; filter:alpha(opacity=0.7); letter-spacing:-0.2px;}

    .foot_cap{display:inline-block; width:3%; max-width:36px; vertical-align:50%;    }
    .foot_cap_center{display:inline-block; /*width:86%; max-width:1080px;*/ vertical-align:top; padding-top:2%;}

    .w_h2 strong{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.625em; font-weight:600; color:#25c8a2; letter-spacing:-0.5px;}
    .w_h2 p{margin-top:1.5%; padding-top:1.5%; font-size:0.650em; font-weight:normal; color:#c0c0c0; line-height:150%; background:url(../../images/user/caption/cap_title_bar.png) center top no-repeat;}

    .cap_text{font-size:0.875em; color:#fff; line-height:150%;}
    .sys_2_box{display:inline-block;}
    .sys_2_bul{display:inline-block; width:8%; max-width:21px; vertical-align:50%;}
    .sys_2_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.000em; font-weight:600; padding:0 2%; color:#25c8a2;}
    .sys_2_box_p{padding-top:0.5%; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:0.875em; font-weight:600; color:#25c8a2;}

    .w_h2.black strong{color:#3d3d3d;}
    .w_h2.black p{color:#5c5c5c; background:url(../../images/user/st_u_bar.png) center top no-repeat; letter-spacing:-0.25px;}

    .pandp_box{display:inline-block; }
    .pandp_bul{display:inline-block; width:2%; max-width:21px; vertical-align:30%;}
    .pandp_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:0.625em; font-weight:normal; color:#5c5c5c;}

    .w_system img{width:100%; max-width:980px;}
    .w_system1 img{width:100%; max-width:980px;}

    .w_partner ul li{float:left; width:20%; margin-top:5%; text-align:center;}

    .w_h2.gray strong{color:#b5b5b5;}

    #fullpage1 #section5 .w_ceri{width:100%; max-width:600px; margin:0 auto; margin-top:30px;}
    
    .w_partner{font-size:1.300em; max-width: 1024px;}
}

@media screen and (min-width:1281px){
    .caption_h3{display:inline-block; font-size:6.063em; color:#fff;}
    .caption_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.313em; font-weight:600; color:#25c8a2;}
    .caption_sub_text{margin-top:2%; font-size:0.938em; color:#fff; line-height:180%;}

    .real_heart_box.pc{height:100%; /*max-width:1130px;*/ padding:12% 0 0 0; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
    .real_heart_h3{display:inline-block; font-size:6.063em; color:#fff;}
    .real_heart_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.313em; font-weight:600; color:#25c8a2; padding-left:14.5%;}
    .real_heart_sub_text{margin-top:2%; font-size:0.938em; color:#fff; line-height:180%; padding-left:14.5%;}
    .rhs_wrap{width:100%; max-width:920px; margin:0 auto; text-align:left;}

    .net_box.pc{padding:14% 3% 0 3%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .net_sub_t{font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.750em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .net_sub_text{margin-top:4%; font-size:0.938em; color:#fff; line-height:180%; letter-spacing:-0.2px;}
    .net_sub_t .foot_cap_center{max-width:518px;}


    .famous_box.pc{padding:14% 10% 0 10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .famous_sub_t{font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.688em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .famous_sub_text{margin-top:4%; font-size:1.000em; color:#fff; line-height:180%; letter-spacing:-0.2px;}
    .mylife{display:block; margin-top:1%; font-size:0.813em; opacity:0.7; filter:alpha(opacity=0.7); letter-spacing:-0.2px;}

    .w_h2 strong{font-size:2.188em;}
    .w_h2 p{font-size:0.750em;}

    .w_system img{max-width:1280px;}
    .w_system1 img{max-width:1280px;}

    .sys_2_center{font-size:1.125em;}
    .sys_2_box_p{font-size:1.000em;}

    .pandp_center{font-size:0.750em;}

    .w_partner ul li{margin-top:6.5%;} 

    #fullpage1 #section5 .w_ceri{max-width:850px;}
}


@media screen and (min-width:1680px){
    .caption_h3{display:inline-block; font-size:8.125em; color:#fff;}
    .caption_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.750em; font-weight:600; color:#25c8a2;}
    .caption_sub_text{margin-top:2%; font-size:0.938em; color:#fff; line-height:180%;}

    .real_heart_h3{display:inline-block; font-size:8.125em; color:#fff;}
    .real_heart_sub_t{margin-top:7%; font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.750em; font-weight:600; color:#25c8a2; padding-left:14.5%;}
    .real_heart_sub_text{margin-top:2%; font-size:0.938em; color:#fff; line-height:180%; padding-left:14.5%;}

    .net_sub_t{font-family:'Nanum Myeongjo', '나눔명조'; font-size:1.750em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .net_sub_text{margin-top:4%; font-size:0.938em; color:#fff; line-height:180%; letter-spacing:-0.2px;}
    .net_sub_t .foot_cap_center{max-width:518px;}


    .famous_sub_t{font-family:'Nanum Myeongjo', '나눔명조'; font-size:2.313em; font-weight:600; color:#25c8a2; letter-spacing:-0.1px;}
    .famous_sub_text{margin-top:4%; font-size:1.313em; color:#fff; line-height:180%; letter-spacing:-0.2px;}

    .w_h2 strong{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:3.125em; font-weight:600; color:#25c8a2; letter-spacing:-0.5px;}
    .w_h2 p{margin-top:1.5%; padding-top:1.5%; font-size:1.000em; font-weight:normal; color:#c0c0c0; line-height:150%; background:url(../../images/user/caption/cap_title_bar.png) center top no-repeat;}

    .cap_text{font-size:1.000em; color:#fff; line-height:150%;}
    .sys_2_box{display:inline-block;}
    .sys_2_bul{display:inline-block; width:6%; max-width:21px; vertical-align:50%;}
    .sys_2_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.500em; font-weight:600; padding:0 2%; color:#25c8a2;}
    .sys_2_box_p{padding-top:0.5%; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.250em; font-weight:600; color:#25c8a2;}

    .w_h2.black strong{color:#3d3d3d;}
    .w_h2.black p{color:#5c5c5c; background:url(../../images/user/st_u_bar.png) center top no-repeat; letter-spacing:-0.25px;}

    .pandp_box{display:inline-block; padding-top: 20px}
    .pandp_bul{display:inline-block; width:8%; max-width:21px; vertical-align:40%;}
    .pandp_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.000em; font-weight:normal; color:#5c5c5c;}

    .w_system img{width:100%; max-width:1280px;}
    .w_system1 img{width:100%; max-width:1280px;}

    #fullpage1 #section5 .w_ceri{max-width:850px; margin-top:5%;}
    .w_partner{font-size:1.300em;}
}

@media screen and (min-width:1920px){
    .w_h2 strong{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:3.125em; font-weight:600; color:#25c8a2; letter-spacing:-0.5px;}
    .w_h2 p{margin-top:1.5%; padding-top:1.5%; font-size:1.000em; font-weight:normal; color:#c0c0c0; line-height:150%; background:url(../../images/user/caption/cap_title_bar.png) center top no-repeat;}

    .cap_text{font-size:1.000em; color:#fff; line-height:150%;}
    .sys_2_box{display:inline-block;}
    .sys_2_bul{display:inline-block; width:6%; max-width:21px; vertical-align:50%;}
    .sys_2_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.500em; font-weight:600; padding:0 2%; color:#25c8a2;}
    .sys_2_box_p{padding-top:0.5%; font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.250em; font-weight:600; color:#25c8a2;}

    .w_h2.black strong{color:#3d3d3d;}
    .w_h2.black p{color:#5c5c5c; background:url(../../images/user/st_u_bar.png) center top no-repeat; letter-spacing:-0.25px;}

    .pandp_box{display:inline-block; padding-top: 20px}
    .pandp_bul{display:inline-block; width:8%; max-width:21px; vertical-align:40%;}
    .pandp_center{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:1.000em; font-weight:normal; color:#5c5c5c;}

    .w_system img{width:100%; max-width:1280px;}
    .w_system1 img{width:100%; max-width:1280px;}
}

/* *********************** */

/* 768 */
@media screen and (max-width:768px){
    html,body{height:100% !important;}
    header{position:fixed; width:100%; z-index:5; height:60px; background-color:#353535;}
    /*.page_nav{display:none;}*/
    .page_nav{top:30px; right:70px;}
    .pc_web{display:none;}
    .mobile_ver{display:block; height:100%;}
    h1{left:26px; width:90px; top:12px;}
    .btn_menu{top:17px; right:26px;}    
    #advice_pop_wrapper{display:none !important;}
    #advice_pop_background{display:none !important;}
    #recruit_pop_wrapper{display:none !important;}
    #recruit_pop_background{display:none !important;}
    
    .video{
        position: absolute;
        right: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-color: black; /* in case the video doesn't fit the whole page*/
        background-image: /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */}
    
    /* right menu */
    .pushmenu .lnb a{padding:10px 30px;}
    .pushmenu .lnb a.active{background:url(../../images/user/right_menu_sc.png) 17px 10px no-repeat; background-color:#fff; background-size:10px;}
    .pushmenu .lnb a:hover{background:url(../../images/user/right_menu_sc.png) 17px 10px no-repeat; background-color:#fff; background-size:10px;}
    
    /* mobile main */
    .mobile_main{height:100%; background:url(../../images/user/mobile/main_bg.webp) top center no-repeat; background-size:cover;}
    .first_title{background:url(../../images/user/mobile/main_visual.png) center center no-repeat; background-size:100%;}
    .btn_scroll_down_m{position:absolute; left:0; right:0; bottom:35px; text-align:center; z-index:1;}
    .btn_scroll_down_m img{width:100%; max-width:50px;}
    
    .m_title{font-family:'Nanum Myeongjo', '나눔명조', 'Nanum Gothic', '나눔고딕'; font-size:21px; font-weight:400; color:#25c8a2; text-align:center; line-height:120%; letter-spacing:-0.5px;}
    .mobile_ver .m_section{position:relative; min-height:100%; padding:90px 15px 42px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .mobile_wrap{padding:0; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .m_section_01{background:url(../../images/user/mobile/main_01_bg.jpg) top center no-repeat; background-size:cover;}
    
    .m_basic{font-size:13px; color:#c0c0c0; text-align:center; line-height:150%; letter-spacing:-0.8px;}
    .m_inline{display:block;}
    .padding_ten{padding:10px 0;}
    .m_footer{position:fixed; bottom:0; padding:10px 0; width:100%; font-size:12px; color:#676767; background-color:#1b1b1b; text-align:center;}
    
    .margin_t_ten{margin-top:10px;}
    .m_s_img{padding:10px 0;}
    .m_s_img img{width:100%;}
    
    .m_section_02{background:url(../../images/user/mobile/main_02_bg.webp) top center no-repeat; background-size:cover;}
    
    .m_section_03{background:url(../../images/user/mobile/main_03_bg.jpg) top center no-repeat; background-size:cover;}
    .m_t_table{display:table;}
    .m_t_cell{display:table-cell; padding-top:15px;}
    .m_t_c_l{width:27px; background:url(../../images/user/mobile/m_sc_left.png) no-repeat; background-size:27px;}
    .m_t_c_r{width:27px; background:url(../../images/user/mobile/m_sc_right.png) no-repeat; background-size:27px;}
    
    .mobile_wrap img{width:100%; /*max-width:588px;*/}
    
    .m_section_04{background:url(../../images/user/mobile/main_04_bg.jpg) top center no-repeat; background-size:cover;}
    .btn_top{display:block !important; position:absolute; right:15px; bottom:45px !important; width:45px; z-index:10;}
    .btn_top img{width:100%;}
    
    /* 자막방송 */
    .btn_down_arrow{display:none !important;}
    .m_section_cap_01{background:url(../../images/user/mobile/cap_01_bg.webp) top center no-repeat; background-size:cover;}
    .m_section_cap_02{background:url(../../images/user/mobile/cap_02_bg.webp) top center no-repeat; background-size:cover;}
    .m_section_cap_04{background:url(../../images/user/mobile/cap_04_bg.webp) top center no-repeat; background-size:cover;}
    .m_section_cap_05{background-color:#d0d0d0;}
    .m_a_list{margin:5% 0;}
    .m_a_list li{float:left; width:50%; margin:3% 0;}
    .m_a_list li img{width:100%;}
    
    .certificate_list{text-align:left; margin:40px 10px;}
    .certificate_list > li{margin-top:50px;}
    .certificate_list > li:first-child{margin-top:0;}    
    .ce_top img{width:100%;}
    .ce_text_list{font-size:15px;}
    .ce_text_list li{margin-top:15px; padding-top:7px; line-height:130%; background:url(../../images/user/mobile/ce_bar.png) left top no-repeat;}
    .ce_t_left{float:left; min-width:50px; padding-right:10px; color:#25c8a2;}
    .ce_t_right{overflow:hidden; color:#757575;}
    
    
    #fp-nav{top:inherit !important; bottom:35px; text-align:center;}
    #fp-nav.right{left:0; right:0 !important;}
    #fp-nav ul{display:inline-block;}
    #fp-nav ul li{float:left; margin:7px;}
    #fp-nav ul li .fp-tooltip{display:none !important;}
    #fp-nav ul li:hover span, #fp-nav ul li:hover a.active span{top:inherit; left:inherit; width:inherit; height:inherit; background:url(../../images/user/mobile/mobile_anchor_on.png) no-repeat;}
    #fp-nav ul li a.active span{background:url(../../images/user/mobile/mobile_anchor_on.png) no-repeat;}
    
    /* 자막제작 */
    .cap_contents{max-height:430px;}
    .product li{float: inherit; width:100%;}
    .pro_01{background:url(../../images/user/mobile/product_01.jpg) no-repeat; background-size:cover;}
    .pro_01:hover{background:url(../../images/user/mobile/product_on_01.png) no-repeat; background-size:cover;}
    .pro_01 .pro_title{background:url(../../images/user/mobile/product_text_01.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    .pro_01 .pro_title:hover{background:url(../../images/user/mobile/product_text_on_01.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    .pro_02{background:url(../../images/user/mobile/product_02.jpg) no-repeat; background-size:cover;}
    .pro_02:hover{background:url(../../images/user/mobile/product_on_02.webp) no-repeat; background-size:cover;}
    .pro_02 .pro_title{background:url(../../images/user/mobile/product_text_02.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    .pro_02 .pro_title:hover{background:url(../../images/user/mobile/product_text_on_02.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    .pro_03{background:url(../../images/user/mobile/product_03.jpg) no-repeat; background-size:cover;}
    .pro_03:hover{background:url(../../images/user/mobile/product_on_03.webp) no-repeat; background-size:cover;}
    .pro_03 .pro_title{background:url(../../images/user/mobile/product_text_03.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    .pro_03 .pro_title:hover{background:url(../../images/user/mobile/product_text_on_03.png) no-repeat; background-size:cover; background-size:100%; background-position:center;}
    
    /* 이투엘 뉴스 */
    .sub_layout{padding-top:60px;}
    
    /* 채용 정보 */
    .re_list{padding:90px 10px 50px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .re_list > li{padding:30px 0; margin-top:0;}
    .re_list > li > strong{padding-left:22px; font-size:22px; background-size:15px;}
    .re_title{margin-left:15px; margin-top:20px; padding-left:20px; font-size:15px; background-size:15px;}
    .re_round{padding-left:35px;}
    .re_round > li{margin-top:20px;}
    .re_round > li > strong{font-size:15px;}
    .re_round > li ul{margin-top:10px;}
    .re_half{width:100%;}
    .re_half li{float:inherit; width:100%;}
    .re_triple li{float:inherit; width:100%;}
    
    .re_process_m{display:block; padding:20px 15px 0 15px; font-size:15px; font-weight:700; color:#c0c0c0; line-height:150%;}
    .btn_recruit{display:none;}
    .btn_recruit.wrap.mobile_ver{display:block;}
    
    /* board */
    /*.tab_list{margin-top:10px;}*/
    .tab_list ul{max-width:none;}
    .tab_list ul li{max-width:none;}
    .tab_box > ul > li{display:block; padding:10px 0; border-top:0;}
    .tab_box > ul > li .tcb_left{display:block; width:100%;}
    .tab_box > ul > li .tcb_right{display:block; padding:10px 15px;}
    .tcb_title{font-size:15px;}
    .tcb_title a strong{display: block; float:left; margin-right:10px;}
    .tcb_title a span{display:block; overflow:hidden;}
    .tab_box img{width:100%;}
    .tcb_main{display:none;}
    .tcb_bottom{display:none;}
    /*.pagenation{display:none;}*/
    
    .board_table{margin:0 15px; margin-top:10px;}
    .board_top{display:block;}
    .board_subject{display:none;}
    .board_title{display:block; max-width:inherit;}
    .board_etc{display:block; width:100%; padding:15px 0 !important; border-bottom:0;}
    .title_max{padding-left:0; font-size:16px; line-height:130%;}
    .m_day{width:100%;/* margin-top:15px; padding-top:15px; border-top:1px solid #cfcfcf;*/}
    .board_middle{padding-top:0 !important; border-bottom:1px solid #cfcfcf;}
    .board_bottom{display:none;}
    .btn_list{padding:10px 0 50px 0;}
    .btn_button{width:80px;}
    .tcb_b_b{font-size:14px;}
    .m_page_nav{position:absolute; top:17px; right:60px; font-size:14px; color:#a5a5a5; z-index:5}
    
    .m_board_header{height:60px; background-color:#e4e4e4;} 
    .m_board_header_black{height:60px; background-color:#282828;}
    
    .none_impo{display:none !important;}
    .m_footer{display:block;}
    .re_black2{background-color:#282828;}
    .m_fixed{position:fixed;}
    .m_none{display:none;}
    
    .pagenation ul li.first{margin-right:5px;}
    .pagenation ul li.last{margin-left:5px;}
    
    /* map */
    #loadmap_pop_wrapper{}
    .loadmap_pop{position:absolute !important; top:60px; left:0; right:0;}
    .loadmap_pop .lp_top{padding:25px;}
    .lp_title_map{position:inherit;}
    .lp_title_map strong{font-size:22px;}
    .lp_list_box{padding:0;}
    .lp_list{float:inherit; width:100%;}
    .lp_list li{padding-left:0;}
    
    .tab_box > ul > li .tcb_left img{max-width:100%;}
    .logo_color .l_color{display:none;}
    .logo_color .l_white{display:block;}
    
    .tab_mobile_list{display:block;}
    
    /* 151214 추가 */
    #layer_popup{display:none;}
}

/* 640 */
@media screen and (max-width:640px){
    header{height:50px;}
    h1{left:15px; width:80px; top:7px;}
    .btn_menu{top:15px; right:15px;} 
    .btn_menu img{max-width:26px;}
    .page_nav{top:17px; right:60px; font-size:14px;}
    
    .board_text{padding:10px 0; font-size:16px;}
    .mobile_ver .m_section{position:relative; min-height:100%; padding:70px 15px 42px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .sub_layout{padding-top:50px;}
}

@media screen and (max-width:380px){
    .lp_list li{display:block;}
    .lp_list li > div{display:block;}
}

@media screen and (max-width:320px){
    .mobile_wrap{padding:0;}
}
.main_pc_web{height:100%;}
.main_pc_web #fullpage{height:100%;}
.main_pc_web #section0{height:100%;}

/* Close Button */
.close-button {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: 0.75em;
    border: none;
    background: transparent;
    color: transparent;
    cursor:pointer;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}