@charset "utf-8";

/* Common */
.contents{display:table; width:80%; max-width:1400px; margin:0 auto 30px;}
h3.con_title{margin:60px auto 20px; line-height:1.4em; text-align:center; font-size:24px; font-weight:bold; color:#303030;}
h3.con_title p{display:inline-block; font-size:24px; font-weight:300; color:#303030;}
h3.con_title.line:after{content:""; display:block; width:30px; height:3px; margin:15px auto 0; background:#a0be23;}
p.con_copy{text-align:center; font-size:19px; color:#303030; word-break: keep-all}
p.con_copy.line:before{content:""; display:block; width:30px; height:3px; margin:0 auto 15px; background:#a0be23;}
p.con_copy em{font-weight:400;}


p.con_copy_l{text-align:left; font-size:19px; color:#303030;word-break: keep-all}
p.con_copy_l.line:before{content:""; display:block; width:30px; height:3px; margin:0 auto 15px; background:#a0be23;}
p.con_copy_l em{font-weight:400;}



p.con_copy_r{text-align:right; font-size:19px; color:#303030;word-break: keep-all}
p.con_copy_r.line:before{content:""; display:block; width:30px; height:3px; margin:0 auto 15px; background:#a0be23;}
p.con_copy_r em{font-weight:400;}


@media screen and (max-width: 960px) {
	
	p.con_copy{text-align:center; font-size:16px; color:#303030;}
	p.con_copy_l{text-align:left; font-size:16px; color:#303030;}
	p.con_copy_r{text-align:right; font-size:16px; color:#303030;}

}



.con_txt{font-size:16px; text-align:center; color:#303030;}
.con_txt em{font-weight:500;}
.con_align{width:92%; max-width:1400px; margin:auto;}





/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:20px; text-align:left;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#a0be23;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.tbl-stat thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.tbl-stat thead th.sort a:hover, .tbl-stat thead th a:focus, .tbl-stat thead th.sort a:active {text-decoration:underline;color:#a0be23; }
.tbl-stat thead th.sort_up a {color:#a0be23;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_up a:hover, .tbl-stat thead th.sort_up a:focus, .tbl-stat thead th.sort_up a:active {text-decoration:underline;}
.tbl-stat thead th.sort_dw a  {color:#a0be23;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_dw a:hover, .tbl-stat thead th.sort_dw a:focus, .tbl-stat thead th.sort_dw a:active {text-decoration:underline;}
.tbl-stat td.sort {color:#a0be23; font-weight:bold;}

/* 포인트 색 */
.tbl-stat .point {background:#f8f5f3;}


@media screen and (max-width: 600px) {
	.tbl-stat tbody td { padding:10px}
	
}









/* 회사소개 */
.brand_img{margin-top:40px;}
.brand_img img{width:100%;}
.brand_img .pc{display:none;}
.brand_img .mo{width:100%; max-width:494px; margin:auto;}
.vision_con{margin-top:80px; border-top:1px solid #ddd;}
.vision_con h3.con_title:after{content:"Value Creator Beyond Platform"; display:block; letter-spacing:3px; font-size:16px; font-weight:500; color:#a0be23;}
.vision_list{position:relative; max-width:1040px; margin:25% auto;}
.vision_list .vs_li{width:100%; height:50%;}
.vision_list .vs_li dl{position:absolute; width:30%; height:103.52%; text-align:center;}
.vision_list .vs_li dl dt{display:table; width:100%; height:100%; border-radius:100% 100%; font-weight:500; color:#FFF;}
.vision_list .vs_li dl dt p{display:table-cell; vertical-align:middle; font-weight:500; color:#FFF; word-break:break-all;}
.vision_list .vs_li dl dd{display:none;}
.vision_list .vs_li01 dl:nth-child(1){left:1%; top:-51.76%;}
.vision_list .vs_li01 dl:nth-child(2){left:35%; top:-51.76%;}
.vision_list .vs_li01 dl:nth-child(3){right:1%; top:-51.76%;}
.vision_list .vs_li01 dl:nth-child(1) dt{background:url(/images/vision_img01.png) no-repeat center; background-size:100% 100%;}
.vision_list .vs_li01 dl:nth-child(2) dt{background:url(/images/vision_img02.png) no-repeat center; background-size:100% 100%;}
.vision_list .vs_li01 dl:nth-child(3) dt{background:url(/images/vision_img03.png) no-repeat center; background-size:100% 100%;}
.vision_list .vs_li02 dl:nth-child(1){left:18%; bottom:-51.76%;}
.vision_list .vs_li02 dl:nth-child(2){right:18%; bottom:-51.76%;}
.vision_list .vs_li02 dl:nth-child(1) dt{background:url(/images/vision_img04.png) no-repeat center; background-size:100% 100%;}
.vision_list .vs_li02 dl:nth-child(2) dt{background:url(/images/vision_img05.png) no-repeat center; background-size:100% 100%;}
.vision_list .vision_bg img{width:100%;}
.vision_list .vs_li .vision_tag{display:none;}
.vision_con .con_txt{margin-bottom:10px;}
.vision_con .con_txt:last-child{margin-bottom:0;}
.vision_con .con_txt em{color:#a0be23;}

/* 연혁 */
.history_con{margin-bottom:100px;}
.history_con li{display:table; width:100%; padding:40px 0;}
.history_con li:nth-child(even){background:#f3f3f3;}
.history_con .his_tt{position:relative;}
.history_con .his_tt h4{width:calc(100% - 60px); margin-bottom:10px; font-size:25px; font-weight:700;}
.history_con .his_tt p{width:calc(100% - 60px); font-size:16px;}
.history_con .his_tt .his_btn{position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url(/images/history_arrow.png) no-repeat center; background-size:20px 11px;}
.history_con .his_tt .his_btn a{display:block; width:100%; height:100%;}
.history_con li .his_li{display:none;}
.history_con li.on{padding:40px 0 60px;}
.history_con li.on .his_tt h4{color:#303030;}
.history_con li.on .his_tt h4:before{content:""; display:block; width:30px; height:3px; margin-bottom:15px; background:#a0be23;}
.history_con li.on .his_tt p{color:#606060;}
.history_con li.on .his_tt .his_btn{background:url(/images/history_arrow_on.png) no-repeat center; background-size:20px 11px;}
.history_con li.on .his_li{display:table; margin-top:50px; background:url(/images/history_line.gif) repeat-y; background-position:62px;}
.history_con li.on .his_li dl{margin-bottom:30px; overflow:hidden;}
.history_con li.on .his_li dl:first-child{margin-top:-8px;}
.history_con li.on .his_li dl:last-child{margin-bottom:0;}
.history_con li.on .his_li dt{float:left; width:60px; font-size:18px; font-weight:700; color:#303030;}
.history_con li.on .his_li dd{float:left; width:calc(100% - 60px);}
.history_con li.on .his_li dd p{padding-left:20px; margin-bottom:10px; background:url(/images/history_dot.gif) no-repeat; background-position:left 8px;}
.history_con li.on .his_li dd p:last-child{margin-bottom:0;}

/* 조직도 */
.org_img{margin-top:40px;}
.org_img .mo{display:none;}
.org_img .pc{width:100%; max-width:1300px; margin:auto;}
.org_img img{width:100%;}

/* Contact Us */
.contact_con{display:table; width:100%; background:#f3f3f3;}
.contact_con .root_daum_roughmap .wrap_controllers{display:none;}
.contact_con .map_wrap{box-shadow:5px 5px 5px rgb(0,0,0,0.1);}
.contact_con{margin-top:240px; padding-bottom:100px;}
.contact_con .con_align{margin-top:-200px;}
.contact_con .map .root_daum_roughmap .wrap_map{height:300px;}
.contact_con .map_info{padding:20px 25px 30px; background:#FFF;}
.contact_con .map_info dl{display:table; width:100%; margin-bottom:10px;}
.contact_con .map_info dl:last-child{margin-bottom:0;}
.contact_con .map_info dt{display:table-cell; width:50px; font-size:16px; font-weight:500; color:#303030;}
.contact_con .map_info dd{display:table-cell;}
.contact_con .contact_li{margin-top:30px;}
.contact_con .contact_li dl{margin-bottom:30px; padding:20px 25px 30px; background:#FFF; box-sizing:border-box; box-shadow:5px 5px 5px rgb(0,0,0,0.1);}
.contact_con .contact_li dt{color:#a0be23;}
.contact_con .contact_li dt em{display:block; font-size:16px; font-weight:500; color:#303030;}
.contact_con .contact_li dd{margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.contact_con .contact_li dd p.mail{padding-left:20px; background:url(../images/news/career_mail.png) no-repeat left 9px;}

/* 사업개요 */
.overview_cm{padding:80px 4%; margin:80px 0; background:#f3f3f3;}
.overview_cm .con_title{margin:auto;}
.overview_cm .con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#a0be23;}
.busniss_list li{max-width:400px; margin:0 auto 30px;}
.busniss_list li:last-child{margin-bottom:0;}
.busniss_list .icon_wrap{padding:20px 25px; background:#FFF; border:1px solid #ddd; box-sizing:border-box; box-shadow:5px 5px 5px rgb(0,0,0,0.1); text-align:center;}
.busniss_list .icon_wrap .icon{display:block;}
.busniss_list .icon_wrap .icon img{width:80px;}
.busniss_list .icon_wrap .icon p{margin-top:10px; font-weight:500; color:#303030;}
.busniss_list .icon_wrap .icon02{display:inline-block; margin-right:15px;}
.busniss_list .icon_wrap .icon02:last-child{margin-right:0;}
.busniss_list .icon_wrap .logo img{width:100%; max-width:200px; margin:auto;}
.busniss_list dl{margin-top:20px;}
.busniss_list dt{line-height:1.4em; font-size:18px; font-weight:500; color:#303030;}
.busniss_list dd{line-height:1.4em; margin-top:10px;}
.busniss_list dd em{font-weight:400; color:#a0be23;}
.overview_idt{padding:0 4% 100px;}
.overview_idt .con_title{margin:auto;}
.overview_idt .con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#a0be23;}

/* 사업구성도 */
.structure_con{margin-top:40px; overflow:auto;}
.structure_con .table_con{display:table; width:100%; max-width:1200px; margin:auto; table-layout:fixed;}
.structure_con table{min-width:680px; border-top:2px solid #303030; text-align:center;}
.structure_con table thead{background:#f3f3f3;}
.structure_con table th{height:70px; padding:0 25px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:16px; font-weight:500; color:#303030;}
.structure_con table td{height:50px; padding:10px 25px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.structure_con table td p{margin-bottom:3px; padding-left:15px; background:url(../images/common/blue_dot.gif) no-repeat left 9px;}
.structure_con table td p:last-child{margin-bottom:0;}
.structure_con table .bd_n{border-right:none;}
.structure_con table .ta_c{text-align:left;}
.structure_con table .td_wd{width:100px;}

/* 사업분야 */
.sub_cate{margin:30px 0; text-align:center; font-size:0;}
.sub_cate li{position:relative; display:inline-block;}
.sub_cate li:first-child{margin-right:30px;}
.sub_cate li:first-child:after{content:""; position:absolute; display:block; width:1px; height:12px; top:8px; right:-15px; background:#ddd;}
.sub_cate li a{font-size:16px; letter-spacing:-2px;}
.sub_cate li.on{border-bottom:3px solid #a0be23;}
.sub_cate li.on a{font-weight:500; color:#303030;}
.cm_img{margin-top:40px; text-align:center;}
.cm_img img{width:100%;}
.cm_img .pc{display:none;}
.cm_img .mo{max-width:482px; margin:auto;}
.cm_img span{display:inline-block; margin-top:30px; font-size:16px; font-weight:500; color:#303030;}
.ec_his_con{padding:80px 0; margin:80px 0; background:#f3f3f3;}
.ec_his_con h4{margin-bottom:40px; text-align:center; font-size:24px; color:#303030;}
.ec_his_con h4 em{display:inline-block; padding:0 10px 10px; background:url(../images/business/ec_tt_line.png) no-repeat bottom; color:#a0be23; background-size:100% auto;}
.ec_his_bg{display:none;}
.ec_his_li li{margin-bottom:30px;}
.ec_his_li li:last-child{margin-bottom:0;}
.ec_his_li li h5{text-align:center; font-size:22px; font-weight:500; color:#303030;}
.ec_his_li li h5:after{content:""; display:block; width:1px; height:30px; margin:10px auto 0; background:#a0be23;}
.ec_his_li li dl{position:relative; padding:20px 25px; background:#FFF; border:1px solid #a0be23; box-sizing:border-box; text-align:center;}
.ec_his_li li dl:before{position:absolute; content:""; display:block; width:9px; height:9px; top:-4px; left:50%; margin-left:-4px; background:#FFF; border:2px solid #a0be23; border-radius:6px 6px; box-sizing:border-box;}
.ec_his_li li dt{font-size:18px; font-weight:500; color:#303030;}
.ec_his_li li dt em{display:block; font-size:18px; font-weight:500; color:#a0be23;}
.ec_his_li li dd{max-width:300px; margin:20px auto 0;}
.ec_his_li li dd p{padding-left:12px; background:url(../images/common/blue_dot.gif) no-repeat; background-position:left 10px; background-size:3px 3px; text-align:left;}
.champ_con .con_align{border-bottom:1px solid #ddd; padding-bottom:60px;}
.champ_con .con_align:last-child{border-bottom:none;}
.champ_con ul{max-width:500px; margin:40px auto 0;}
.champ_con li{display:table; width:100%; margin-bottom:30px;}
.champ_con li:last-child{margin-bottom:0;}
.champ_con li .champ_icon{position:relative; display:table-cell; vertical-align:middle; padding-right:40px;  text-align:center;}
.champ_con li .champ_icon:after{position:absolute; content:""; display:table-cell; width:60px; height:7px; right:-4px; top:50%; margin-top:-3px; background:url(../images/business/champ_arrow_h.png) no-repeat;}
.champ_con li .champ_icon .wrap{width:100px; height:100px; padding-top:30px; background:url(../images/business/champ_icon.png) no-repeat center; background-size:100%; box-sizing:border-box;}
.champ_con li .champ_icon span{font-size:25px; font-weight:900; color:#FFF;}
.champ_con li .champ_icon p{line-height:1.0em; color:#FFF;}
.champ_con li dl{display:table-cell; width:calc(100% - 160px); padding:20px 25px; vertical-align:middle; background:#FFF; border:1px solid #a0be23; box-sizing:border-box;}
.champ_con li dt{font-size:16px; font-weight:500; color:#303030;}
.champ_con li dd{margin-top:15px;}
.champ_process{padding-top:60px; margin-top:360px; background:#f3f3f3;}
.champ_process .con_align{margin-top:-420px; padding-bottom:80px;}
.champ_process .con_txt{margin-bottom:40px;}
.champ_process .champ_grp{padding:0 20px 40px; text-align:center; background:#FFF;}
.champ_process .champ_grp img{width:100%;}
.champ_process .champ_grp .pc{display:none;}
.champ_process .champ_grp .mo{max-width:594px; margin:auto;}
.champ_process .champ_grp span{display:inline-block; margin-top:30px; font-size:16px; font-weight:500; color:#303030;}
.platform_con{width:94%; margin:40px auto 100px;}
.platform_con .platform_cate{position:relative; margin-bottom:30px;}
.platform_con .platform_cate .cate_btn{width:100%; margin-top:40px;}
.platform_con .platform_cate .cate_btn select{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; border-radius:5px 5px; box-sizing:border-box;}
.platform_con .platform_cate .cate_btn a{position:relative; display:block; height:40px; line-height:40px; margin-left:15px; background:url(../images/common/select_arrow.png) no-repeat right; background-size:25px auto;}
.platform_con .platform_cate .cate_btn a span{position:absolute; display:block; width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; color:#303030;}
.platform_con .platform_cate ul{display:none; position:absolute; width:100%; height:0; background:#f9f9f9; border:1px solid #e4e4e4; margin-top:-1px; overflow:scroll; border-radius:0 0 5px 5px; z-index:20;}
.platform_con .platform_cate.on ul{display:block; height:180px;}
.platform_con .platform_cate li{height:34px; line-height:34px; border-bottom:1px solid #eee;}
.platform_con .platform_cate li a{display:block; line-height:34px; padding:0 15px;}
.platform_con .platform_cate li.on a{font-weight:500; color:#a0be23;}
.platform_con .platform_img{width:100%; margin:40px auto 0;}
.platform_con .ec_img{max-width:800px;}
.platform_con .om_img{max-width:999px;}
.platform_con .brand_img{max-width:1263px;}
.platform_con .ai_img{max-width:865px;}
.platform_con .d2c_img{max-width:1224px;}
.platform_con .do_img{max-width:1321px;}
.platform_con .cb_img{max-width:1247px;}
.platform_con .platform_img img{width:100%;}
.platform_con .link_list{margin-top:60px; border-top:1px solid #ddd;}
.platform_con .link_list dl{float:left; width:60%; padding:30px 0 40px 20px; box-sizing:border-box;}
.platform_con .link_list dl:first-child{width:40%; border-right:1px solid #ddd; box-sizing:border-box;}
.platform_con .link_list dt{margin-bottom:10px; font-size:18px; font-weight:500; color:#303030;}
.platform_con .link_list dd{font-size:16px;}
.platform_con .link_list .btn{width:200px; height:40px; margin:40px auto 0; background:#a0be23; border-radius:20px 20px;}
.platform_con .link_list .btn a{display:block; width:100%; line-height:40px; text-align:center; font-weight:500; color:#FFF;}
.idt_platform{border-top:1px solid #ddd; margin-top:80px;}

/* IR */
.stock_table_wrap{width:100%; table-layout:fixed; margin-top:40px;}
.stock_table_scroll{width:100%; overflow-x:scroll;}
.stock_table{min-width:580px; border-top:2px solid #a0be23;}
.stock_table tr{border-bottom:1px solid #d9d9d9;}
.stock_table th{padding:10px 0 11px; background:#f6f6f6; border-left:solid 1px #d9d9d9; color:#303030; font-size:12px; font-weight:500;}
.stock_table th:first-child, .stock_table td:first-child{border-left:none;}
.stock_table td{text-align:center; padding:10px 0 11px; border-left:1px solid #d9d9d9; color:#777777; font-size:12px; font-weight:400; }
.stock_table td a{font-size:12px; font-weight:400; color:#303030;}
h4.stock_subject{margin:47px 0 -18px; font-size:16px; font-weight:700; color:#a0be23;}
h4.stock_fs{margin:0 0 -18px;}
.snb{text-align:center;}
.snb li{display:inline-block;}
.snb li a{display:block; font-size:16px; color:#a8a8a8; padding:0 10px 10px; border-bottom:3px solid #FFF; margin:0 10px;}
.snb li.on a{color:#303030; border-bottom:3px solid #a0be23;}
.agency_area{display:table; width:90%; max-width:420px; margin:20px auto 30px;}
.agency_area .select_box{float:left; width:47.61%; margin:0 1.19%; border:1px solid #d9d9d9; box-sizing:border-box; height:40px; line-height:40px; border-radius:20px 20px;}
.agency_area .select_box select{width:80%; height:32px; margin:0 7.5% 0 15.5%; border:none; color:#303030;}

/* Work */
.ec_slide{padding-top:40px; padding-bottom:80px; margin-top:200px; background:#f3f3f3;}
.ec_slide .con_align{max-width:1200px; margin-top:-200px;}
.ec_slide .ed_li .ec_thum{position:relative;}
.ec_slide .ec_li .ec_thum .ec_img img{width:100%;}
.ec_slide .ec_li .ec_thum .slide_button{display:none;}
.ec_slide .ec_li .ec_info{position:relative; padding:30px 30px; background:#FFF;}
.ec_slide .ec_li .slide_button .slide_btn{display:block; width:40px; height:40px;}
.ec_slide .ec_li .slide_button .prev_btn{right:40px; top:-40px; background:url(../images/works/slide_btn_prev.png) no-repeat center #a0be23; background-size:12px auto;}
.ec_slide .ec_li .slide_button .next_btn{right:0; top:-40px; background:url(../images/works/slide_btn_next.png) no-repeat center #a0be23; background-size:12px auto;}
.ec_slide .ec_li .slide_button a{display:block; width:100%; height:100%;}
.ec_slide .ec_li .ec_info dt{margin-bottom:20px;}
.ec_slide .ec_li .ec_info dt p{margin-bottom:5px; font-size:18px; font-weight:500; color:#303030;}
.ec_slide .ec_li .ec_info dt span{font-weight:500; color:#a0be23;}
.ec_slide .ec_li .ec_info dd p{margin-bottom:5px; padding-left:15px; background:url(../images/common/blue_dot.gif) no-repeat left 11px; font-size:16px;}
.ec_slide .ec_cate{margin-top:30px; text-align:center;}
.ec_slide .ec_cate span{display:inline-block; padding:3px 7px; margin:0 2px 4px; border:1px solid #ddd; background:#FFF; box-sizing:border-box;}
.ec_slide .ec_cate span a{display:block; font-weight:400;}
.ec_slide .ec_cate span.on{border:1px solid #a0be23; background:#a0be23;}
.ec_slide .ec_cate span.on a{color:#FFF;}
.ec_client{width:94%; max-width:1200px; margin:80px auto;}
.client_logo{display:table; width:100%; max-width:1200px; margin-top:40px;}
.client_logo li{float:left; width:33.3333%; margin-top:-1px; border:1px solid #ddd; margin-left:-1px; box-sizing:border-box; box-shadow:5px 5px 5px rgb(0,0,0,0.1);}
.client_logo li img{width:100%;}
.groobee_con{padding:80px 0; background:#f3f3f3;}
.groobee_con .con_align{max-width:1200px;}
.groobee_con h3.con_title{margin:0 auto 30px;}
.career_info{margin-top:40px;}
.career_info .work_num{font-size:30px; font-weight:700; color:#a0be23;}
.career_info .work_num em{margin-left:10px; font-size:18px;}
.career_info dl{margin-top:20px;}
.career_info dt{margin-bottom:10px; font-size:18px; font-weight:500; color:#303030;}
.career_info dd{font-size:16px;}
.groobee_con .career_info{padding:30px 30px; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.groobee_con .career_info .work01{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.devops_con{width:94%; max-width:1200px; margin:0 auto 100px;}
.devops_con .career_info{display:table; max-width:335px; margin:40px auto 0;}
.devops_con .career_info .work_num{display:table-cell; width:105px; padding-right:30px; vertical-align:middle;}
.devops_con .career_info dl{display:table-cell; padding-left:30px; border-left:1px solid #a0be23; vertical-align:middle;}

/* 게시판 */
.search_bar{width:100%; margin-bottom:30px; overflow:hidden;}
.search_bar select{float:left; width:105px; height:40px; margin-right:5px; padding-left:15px; border:1px solid #ddd; border-radius:5px 5px; box-sizing:border-box;}
.search_bar .input_wrap{position:relative; float:left; width:calc(100% - 110px); height:40px; background:#f3f3f3;}
.search_bar .input_wrap input{width:calc(100% - 60px); height:40px; padding-left:15px; box-sizing:border-box; border:none; background:none;}
.search_bar .input_wrap a{position:absolute; display:block; width:60px; height:40px; top:0; right:0; background:url(../images/common/search_btn.png) no-repeat center; background-size:20px 20px;}

.paging{display:table; margin:40px auto 0;}
.paging li{float:left; width:30px; height:30px; margin-right:3px; border:1px solid #ddd; box-sizing:border-box;}
.paging li a{display:block; width:100%; height:100%; line-height:28px; text-align:center;}
.paging li.prev a{background:url(../images/common/page_prev.gif) no-repeat center;}
.paging li.next a{background:url(../images/common/page_next.gif) no-repeat center;}
.paging li.on{background:#00adee; border:none;}
.paging li.on a{font-weight:500; color:#FFF;}

.board_list{display:table; width:100%; border-top:1px solid #303030;}
.board_list li{display:table; width:100%; border-bottom:1px solid #ddd; padding:25px 0;}
.board_list li .board_no{display:table-cell; width:84px; vertical-align:middle; text-align:center; font-weight:500; color:#303030;}
.board_list li .board_no em{display:inline-block; width:44px; height:25px; border-radius:5px 5px; background:#a0be23; font-weight:500; color:#FFF;}
.board_list li .board_txt{display:table-cell; padding-right:30px; vertical-align:middle;}
.board_list li .board_txt dt em{font-size:18px; font-weight:500; color:#303030; margin-left:20px;}
.board_list li .board_txt dt a{font-size:16px; font-weight:500; color:#303030;}
.board_list li .board_txt dd{margin-top:5px;}
.board_list li .board_date{display:none;}
.board_list li .down_btn{display:table-cell; width:50px; height:50px; vertical-align:middle; background:url(../images/main/main_down_btn.png) no-repeat center;}
.board_list li .down_btn a{display:block; width:16px; height:16px; margin:auto;}
.ir_list{max-width:1024px; margin:60px auto 0;}
.ir_list li .down_btn{padding-left:50px;}
.ir_list li .down_btn a{color:#a0be23; font-weight:700;}

.board_view{border-top:1px solid #303030;}
.board_view .board_tt{padding:25px 20px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.board_view .board_tt h4{margin-bottom:10px; font-size:16px; font-weight:500; color:#303030;}
.board_view .board_tt p em{color:#303030;}
.board_view > .file_down{padding:0 20px;}
.board_view .file_down a{padding-left:23px; background:url(../images/main/main_down_btn.png) no-repeat left; word-break:break-all; font-weight:400; color:#303030;}
.board_view .event_state{width:calc(100% - 20px); text-align:right;}
.board_view .event_state span{display:inline-block; width:80px; height:30px; line-height:30px; border-radius:15px 15px; text-align:center; font-weight:500; color:#FFF;}
.board_view .event_state span.go{background:#00adee;}
.board_view .event_state span.end{background:#808080;}
.board_view .board_con{padding:30px 20px; border-bottom:1px solid #ddd;}
.board_view .board_con img{width:100%; height:auto;}
.board_view .board_list li{width:100%; padding:15px 20px 15px 60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.board_view .board_list li.prev{background:url(../images/common/board_list_prev.gif) no-repeat; background-position:20px center;}
.board_view .board_list li.next{background:url(../images/common/board_list_next.gif) no-repeat; background-position:20px center;}
.board_view .board_list li p{display:none;}
.board_view .list_btn{width:100%; margin-top:30px; text-align:right;}
.board_view .list_btn a{display:inline-block; width:130px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.board_view .board_con .submit_btn{width:150px; height:40px; margin:30px auto 0; background:#00adee; border-radius:20px 20px;}
.board_view .board_con .submit_btn a{display:block; width:100%; line-height:40px; text-align:center; font-weight:500; color:#FFF;}

/* 사진/영상 */
.media_cate{display:table; width:240px; margin:0 auto 20px;}
.media_cate li{float:left; width:120px; height:35px; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.media_cate li a{display:block; width:100%; height:100%;line-height:35px;}
.media_cate li.on{border:1px solid #a0be23;}
.media_cate li.on a{font-weight:500; color:#a0be23;}

/* 채용정보 */
.right_people{width:94%; margin:auto;}
.right_people .pc{display:none;}
.right_people .mo{max-width:450px; margin:40px auto 0;}
.right_people img{width:100%;}
.culture_con{display:table; width:100%; padding:80px 0; margin:80px 0; background:url(../images/news/career_bg.jpg) no-repeat center; background-size:cover;}
.culture_con h3.con_title{margin:auto; color:#FFF;}
.culture_con h3.con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#FFF;}
.culture_con .con_align{max-width:1200px;}
.culture_con .cul{margin-bottom:30px;}
.culture_con .cul:last-child{margin-bottom:0;}
.culture_con .cul01:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon01.png) no-repeat center; background-size:100% auto;}
.culture_con .cul02:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon02.png) no-repeat center; background-size:100% auto;}
.culture_con .cul03:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon03.png) no-repeat center; background-size:100% auto;}
.culture_con .cul04:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon04.png) no-repeat center; background-size:100% auto;}
.culture_con .cul05:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon05.png) no-repeat center; background-size:100% auto;}
.culture_con .cul06:before{content:""; display:block; width:50px; height:50px; margin:0 auto 15px; background:url(../images/news/culture_icon06.png) no-repeat center; background-size:100% auto;}
.culture_con dl{max-width:320px; margin:auto; text-align:center;}
.culture_con dl:last-child{margin-bottom:0;}
.culture_con dt{margin-bottom:10px; font-size:18px; font-weight:500; color:#FFF;}
.culture_con dd{font-size:16px; color:#FFF; opacity:0.75;}
.career_con{width:94%; max-width:1400px; margin:auto;}
.career_con h3.con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#a0be23;}
.career_con .career_info{padding:30px 30px; background:#f3f3f3; border-radius:20px 20px; box-sizing:border-box; text-align:center;}
.career_con .career_info h4{margin-bottom:20px; font-size:18px; font-weight:500; color:#303030;}
.career_con .field{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.career_con .field li{display:inline-block; padding-left:15px; background:url(../images/news/career_ck.png) no-repeat left 6px; font-size:16px;}
.career_con .field li:first-child{margin-right:10px;}
.career_con .process{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.career_con .process ul{font-size:0;}
.career_con .process li{position:relative; display:inline-block; margin-right:25px;}
.career_con .process li:after{content:""; position:absolute; right:-18px; top:50%; display:block; width:7px; height:12px; margin-top:-6px; background:url(../images/news/career_step_arrow.png) no-repeat; background-size:100% auto;}
.career_con .process li:last-child{margin-right:0;}
.career_con .process li:last-child:after{display:none;}
.career_con .process li p{margin-top:5px; font-size:16px; font-weight:400;}
.career_con .inquiry span{display:block; font-size:24px; font-weight:700; color:#a0be23;}
.career_con .inquiry p{display:inline-block; padding-left:20px; margin-top:10px; background:url(../images/news/career_mail.png) no-repeat left 10px;}
.career_con .inquiry p a{font-size:16px;}
.career_con .career_post{margin-top:40px;}
.career_con .career_post li{margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.career_con .career_post li:hover{border:1px solid #a0be23;}
.career_con .career_post li:last-child{margin-bottom:0;}
.career_con .career_post li a{display:block; padding:30px 30px; box-sizing:border-box;}
.career_con .career_post li h4{margin-bottom:10px; font-size:18px; font-weight:500; color:#303030;}
.career_con .career_post li p{font-size:16px;}
.career_con .career_post li .tag{margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.career_con .career_post li .tag span{padding:3px 7px; margin-right:4px; box-sizing:border-box; font-weight:400; color:#303030;}
.career_con .career_post li .tag span:last-child{margin-right:0;}
.career_con .career_post li .tag span.go{border:1px solid #303030;}
.career_con .career_post li .tag span.end{border:1px solid #ddd; background:#ddd;}
.welfare_con{margin-top:80px; padding:20px 0 100px; background:#f3f3f3;}
.welfare_con h3.con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#a0be23;}
.welfare_con .welfare_icon{text-align:center; font-size:0;}
.welfare_con .welfare_icon li{display:inline-block; width:120px; height:120px; padding-top:80px; margin:0 10px 20px; border:1px solid #a0be23; border-radius:60px 60px; box-sizing:border-box; box-shadow:5px 5px 5px rgb(0,0,0,0.1);}
.welfare_con .welfare_icon li:nth-child(1){background:url(../images/news/welfare_icon01.png) no-repeat #FFF; background-size:80px auto; background-position:center 25px;}
.welfare_con .welfare_icon li:nth-child(2){background:url(../images/news/welfare_icon02.png) no-repeat #FFF; background-size:80px auto; background-position:center 25px;}
.welfare_con .welfare_icon li:nth-child(3){background:url(../images/news/welfare_icon03.png) no-repeat #FFF; background-size:80px auto; background-position:center 25px;}
.welfare_con .welfare_icon li:nth-child(4){background:url(../images/news/welfare_icon04.png) no-repeat #FFF; background-size:80px auto; background-position:center 25px;}
.welfare_con .welfare_icon li:nth-child(5){margin:0 10px; background:url(../images/news/welfare_icon05.png) no-repeat #FFF center 25px; background-size:80px auto;}
.welfare_con .welfare_icon li span{ font-size:14px; font-weight:500; color:#267dc0;}
.welfare_con .welfare_li{margin-top:40px; border-top:2px solid #a0be23; background:#FFF;}
.welfare_con .welfare_li dl{padding:20px 30px; border-bottom:1px solid #ddd;}
.welfare_con .welfare_li dl:last-child{border-bottom:none;}
.welfare_con .welfare_li dt{margin-bottom:15px; font-size:18px; font-weight:500; color:#303030;}
.welfare_con .welfare_li dd p{padding-left:15px; background:url(../images/common/blue_dot.gif) no-repeat left 11px; font-size:16px;}

/* 채용정보 - 영문 */
.welfare_con.eng .welfare_icon li{width:150px; height:150px; border-radius:75px 75px; vertical-align:top;}
.welfare_con.eng .welfare_icon li:nth-child(1){background:url(../images/news/welfare_icon01.png) no-repeat #FFF; background-size:70px auto; background-position:center 20px;}
.welfare_con.eng .welfare_icon li:nth-child(2){background:url(../images/news/welfare_icon02.png) no-repeat #FFF; background-size:70px auto; background-position:center 20px;}
.welfare_con.eng .welfare_icon li:nth-child(3){background:url(../images/news/welfare_icon03.png) no-repeat #FFF; background-size:70px auto; background-position:center 20px;}
.welfare_con.eng .welfare_icon li:nth-child(4){background:url(../images/news/welfare_icon04.png) no-repeat #FFF; background-size:70px auto; background-position:center 20px;}
.welfare_con.eng .welfare_icon li:nth-child(5){margin:0 10px; background:url(../images/news/welfare_icon05.png) no-repeat #FFF center 20px; background-size:70px auto;}
.welfare_con.eng .welfare_icon li span{display:inline-block; font-size:13px; line-height:18px;}


/* 이벤트 */
.event_con{padding-top:30px; border-top:1px solid #303030;}
.event_con li{margin-bottom:30px; border-bottom:1px solid #ddd;}
.event_con li .event_thum img{width:100%;}
.event_con li .event_info{padding:25px 0;}
.event_con li .event_info h4{margin-bottom:10px; line-height:1.2em; font-size:16px; font-weight:500; color:#303030;}
.event_con li .event_info h4 a{}
.event_con li .event_info p em{color:#303030;}
.event_con li .event_info .event_state{margin-left:calc(100% - 80px);}
.event_con li .event_info .event_state span{display:block; width:80px; height:30px; line-height:30px; border-radius:15px 15px; text-align:center; font-weight:500; color:#FFF;}
.event_con li .event_info .event_state span.go{background:#00adee;}
.event_con li .event_info .event_state span.end{background:#808080;}

.event_popup{padding:50px 4%; background:#f3f3f3;}
.event_popup .event_title{margin-bottom:30px; padding:0 30px; overflow:hidden;}
.event_popup .event_title h3{font-size:18px; font-weight:500; color:#303030;}
.event_popup .event_title p{float:left; width:calc(100% - 110px); margin-top:18px; font-size:16px;}
.event_popup .event_title .event_state{float:right; margin-top:15px;}
.event_popup .event_title .event_state span{display:block; width:80px; height:30px; line-height:30px; border-radius:15px 15px; text-align:center; font-weight:500; color:#FFF;}
.event_popup .event_title .event_state span.go{background:#00adee;}
.event_popup .event_title .event_state span.end{background:#808080;}
.event_popup h4{margin-bottom:20px; text-align:center; font-size:18px; font-weight:500; color:#303030;}
.event_popup .pop_con{display:table; width:100%; padding:40px 20px; margin-bottom:30px; border-radius:20px 20px; box-sizing:border-box; background:#FFF;}
.event_popup .pop_con:last-child{margin-bottom:30px;}
.event_popup .pop_con dl{margin-bottom:20px; overflow:hidden;}
.event_popup .pop_con dl dt{margin-bottom:10px; font-size:16px; font-weight:500; color:#303030;}
.event_popup .pop_con dl dd .input_wrap{display:inline-block; margin-right:10px;}
.event_popup .pop_con dl dd .input_wrap:last-child{margin-right:0;}
.event_popup .pop_con dl dd input{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box;}
.event_popup .pop_con dl dd input.ckbox{width:14px; height:14px; margin-right:3px;}
.event_popup .pop_con dl dd input.rabox{width:14px; height:14px; margin-right:3px;}
.event_popup .pop_con dl dd label{margin-left:5px;}
.event_popup .pop_con dl dd select{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box;}
.event_popup .pop_con dl.tel dd{font-size:0;}
.event_popup .pop_con dl.tel dd input{width:31%;}
.event_popup .pop_con dl.tel dd span{display:inline-block; width:3.5%; text-align:center; font-size:18px;}
.event_popup .pop_con dl.mail dd{font-size:0;}
.event_popup .pop_con dl.mail dd input{width:46%;}
.event_popup .pop_con dl.mail dd span{display:inline-block; width:8%; text-align:center; font-size:16px;}
.event_popup .pop_con dl.mail dd select{margin-top:10px;}
.event_popup .pop_con .agreement{height:150px; padding:15px 20px; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; overflow-y:scroll;} 
.event_popup .pop_con .agree_btn{text-align:right;}
.event_popup .pop_con .agree_btn .input_wrap{display:inline-block; margin-right:10px;}
.event_popup .pop_con .agree_btn input.rabox{width:14px; height:14px; margin-right:3px;}
.event_popup .pop_con .agree_con{padding:20px 15px ;overflow-y: scroll; height:120px; background: #f8f8f8; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; margin-bottom:10px;}
.event_popup .pop_con .agree_con p{margin-bottom:10px; color:#606060;}
.event_popup .pop_con .agree_con ul{padding-left:15px;}
.event_popup .pop_con .agree_con li{margin-bottom:10px; list-style:decimal; color:#606060;}
.event_popup .pop_con .agree_con a{font-weight:500; color:#a0be23;}
.event_popup .submit_btn{width:150px; height:40px; background:#132a9c; border-radius:20px 20px; margin:auto; text-align:center}
.event_popup .submit_btn input{line-height:40px; border:none; background:none; font-weight:500; color:#FFF;}
.event_popup h3.pop_tt{text-align:center; font-size:18px; font-weight:500; color:#303030;}
.event_popup h3.pop_tt:before{content:""; display:block; width:30px; height:3px; margin:0 auto 15px; background:#00adee;}
.event_popup .event_file{width:100%; margin-top:20px; text-align:center;}
.event_popup .event_file a{padding-left:20px; background:url(../images/main/main_down_btn.png) no-repeat left 3px; background-size:14px auto;}

/* 뉴스레터 */
.newsletter_con{margin:40px auto 0; padding:30px 35px; border:1px solid #ddd; border-radius:20px 20px; box-sizing:border-box;}
.newsletter_con dl{margin-bottom:30px;}
.newsletter_con dl dt{margin-bottom:10px; font-size:16px; font-weight:500; color:#303030;}
.newsletter_con dl dd .input_wrap{display:inline-block; margin-right:10px;}
.newsletter_con dl dd .input_wrap:last-child{margin-right:0;}
.newsletter_con dl dd input{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box;}
.newsletter_con dl dd input.ckbox{width:14px; height:14px; margin-right:3px;}
.newsletter_con dl dd select{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box;}
.newsletter_con dl.tel dd{font-size:0;}
.newsletter_con dl.tel dd input{width:31%;}
.newsletter_con dl.tel dd span{display:inline-block; width:3.5%; text-align:center; font-size:18px;}
.newsletter_con dl.mail dd{font-size:0;}
.newsletter_con dl.mail dd input{width:46%;}
.newsletter_con dl.mail dd span{display:inline-block; width:8%; text-align:center; font-size:16px;}
.newsletter_con dl.mail dd select{margin-top:10px;}
.newsletter_con .agree_con h4{margin-bottom:10px; font-size:16px; font-weight:500; color:#303030;}
.newsletter_con .agree_con{padding-top:40px; padding-bottom:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.newsletter_con .agree_con .agreement{height:150px; padding:15px 20px; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; overflow-y:scroll;}
.newsletter_con .agree_con .agreement p{margin-bottom:10px; color:#606060;}
.newsletter_con .agree_con .agreement ul{padding-left:15px;}
.newsletter_con .agree_con .agreement li{margin-bottom:10px; list-style:decimal; color:#606060; font-size:14px;}
.newsletter_con .agree_con .agreement a{font-weight:500; color:#a0be23;}
.newsletter_con .agree_con .agree_btn{margin-top:10px; text-align:right;}
.newsletter_con .agree_con .agree_btn .input_wrap{display:inline-block; margin-right:10px;}
.newsletter_con .agree_con .agree_btn input.rabox{width:14px; height:14px; margin-right:3px;}
.newsletter_con .submit_btn{width:150px; height:40px; margin:30px auto 0; background:#00adee;}
.newsletter_con .submit_btn a{display:block; width:100%; line-height:40px; text-align:center; font-weight:500; color:#FFF;}

/* 개인정보처리방침 */
.privacy_wrap{padding:60px 4% 100px; background:#f3f3f3;}
.privacy_wrap h3.con_title{margin:auto;}
.privacy_wrap h3.con_title:after{content:""; display:block; width:30px; height:3px; margin:20px auto 40px; background:#a0be23;}
.privacy_wrap .privacy_con{padding:30px 35px; background:#FFF; border-radius:20px 20px; box-shadow:5px 5px 5px rgb(0,0,0,0.1);}
.privacy_wrap .privacy_con p{margin-bottom:10px; color:#606060;}
.privacy_wrap .privacy_con ul{padding-left:15px;}
.privacy_wrap .privacy_con li{margin-bottom:10px; list-style:decimal; color:#606060; font-size:14px;}
.privacy_wrap .privacy_con a{font-weight:500; color:#a0be23;}

/* 500px 이상 해상도 스타일 */
@media screen and (min-width:500px){
/* 이벤트 
.event_popup .pop_con{padding:40px 35px;}
.event_popup h4{margin-bottom:30px; font-size:20px;}
.event_popup .pop_con dl{display:table; width:100%; margin-bottom:10px;}
.event_popup .pop_con dl dt{float:left; width:100px; line-height:50px; margin-bottom:0; font-size:18px;}
.event_popup .pop_con dl dd{float:left; width:calc(100% - 100px);}
.event_popup .pop_con dl dd input{height:50px; font-size:16px;}
.event_popup .pop_con dl.mail dd select{height:50px; font-size:16px;}*/
.event_popup .pop_con{padding:40px 35px;}
.event_popup h4{margin-bottom:30px; font-size:20px;}
.event_popup .pop_con dl{display:table; width:100%; margin-bottom:25px;}
.event_popup .pop_con dl dt{font-size:18px;}
.event_popup .pop_con dl dd input{height:50px; font-size:16px;}
.event_popup .pop_con dl dd label{font-size:16px;}
.event_popup .pop_con dl dd select{height:50px; font-size:16px;}
.event_popup .pop_con .agree_btn .input_wrap label{font-size:16px;}
.event_popup h3.pop_tt{font-size:20px;}
.event_popup .event_file{margin-top:25px;}
.event_popup .event_file a{padding-left:20px; background:url(../images/main/main_down_btn.png) no-repeat left 3px; background-size:14px auto;}
}

/* 640px 이상 해상도 스타일 */	
@media screen and (min-width:640px){
/* Common */
.contents{margin:0 auto 80px;}
h3.con_title{margin:80px 0 20px; font-size:28px;}
h3.con_title p{font-size:28px;}
h3.con_title.line:after{margin:20px auto 0;}
p.con_copy{font-size:18px;}
p.con_copy.line:before{margin:0 auto 20px;}
h4.sub_tt{font-size:25px;}
h4.sub_tt:after{margin:20px auto 35px;}
.con_txt{font-size:18px;}
.con_cate{margin:20px 0;}
.con_cate li{max-width:160px;}
.con_cate li a{height:45px; line-height:45px; font-size:16px;}

/* 회사소개 */
.brand_img{margin-top:60px;}
.brand_img .pc{display:block; max-width:533px; margin:auto;}
.brand_img .mo{display:none;}
.vision_list{margin:130px auto 160px;}
.vision_list .vs_li dl{width:150px; height:150px;}
.vision_list .vs_li dl dt p{font-size:18px;}
.vision_list .vs_li dl dd{display:block; margin-top:10px; font-size:18px; font-weight:500; color:#303030;}
.vision_list .vs_li01 dl:nth-child(1){left:50%; top:-75px; margin-left:-250px;}
.vision_list .vs_li01 dl:nth-child(2){left:50%; top:-75px; margin-left:-75px;}
.vision_list .vs_li01 dl:nth-child(3){right:50%; top:-75px; margin-right:-250px;}
.vision_list .vs_li02 dl:nth-child(1){left:50%; bottom:-75px; margin-left:-162px;}
.vision_list .vs_li02 dl:nth-child(2){left:50%; bottom:-75px; margin-left:12px;}

/* 연혁 */
.history_con{margin-bottom:120px;}
.history_con li.on .con_align{position:relative;}
.history_con li.on .his_tt{position:static; float:left; width:280px;}
.history_con li.on .his_tt .his_btn{top:30px; margin-top:0;}
.history_con li.on .his_li{float:left; width:calc(100% - 330px); margin-top:30px;}

/* 조직도 */
.org_img{margin-top:60px;}

/* Contact Us */
.contact_con .map_wrap{position:relative; box-shadow:none;}
.contact_con{margin-top:240px; padding-bottom:120px;}
.contact_con .con_align{margin-top:-200px;}
.contact_con .map .root_daum_roughmap .wrap_map{height:400px;}
.contact_con .map_info{position:absolute; left:5%; bottom:-80px; width:90%; padding:25px 30px 35px; box-sizing:border-box; box-shadow:5px 5px 5px rgb(0,0,0,0.1); z-index:1;}
.contact_con .map_info dt{display:table-cell; width:60px; font-weight:500; color:#303030;}
.contact_con .map_info dl{margin-bottom:15px;}
.contact_con .map_info dl:nth-child(2){float:left; width:50%; margin-bottom:0;}
.contact_con .map_info dl:nth-child(3){float:left; width:50%;}
.contact_con .map_info dd p{display:inline;}
.contact_con .contact_li{margin-top:120px;}
.contact_con .contact_li dl{float:left; width:48%; margin-right:4%; padding:25px 30px 35px;}
.contact_con .contact_li dl:nth-child(even){margin-right:0;}

/* 사업개요 */
.busniss_list{max-width:740px; margin:auto;}
.busniss_list li{max-width:none; margin:0 0 30px; display:table;}
.busniss_list .icon_wrap{display:table-cell; width:320px; height:160px; vertical-align:middle;}
.busniss_list dl{display:table-cell; padding-left:30px; vertical-align:middle;}
.busniss_list dt .block_txt{display:block;}
.busniss_list dd .block_txt{display:block;}
.overview_idt{padding:0 4% 120px;}

/* 사업구성도 */
.structure_con{margin-top:60px;}

/* 사업분야 */
.sub_cate{margin:40px 0;}
.sub_cate li a{font-size:18px; letter-spacing:normal;}
.cm_img{margin-top:60px;}
.cm_img .mo{display:none;}
.cm_img .pc{display:block; max-width:476px; margin:auto;}
.cm_img span{font-size:18px;}
.ec_his_con{padding:80px 0 50px;}
.ec_his_con h4{margin-bottom:60px; font-size:38px;}
.ec_his_con h4 em{padding:0 15px 20px;}
.ec_his_li{display:table;}
.ec_his_li li{float:left; width:32%; margin-right:2%;}
.ec_his_li li:nth-child(3n){margin-right:0;}
.champ_con .con_align{padding-bottom:80px;}
.champ_con li .champ_icon .wrap{width:150px; height:150px; padding-top:45px;}
.champ_con li .champ_icon span{font-size:45px;}
.champ_con li .champ_icon p{margin-top:10px; font-size:16px;}
.champ_con li dt{font-size:18px;}
.champ_process{padding-top:80px;}
.champ_process .champ_grp .mo{display:none;}
.champ_process .champ_grp .pc{display:block; max-width:1030px; margin:auto;}
.champ_process .champ_grp span{font-size:18px;}
.platform_con{margin:60px auto 100px;}
.platform_con .link_list dl{width:50%; padding:30px 0 40px 40px;}
.platform_con .link_list dl:first-child{width:50%;}

/* IR */
.snb li a{font-size:20px; padding:0 20px 12px; margin:0 12px; border-bottom:solid 5px #FFF;}
.snb li.on a{border-bottom:5px solid #a0be23;}
.agency_area{margin:30px auto 40px;}
.agency_area .select_box{height:50px; line-height:50px; border-radius:25px 25px;}

/* Works */
.client_logo li{width:20%;}
.career_info dd span.block_txt{display:block;}
.groobee_con .career_info{padding:0; border:none; text-align:center;}
.groobee_con .career_info .work01{display:inline-block; padding-bottom:0; margin-bottom:0; border-bottom:none; padding-right:40px; margin-right:40px; border-right:1px solid #a0be23; text-align:left;}
.groobee_con .career_info .work02{display:inline-block; text-align:left;}
.career_info .work_num{font-size:35px;}
.career_info .work_num em{margin-left:10px; font-size:20px;}
.devops_con{margin:0 auto 120px;}
.devops_con .career_info{max-width:410px;}
.devops_con .career_info .work_num{width:120px; padding-right:40px;}
.devops_con .career_info dl{padding-left:40px;}

/* Works-영문 */
.groobee_con.eng .career_info .work01{width:40%;}
.groobee_con.eng .career_info .work02{width:45%;}

/* 게시판 */
.search_bar{width:410px; margin-left:calc(100% - 410px);}
.board_list li .board_date{display:table-cell; width:120px; vertical-align:middle; text-align:center;}
.board_view .board_list li{display:table;}
.board_view .board_list li a{display:table-cell; vertical-align:middle;}
.board_view .board_list li p{display:table-cell; width:100px; vertical-align:middle; text-align:right;}

/* 채용공고 */
.right_people .pc{display:block; max-width:860px; margin:60px auto 0;}
.right_people .mo{display:none;}
.culture_con .con_align{font-size:0;}
.culture_con .cul{display:inline-block; width:48%; margin-right:4%; vertical-align:top;}
.culture_con .cul:nth-child(even){margin-right:0;}
.career_con .career_info{overflow:hidden;}
.career_con .field{float:left; width:20%; padding-bottom:0; margin-bottom:0; border-bottom:none;}
.career_con .field li{display:block; width:60px; margin:auto; text-align:left;}
.career_con .field li:first-child{margin-right:auto;}
.career_con .process{float:left; width:50%; padding-bottom:50px; margin-bottom:0; border-bottom:none; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.career_con .inquiry{float:left; width:30%;}
.career_con .career_post{overflow:hidden;}
.career_con .career_post li{float:left; width:48%; margin-right:4%;}
.career_con .career_post li:nth-child(even){margin-right:0;}
.career_con .career_post li h4{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:50px; overflow:hidden; text-overflow:ellipsis;}
.welfare_con{padding-bottom:120px;}

/* 이벤트 */
.event_con{overflow:hidden;}
.event_con li{float:left; width:48%; margin-right:4%; border:1px solid #ddd; box-sizing:border-box;}
.event_con li:hover{border:1px solid #a0be23;}
.event_con li:nth-child(even){margin-right:0;}
.event_con li .event_info{height:180px; padding:25px 25px; box-sizing:border-box;}
.event_con li .event_info h4{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; overflow:hidden; text-overflow:ellipsis;}
.event_con li .event_info .event_state{margin-top:30px;}

/* 사진/영상 */
.media_cate{width:320px; margin:40px auto 30px;}
.media_cate li{width:160px; height:45px;}
.media_cate li a{line-height:45px; font-size:16px;}
.media_con li .event_info{height:auto;}
.picture_con li .event_info{height:auto;}

/* 뉴스레터 */
.newsletter_con{padding:60px 80px;}
.newsletter_con dl{display:table; width:100%; margin-bottom:10px;}
.newsletter_con dl dt{float:left; width:100px; line-height:50px; margin-bottom:0; font-size:18px;}
.newsletter_con dl dd{float:left; width:calc(100% - 100px);}
.newsletter_con dl dd input{height:50px; font-size:16px;}
.newsletter_con dl dd label{font-size:16px;}
.newsletter_con dl dd select{height:50px; font-size:16px;}
.newsletter_con dl.mail dd input{width:25%;}
.newsletter_con dl.mail dd span{width:5%;}
.newsletter_con dl.mail select{width:43%; margin-left:2%;}
.newsletter_con dl.field dt{float:none; width:auto; line-height:1.6em; margin-top:15px; margin-bottom:5px;}
.newsletter_con dl.field dd{float:none; width:auto;}
.newsletter_con .agree_con{margin-top:40px;}
.newsletter_con .agree_con h4{font-size:18px;}
.newsletter_con .agree_con .agreement{font-size:16px;}
.newsletter_con .agree_con .agree_btn label{font-size:16px;}
.newsletter_con .submit_btn{width:180px; height:50px; margin:40px auto 0;}
.newsletter_con .submit_btn a{line-height:50px; font-size:16px;}

/* 개인정보처리방침 */
.privacy_wrap{padding:80px 4% 120px;}
.privacy_wrap .privacy_con{padding:40px 50px;}
.privacy_wrap .privacy_con p{margin-bottom:20px; font-size:16px;}
.privacy_wrap .privacy_con li{margin-bottom:20px; font-size:16px;}
.privacy_wrap .privacy_con a{font-size:16px;}
}

/* 1000px 이상 해상도 스타일 */
@media screen and (min-width:1000px){
/* 회사소개 */
.vision_list .vs_li dl{width:180px; height:180px; z-index:1;}
.vision_list .vs_li01 dl:nth-child(1){margin-left:-320px;}
.vision_list .vs_li01 dl:nth-child(2){margin-left:-90px;}
.vision_list .vs_li01 dl:nth-child(3){margin-right:-320px;}
.vision_list .vs_li02 dl:nth-child(1){margin-left:-206px;}
.vision_list .vs_li02 dl:nth-child(2){margin-left:25px;}

.vision_list .vs_li .vision_tag{position:absolute; display:block;}
.vision_list .vs_li .vision_tag p{font-size:16px; font-weight:500; color:#303030;}
.vision_list .vs_li01 .vision_tag{right:0; width:calc(100% - 200px);  text-align:right;}
.vision_list .vs_li01 .vision_tag:before{position:absolute; content:""; display:block; right:100px; top:18%; width:100%; height:10px; background:url(/images/vision_tag_line.png) no-repeat right;}

.vision_list .vs_li02 .vision_tag{left:0; bottom:0; width:calc(100% - 320px); overflow:hidden;}
.vision_list .vs_li02 .vision_tag:before{position:absolute; content:""; display:block; left:100px; bottom:18%; width:100%; height:10px; background:url(/images/vision_tag_line02.png) no-repeat left;}

/* Works-영문 */
.groobee_con.eng .career_info .work01{width:auto;}
.groobee_con.eng .career_info .work02{width:auto;}

}


/* 1200px 이상 해상도 스타일 */	
@media screen and (min-width:1200px){
/* Connon */
.contents{margin:0 auto 80px;}
h3.con_title{font-size:35px; margin:100px 0 35px;}
h3.con_title.line:after{width:40px; margin:30px auto 0;}
p.con_copy{font-size:19px;}
p.con_copy.line:before{width:40px; margin:0 auto 30px;}
p.con_copy span.block_txt{display:block;}
.con_txt{font-size:20px;}
.con_txt span.block_txt{display:block;}

/* 회사소개 */
.vision_con{margin-top:120px;}
.vision_con h3.con_title:after{font-size:18px;}
.vision_list{margin:150px auto 180px;}
.vision_list .vs_li dl{width:200px; height:200px;}
.vision_list .vs_li dl dt p{font-size:20px;}
.vision_list .vs_li dl dd{margin-top:15px; font-size:20px;}
.vision_list .vs_li01 dl:nth-child(1){margin-left:-380px;}
.vision_list .vs_li01 dl:nth-child(2){margin-left:-100px;}
.vision_list .vs_li01 dl:nth-child(3){margin-right:-380px;}
.vision_list .vs_li02 dl:nth-child(1){margin-left:-240px;}
.vision_list .vs_li02 dl:nth-child(2){margin-left:40px;}
.vision_list .vs_li .vision_tag p{font-size:20px;}
.vision_list .vs_li01 .vision_tag{right:-60px; top:-6px;}
.vision_list .vs_li01 .vision_tag:before{right:120px; top:12px;}
.vision_list .vs_li02 .vision_tag{left:-60px; bottom:-6px;}
.vision_list .vs_li02 .vision_tag:before{left:120px; bottom:12px;}

/* 연혁 */
.history_con{margin-bottom:140px;}
.history_con li{padding:70px 0;}
.history_con .his_tt h4{font-size:45px;}
.history_con .his_tt p{font-size:22px;}
.history_con .his_tt .his_btn{width:27px; height:27px; background-size:27px 15px;}
.history_con li.on{padding:70px 0 120px;}
.history_con li.on .his_tt{width:420px;}
.history_con li.on .his_tt h4:before{width:70px; margin-bottom:30px;}
.history_con li.on .his_tt .his_btn{background-size:27px 15px;}
.history_con li.on .his_li{width:calc(100% - 500px); margin-top:60px; background-position:102px;}
.history_con li.on .his_li dt{width:100px; font-size:25px;}
.history_con li.on .his_li dd{width:calc(100% - 100px)}
.history_con li.on .his_li dd p{padding-left:40px; font-size:18px;}

/* 조직도 */
.org_img{margin-top:80px;}

/* Contact Us */
.contact_con{margin-top:360px; padding-bottom:140px;}
.contact_con .con_align{margin-top:-300px;}
.contact_con .map .root_daum_roughmap .wrap_map{height:550px;}
.contact_con .map_info{left:10%; width:80%; padding:40px 120px 45px;}
.contact_con .map_info dl{margin-bottom:20px;}
.contact_con .map_info dt{width:80px; font-size:18px;}
.contact_con .map_info dd{font-size:16px;}
.contact_con .map_info dd p{font-size:16px;}
.contact_con .map_info dd p.block_txt{display:block;}
.contact_con .contact_li{margin-top:150px;}
.contact_con .contact_li dl{float:left; width:32%; margin-right:2%; padding:30px 40px 40px;}
.contact_con .contact_li dl:nth-child(even){margin-right:2%;}
.contact_con .contact_li dl:nth-child(3n){margin-right:0;}
.contact_con .contact_li dt{height:72px;}
.contact_con .contact_li dt em{margin-bottom:5px; font-size:18px;}
.contact_con .contact_li dd{margin-top:25px; padding-top:25px;}
.contact_con .contact_li dd p{font-size:16px;}
.contact_con .contact_li dd p.mail{background:url(../images/news/career_mail.png) no-repeat left 10px;}
.contact_con .contact_li dd p a{font-size:16px;}

/* 사업개요 */
.overview_cm{padding:120px 4%; margin:120px 0;}
.overview_cm .con_title:after{width:40px; margin:35px auto 100px;}
.busniss_list{max-width:900px;}
.busniss_list li{margin-bottom:50px;}
.busniss_list .icon_wrap{width:400px; height:200px;}
.busniss_list .icon_wrap .icon img{width:auto;}
.busniss_list .icon_wrap .logo img{width:auto; max-width:none;}
.busniss_list .icon_wrap .icon p{font-size:16px;}
.busniss_list .icon_wrap .icon02{margin-right:30px;}
.busniss_list dl{padding-left:60px;}
.busniss_list dt{font-size:20px;}
.busniss_list dd{margin-top:25px; font-size:18px;}
.overview_idt{padding:0 4% 140px;}
.overview_idt .con_title:after{width:40px; margin:35px auto 100px;}

/* 사업구성도 */
.structure_con{margin-top:80px;}
.structure_con table th{height:90px; font-size:18px;}
.structure_con table td{padding:20px 50px; font-size:16px;}
.structure_con table td p{font-size:16px;}
.structure_con table .td_wd{width:180px;}

/* 사업분야 */
.sub_cate{margin:60px auto;}
.sub_cate li a{line-height:50px; font-size:22px;}
.sub_cate li:first-child{margin-right:70px;}
.sub_cate li:first-child:after{height:14px; top:20px; right:-36px;}
.sub_cate.eng li a{line-height:42px;}
.sub_cate.eng li:first-child:after{height:50px;}
.cm_img{margin-top:80px;}
.cm_img span{margin-top:50px; font-size:20px;}
.ec_his_con{position:relative; padding:120px 0 350px; margin:120px 0;}
.ec_his_con:after{position:absolute; content:""; display:block; width:18px; height:630px; bottom:120px; left:80px; background:url(../images/business/cm_tag.png) no-repeat;}
.ec_his_con h4{margin-bottom:100px; font-size:50px;}
.ec_his_con h4 em{padding:0 20px 30px;}
.ec_his_wrap{position:relative;}
.ec_his_li li{position:absolute; top:50%; width:25%;}
.ec_his_li li:nth-child(1){top:0; left:16%; width:32%; margin-top:-44px;}
.ec_his_li li:nth-child(2){top:0; right:16%; width:32%; margin-top:-44px;}
.ec_his_li li:nth-child(3){top:48.8%; right:10%; margin-top:-44px;}
.ec_his_li li:nth-child(4){top:48.8%; left:36.5%; margin-top:-44px;}
.ec_his_li li:nth-child(5){top:48.8%; left:10%; margin-top:-44px;}
.ec_his_li li:nth-child(6){top:97.8%; left:10%; margin-top:-44px;}
.ec_his_li li:nth-child(7){top:97.8%; left:36.5%; margin-top:-44px;}
.ec_his_li li:nth-child(8){top:97.8%; right:10%; margin-top:-44px;}
.ec_his_li li h5:after{width:10px; height:50px; margin:auto; background:url(../images/business/ec_his_dot.png) no-repeat center;}
.ec_his_li li dl:before{display:none;}
.ec_his_li.eng li:nth-child(3){top:43.8%;}
.ec_his_li.eng li:nth-child(4){top:43.8%;}
.ec_his_li.eng li:nth-child(5){top:43.8%;}
.ec_his_bg{display:block;}
.ec_his_bg img{width:100%;}
.champ_con ul{max-width:none; height:150px; width:98%; margin:250px auto; background:url(../images/business/champ_line.gif) no-repeat center;}
.champ_con li{position:relative; float:left; display:block; width:20%; text-align:center;}
.champ_con li .champ_icon{display:inline-block; padding-right:0;}
.champ_con li .champ_icon:after{display:none; background:none;}
.champ_con li:nth-child(even) .champ_icon:before{position:absolute; content:""; display:block; width:7px; height:60px; top:-34px; left:50%; margin-left:-4px; background:url(../images/business/champ_arrow_top.png) no-repeat center; z-index:1;}
.champ_con li:nth-child(odd) .champ_icon:after{content:""; display:block; width:7px; height:60px; top:auto; right:auto; bottom:-34px; left:50%; margin-left:-4px; background:url(../images/business/champ_arrow_btm.png) no-repeat bottom center; z-index:1;}
.champ_con li dl{position:absolute; width:110%; margin-left:-5%;}
.champ_con li:nth-child(odd) dl{top:180px;}
.champ_con li:nth-child(even) dl{bottom:180px;}
.champ_process{margin-top:390px;}
.champ_process .con_align{padding-bottom:120px; margin-top:-480px;}
.champ_process .con_txt{margin-bottom:60px;}
.champ_process .champ_grp span{margin-top:40px; font-size:20px;}
.champ_process .champ_grp{padding:0 30px 80px;}
.platform_con{margin:100px auto 100px;}
.platform_con .platform_cate{margin-bottom:0;}
.platform_con .platform_cate .cate_btn{display:none;}
.platform_con .platform_cate ul{display:block; position:relative; height:auto; margin-bottom:60px; margin-top:60px; background:none; border:none; overflow:hidden; border-radius:0 0; text-align:center; font-size:0;}
.platform_con .platform_cate li{display:inline-block; height:auto; padding:10px 10px 12px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.platform_con .platform_cate li.on{border-bottom:3px solid #a0be23; padding:10px 10px;}
.platform_con .platform_cate li a{padding:0 0; font-size:18px; color:#303030;}
.platform_cno .platform_cate li.on a{font-weight:500; color:#a0be23;}
.platform_con .platform_img{margin:80px auto 0;}
.platform_con .link_list{display:table; width:100%; max-width:1400px; margin:100px auto 0;}
.platform_con .link_list dl:first-child{border-right:none;}
.platform_con .link_list dt{display:table-cell; padding-right:70px; font-size:20px;}
.platform_con .link_list dd{display:table-cell;}
.platform_con .link_list dd a{font-size:18px;}
.platform_con .link_list .btn{width:240px; height:50px; margin:60px auto 0; border-radius:25px 25px;}
.platform_con .link_list .btn a{line-height:50px; font-size:16px;}

/* IR */
.stock_table_scroll{overflow-x:hidden;}
.stock_table_wrap{margin-top:50px;}
.stock_table th{font-size:14px;}
.stock_table td{font-size:14px;}
.stock_table td a{font-size:14px;}
h4.stock_subject{margin:67px 0 -20px; font-size:20px;}
h4.stock_fs{margin:0 0 -20px;}

/* Works */
.ec_slide{margin-top:240px; padding-bottom:120px;}
.ec_slide .con_align{position:relative; padding-bottom:120px;}
.ec_slide .ec_li .ec_thum .ec_img{width:50%; height:350px; overflow:hidden;}
.ec_slide .ec_li .ec_thum .ec_img img{width:auto; height:100%;}
.ec_slide .ec_li .ec_thum .slide_button{display:block;}
.ec_slide .ec_li .slide_button .slide_btn{display:block; width:60px; height:60px;}
.ec_slide .ec_li .slide_button .prev_btn{right:auto; top:auto; left:50%; bottom:0; margin-left:-120px; background-size:15px auto;}
.ec_slide .ec_li .slide_button .next_btn{right:auto; top:auto; left:50%; bottom:0; margin-left:-60px; background-size:15px auto;}
.ec_slide .ec_li .ec_info{position:absolute; top:0; right:0; width:50%; height:350px; padding:50px 60px; box-sizing:border-box;}
.ec_slide .ec_li .ec_info .slide_button{display:none;}
.ec_slide .ec_li .ec_info dt{margin-bottom:35px;}
.ec_slide .ec_li .ec_info dt p{margin-bottom:10px; font-size:24px;}
.ec_slide .ec_li .ec_info dt span{font-size:16px;}
.ec_slide .ec_cate{position:absolute; width:100%; bottom:0;}
.ec_slide .ec_cate span a{font-size:16px;}
.ec_client{margin:120px auto;}
.client_logo{margin-top:60px;}
.groobee_con{padding:120px 0;}
.career_info{margin-top:80px;}
.career_info .work_num{font-size:60px;}
.career_info .work_num em{font-size:22px;}
.career_info dl{margin-top:50px;}
.career_info dt{margin-bottom:25px; font-size:22px;}
.career_info dd{font-size:18px;}
.devops_con{margin:0 auto 140px;}
.devops_con .career_info{max-width:510px; margin:80px auto 0;}
.devops_con .career_info .work_num{width:165px;}

/* Works - 영문 */
.ec_slide.eng .ec_li .ec_thum .ec_img{width:45%; height:380px;}
.ec_slide.eng .ec_li .ec_info{ width:55%; height:380px; padding:20px 60px;}
.ec_slide .ec_li .slide_button .prev_btn{margin-left:-180px;}
.ec_slide .ec_li .slide_button .next_btn{margin-left:-120px;}

/* 게시판 */
.search_bar{margin-bottom:40px;}
.board_list li{padding:40px 0;}
.board_list li .board_no{width:144px;}
.board_list li .board_txt dt em{font-size:20px;}
.board_list li .board_txt dt a{font-size:18px;}
.board_list li .board_txt dd{margin-top:20px;}
.board_list li .board_txt dd a{height:50px; -webkit-line-clamp:2; font-size:16px;}
.board_list li .board_date{width:190px; font-size:16px;}
.board_view .board_con img{width:auto;}
.board_view .board_tt{display:table; width:100%; margin-bottom:40px; padding:40px 40px; box-sizing:border-box;}
.board_view .board_tt h4{display:table-cell; vertical-align:middle; font-size:18px;}
.board_view .board_tt p{display:table-cell; vertical-align:middle; text-align:right; font-size:16px;}
.board_view .board_tt p.event_date{width:220px;}
.board_view .event_state{width:calc(100% - 40px);}
.board_view .board_con{padding:40px 40px 60px;}
.board_view > .file_down{padding:0 40px;}
.board_view .board_list li{padding:20px 40px 20px 70px;}
.board_view .board_list li.prev{background-position:30px center;}
.board_view .board_list li.next{background-position:30px center;}
.board_view .board_list li a{font-size:16px;}
.board_view .board_list li p{font-size:16px;}
.board_view .list_btn a{width:150px; height:50px; line-height:50px; font-size:16px;}
.board_view .board_con .submit_btn{width:180px; height:50px; border-radius:25px 25px;}
.board_view .board_con .submit_btn a{line-height:50px; font-size:16px;}
.ir_list{margin:80px auto 0;}

/* 채용공고 */
.right_people .pc{margin:80px auto 0;}
.culture_con{padding:120px 0 60px; margin:120px 0;}
.culture_con h3.con_title:after{width:40px; margin:35px auto 100px;}
.culture_con .cul{float:left; display:table; padding-bottom:50px;}
.culture_con .cul01:before{display:table-cell; vertical-align:middle;}
.culture_con .cul02:before{display:table-cell; vertical-align:middle;}
.culture_con .cul03:before{display:table-cell; vertical-align:middle;}
.culture_con .cul04:before{display:table-cell; vertical-align:middle;}
.culture_con .cul05:before{display:table-cell; vertical-align:middle;}
.culture_con .cul06:before{display:table-cell; vertical-align:middle;}
.culture_con dl{display:table-cell; padding-left:50px; text-align:left; vertical-align:middle;}
.culture_con dt{margin-bottom:25px; font-size:24px;}
.culture_con dd{font-size:18px;}
.culture_con dd span.block_txt{display:block;}
.career_con h3.con_title:after{width:40px; margin:35px auto 60px;}
.career_con .career_info{padding:80px 100px;}
.career_con .career_info h4{margin-bottom:30px; font-size:24px;}
.career_con .field li{width:70px; padding-left:20px; margin-bottom:10px; font-size:18px;}
.career_con .process li{margin-right:60px;}
.career_con .process li:after{right:-32px;}
.career_con .process li p{margin-top:10px; font-size:18px;}
.career_con .inquiry{text-align:left;}
.career_con .career_info .inquiry h4{width:215px; margin:0 auto 30px;}
.career_con .inquiry span{width:215px; margin:auto; font-size:35px;}
.career_con .inquiry p{display:block; width:215px; margin:15px auto 0; box-sizing:border-box; font-size:18px;}
.career_con .career_post li{width:23.5%; margin-right:2%; margin-bottom:0;}
.career_con .career_post li:nth-child(even){margin-right:2%;}
.career_con .career_post li:nth-child(4n){margin-right:0;}
.career_con .career_post li a{padding:40px 40px;}
.career_con .career_post li h4{margin-bottom:30px; font-size:20px;}
.career_con .career_post li h4 a{font-size:20px;}
.career_con .career_post li .tag{margin-top:30px; padding-top:30px;}
.welfare_con{margin-top:120px; padding-bottom:140px;}
.welfare_con h3.con_title:after{width:40px; margin:35px auto 60px;}
.welfare_con .welfare_icon li{width:200px; height:200px; padding-top:140px; border-radius:100px 100px;}
.welfare_con .welfare_icon li:nth-child(1){background-size:117px auto; background-position:center 45px;}
.welfare_con .welfare_icon li:nth-child(2){background-size:117px auto; background-position:center 45px;}
.welfare_con .welfare_icon li:nth-child(3){background-size:117px auto; background-position:center 45px;}
.welfare_con .welfare_icon li:nth-child(4){background-size:117px auto; background-position:center 45px;}
.welfare_con .welfare_icon li:nth-child(5){background-size:117px auto; background-position:center 45px;}
.welfare_con .welfare_icon li span{font-size:20px;}
.welfare_con .welfare_li{margin-top:60px;}
.welfare_con .welfare_li dl{display:table; width:100%; padding:40px 50px 40px 80px; box-sizing:border-box;}
.welfare_con .welfare_li dt{display:table-cell; width:400px; font-size:24px;}
.welfare_con .welfare_li dd{display:table-cell;}
.welfare_con .welfare_li dd p{margin-bottom:5px; font-size:20px;}

/* 채용정보 - 영문 */
.career_con.eng .inquiry span{font-size:26px;}
.career_con.eng .field li{width:150px;}
.career_con.eng .process li p{text-align:center; font-size:16px; width:88px;}
.welfare_con.eng .welfare_icon li{width:200px; height:200px; border-radius:100px 100px; vertical-align:top; padding-top: 110px;}
.welfare_con.eng .welfare_icon li:nth-child(1){background-size:110px auto; background-position:center 30px; padding-top: 120px;}
.welfare_con.eng .welfare_icon li:nth-child(2){background-size:110px auto; background-position:center 30px;}
.welfare_con.eng .welfare_icon li:nth-child(3){background-size:110px auto; background-position:center 30px;}
.welfare_con.eng .welfare_icon li:nth-child(4){background-size:110px auto; background-position:center 30px; padding-top: 120px;}
.welfare_con.eng .welfare_icon li:nth-child(5){margin:0 10px;background-size:110px auto;  background-position:center 30px; padding-top: 120px;}
.welfare_con.eng .welfare_icon li span{display:inline-block; font-size:17px; line-height:auto; padding:0 30px;}


/* 이벤트 */
.event_con{padding-top:40px;}
.event_con li{width:32%; margin-right:2%;}
.event_con li:nth-child(even){margin-right:2%;}
.event_con li:nth-child(3n){margin-right:0;}
.event_con li .event_info{height:205px; padding:30px 35px;}
.event_con li .event_info h4{margin-bottom:15px; height:45px; font-size:18px;}
.event_con li .event_info p{font-size:16px;}

/* 사진/영상 */
.media_cate{width:420px; margin:60px auto 40px;}
.media_cate li{width:210px; height:50px;}
.media_cate li a{line-height:50px; font-size:18px;}
.media_con li .event_info{height:auto;}
.picture_con li .event_info{height:auto;}

/* 뉴스레터 */
.newsletter_con{max-width:1000px; padding:100px 200px;}
.newsletter_con dl dt{width:150px;}
.newsletter_con dl dd{width:calc(100% - 150px);}

/* 개인정보처리방침 */
.privacy_wrap{padding:100px 4% 140px;}
.privacy_wrap h3.con_title:after{width:40px; margin:35px auto 80px;}
.privacy_wrap .privacy_con{padding:80px 100px; max-width:1000px; margin:auto;}
.privacy_wrap .privacy_con p{margin-bottom:40px; font-size:18px;}
.privacy_wrap .privacy_con li{margin-bottom:40px; font-size:18px;}
.privacy_wrap .privacy_con a{font-size:18px;}
}

/* 1200px 이상 해상도 */
@media screen and (min-width:1400px){
/* Common */
.contents{width:100%; margin:0 auto 80px;}
h3.con_title{margin:80px 0 30px;}
p.con_copy span.block{display:block;}
h4.sub_tt{font-size:30px;}
h4.sub_tt:after{width:40px; margin:20px auto 60px;}
.con_cate{margin:40px auto 50px;}

/* 연혁 */
.history_con{margin-bottom:180px;}
.history_con li.on .his_tt{width:597px;}
.history_con li.on .his_li{width:calc(100% - 680px);}
.history_con li.on .his_tt .his_btn{top:60px;}

/* Contact Us */
.contact_con{padding-bottom:180px;}
.contact_con .map_info{padding:40px 140px 45px;}
.contact_con .map_info dl:nth-child(3){float:right; width:200px;}

/* 사업개요 */
.overview_idt{padding:0 4% 180px;}

/* 사업분야 */
.ec_his_con .con_align{width:1400px; max-width:none;}
.ec_his_li li:nth-child(1){left:287px; width:332px;}
.ec_his_li li:nth-child(2){right:327px; width:342px;}
.ec_his_li li:nth-child(3){right:198px; width:278px;}
.ec_his_li li:nth-child(4){left:548px; width:303px;}
.ec_his_li li:nth-child(5){left:205px; width:273px;}
.ec_his_li li:nth-child(6){left:200px; width:282px;}
.ec_his_li li:nth-child(7){left:548px; width:303px;}
.ec_his_li li:nth-child(8){right:198px; width:278px; margin-right:0;}
.champ_con .con_align{width:1400px; max-width:none;}
.champ_con ul{width:1110px; margin:250px auto 180px;}
.champ_con li{width:150px; margin-right:90px;}
.champ_con li:last-child{margin-right:0;}
.champ_con li dl{margin-left:0;}
.champ_con li:nth-child(1) dl{width:320px; margin-left:-86px;}
.champ_con li:nth-child(2) dl{width:370px; margin-left:-111px;}
.champ_con li:nth-child(3) dl{width:360px; margin-left:-106px;}
.champ_con li:nth-child(4) dl{width:390px; margin-left:-121px}
.champ_con li:nth-child(5) dl{width:340px; margin-left:-96px;}
.platform_con{width:1400px;}
.platform_con .platform_cate li{padding:10px 37px 12px;}
.platform_con .platform_cate li.on{padding:10px 37px 12px;}

/* Works */
.devops_con{margin:0 auto 180px;}

/* 채용정보 */
.welfare_con{padding-bottom:180px;}

/* 이벤트 */
.event_thum{height:268px; background:#f3f3f3; overflow:hidden;}

/* 사진/영상 */
.media_con li .event_thum img{margin-top:-34px;}

/* 개인정보처리방침 */
.privacy_wrap{padding:120px 4% 180px;}

}