@charset "utf-8";
/* maincolor : #f15929 */


/* common */

.btn_top{position: fixed;bottom:20px;right:30px;background:url(../../images/button/top.png) no-repeat 50% 50%;width:66px;height:66px;cursor:pointer;}
.btn_top:hover{}

.sub_top{height:150px;background:url(../../images/common/sub_banner.png) no-repeat 50% 50%;background-size:cover;}
.sub_top .container{position:relative;}
.sub_top h2.title{position:absolute;top:65px;left:0;font-size:24px;font-weight:bold;color:#fff;}
.sub_top .location{position:absolute;top:70px;right:0;width:50%;font-size:15px;color:#fff;text-align:right;}

.sub_body{padding:50px 0 80px;}
.sub_body.type2{padding-bottom:0;}
.section{margin-top:50px;line-height:1.4;}
.section.fst{margin-top:0;}
.section.line{border-bottom:1px dotted #959595}

.tit_line{position:relative;}
.tit_line:before{content:'';position:absolute;bottom:0;top:50px;left:50%;width:30px;height:1px;margin-left:-15px;background-color:#666666;}

.btn_bo_user{margin-top:20px;overflow:hidden;}
.btn_bo_user a{display:block;width:100px;height:35px;margin-right:10px;border:1px solid #ddd;line-height:35px;text-align:center;float:left;}
.pdbot{padding-bottom:50px;}
 
/* companypage */
.aboutpage{}
	.greetings{position:relative; overflow:hidden;}
	.greetings .logo{width:290px;float:left;}
	.greetings .txt {width:910px; padding-left:50px; border-left:1px solid #dfdfdf;float:left;}
	.greetings .txt_top {display:block; padding-bottom:30px; font-size:18px; font-weight:bold; color:#212121;}
	.greetings .txt_bot {font-size:14px; color:#212121;}
	.greetings .name {padding-top:25px; font-size:14px;}
	.greetings .name_img {margin-left:10px;vertical-align:middle;}

/* vision */
.visionpage{}
	.visionpage .sub_body{padding-bottom:0;}
	.vision{}
	.vision h3{position:relative;text-align:center;font-size:25px;color:#212121;line-height:25px;}
	.vision .txt {padding-top:45px;text-align:center;font-size:14px;color:#656565;line-height:1.6;}
	.philosophy{padding:45px 0 100px;background-color:#f8f8f8;}
	.philosophy h3{position:relative;text-align:center; font-size:22px;color:#212121;}
	.philosophy .box_wrap {margin-top:55px;}
	.philosophy .box_wrap .box {float:left;width:32%;background-color:#fff;}
	.philosophy .box_wrap .box .img {display:block;min-height:170px;padding:30px 0;background:#fcfcfc;text-align:center;}
	.philosophy .box_wrap .box .img img{vertical-align:middle;}
	.philosophy .box_wrap .box .title {width:280px;margin:0 auto;padding:30px 0 25px;border-bottom:1px solid #dfdfdf;text-align:center;}
	.philosophy .box_wrap .box .title .han {font-size:18px; font-weight:bold; color:#212121;}
	.philosophy .box_wrap .box .title .eng {font-size:15px;color:#9d9d9d; }
	.philosophy .box_wrap .box .txt {width:280px;min-height:145px;margin:0 auto;padding:30px 7px;font-size:14px;color:#7d7d7d;line-height:1.5;}
	.philosophy .box_wrap .box .txt span{display:block;}
	.philosophy .box_wrap .box1 .img img{margin-top:15px;}
	.philosophy .box_wrap .box2 .img img{margin-top:12px;}
	.philosophy .box_wrap .box3 .img img{margin-top:13px;}
	.philosophy .box_wrap .box2 {margin:0 2%}

/* history */
.historypage{}
	.historypage .sub_body{padding-bottom:130px;}
	.history{position:relative;width:100%;height:950px;}
	.history ul{position:relative;display:block;width:100%;height:100%;}
	.history ul:before{content:'';position:absolute;top:10px;left:50%;width:1px;height:825px;background:#ccc;}
	.history .left{position:absolute;right:50%;}
	.history .right{position:absolute;left:50%;}
	.history dt{margin-bottom:10px;font-size:24px;font-weight:bold;color:#212121;}
	.history dd{margin-top:5px;font-size:14px;color:#424242;overflow:hidden;}
	.history dd.img{margin-top:10px;}
	.history dd span{float:left;}
	.history dd .month{position:relative;margin-top:0;padding-right:15px;font-size:16px;font-weight:bold;color:#212121;}
	.history dd .month:before{content:'ㆍ';position:absolute;top:1px;left:18px;font-size:12px;}
	.history .left dt{text-align:right;}
	.history .left dd span{float:right;}
	.history .left dd .month{padding-left:15px;padding-right:0;}
	.history .left dd .month:before{left:inherit;right:18px;}
	.history ul li{position:relative;}
	.history ul li .circle{position:absolute;top:0;left:-13px;padding:10px;background:rgba(241,89,41,.3);border-radius:100%;}
	.history ul li.left .circle{left:inherit;right:-14px;}
	.history ul li .circle:before{content:'';display:block;width:7px;height:7px;background:#f15929;border-radius:100%;}
	.history ul li:before{content:'';position:absolute;top:13px;width:100%;height:1px;border-top:1px solid #ccc;}

	
	
	.history .y2018{padding-right:170px;}
	.history .y2018:before{right:0;width:150px;}
	.history .y2017{top:130px;padding-left:170px;}
	.history .y2017:before{left:0;width:150px;}
	.history .y2014{top:400px;padding-right:170px;}
	.history .y2014:before{right:0;width:150px;}
	.history .y2012{top:550px;padding-left:280px;}
	.history .y2012:before{left:0;width:260px;}
	.history .y2011{top:655px;padding-left:188px;}
	.history .y2011:before{left:0;width:168px;}
	.history .y2006{top:820px;padding-right:229px;}
	.history .y2006:before{right:0;width:209px;}

/* business */
.businesspage {}
	.businesspage .sub_body{padding:0;}
	.business {padding:80px 0 100px;background-color:#f8f8f8;}
	.business h3{position:relative;text-align:center;font-size:22px;color:#212121;line-height:25px;}
	.business .box_wrap {position:relative;overflow:hidden;margin-top:55px;}
	.business .box_wrap:before{content:'';position:absolute;top:115px;left:0;width:99%;height:1px;border-top:1px dashed #e5582a;z-index:0;}
	.business .box_wrap .box{float:left;position:relative;width:230px;margin-right:93px;z-index:1;}
	.business .box_wrap .box4{margin-right:0;}
	.business .box_wrap .box .txt {padding-top:15px;text-align:center;font-size:16px;color:#212121;line-height:1.6;}

/* location */
.locationpage {}
	.location .map_view {position:relative;}
	.location .txt_wrap {padding:30px 0;}
	.location .txt_left{float:left;padding-top:10px;}
	.location .txt_right{float:right;}
	.location .txt_left .han {font-size:18px;color:#212121;}
	.location .txt_left .eng {font-size:15px;color:#b2b2b2;}
	.location .txt_right p {font-size:14px;color:#212121;line-height:1.6;}
	.location .txt_right p span {color:#f15929;padding-right:8px;}
	.location .transport {background:#f8f8f8;}
	.location .transport ul li{display:table;width:100%;padding:25px 40px;border-top:1px solid #e7e7e7;}
	.location .transport ul li.bus{border-top:none;}
	.location .transport ul li span{display:table-cell;vertical-align:top;}
	.location .transport ul li .icon{width:43px;}
	.location .transport ul li .tit{width:200px;padding:10px 20px;font-size:15px;font-weight:bold;color:#212121;line-height:1.4;}
	.location .transport ul li .txt{padding-top:12px;font-size:14px;color:#212121;line-height:1.6;}

/* detail page */
.detailpage{}
	.detailpage h3{padding-bottom:20px;font-size:22px;font-weight:bold;}
	.detailpage .detailtop {height:600px;overflow:hidden;}
	.detailpage .detailtop .box1 {width:700px;float:left;}	
	.detailpage .detailtop .box1 .img {position:relative;height:475px;border:1px solid #e5e5e5;text-align:center;box-sizing:border-box;}
	.detailpage .detailtop .box1 .img .bx-wrapper{height:100%;margin:0;padding:0;box-shadow:none;-webkit-box-shadow:none;border:none;}
	.detailpage .detailtop .box1 .img .bx-wrapper img{margin:0 auto;vertical-align:middle}
	.detailpage .detailtop .box1 .img .left{position:absolute;bottom:0;left:0;width:63px;height:60px;}
	.detailpage .detailtop .box1 .img .right{position:absolute;bottom:0;right:0;width:63px;height:60px;}
	.detailpage .detailtop .box1 .mini_box{width:100%;overflow:hidden;margin-top:18px;}
	.detailpage .detailtop .box1 .mini_box ul li{float:left;position:relative;width:18%;height:95px;margin-right:2.5%;border:1px solid #e5e5e5;text-align:center;}
	.detailpage .detailtop .box1 .mini_box ul li.on{border:1px solid #f15929;}
	.detailpage .detailtop .box1 .mini_box ul .mini5{margin-right:0;}
	.detailpage .detailtop .box2 {float:right;width:452px;height:589px;background-color:#f5f5f5;}
	.detailpage .detailtop .box2 .txt {padding:50px;}
	.detailpage .detailtop .box2 .tit1 {text-align:center;color:#919191;font-size:15px;}
	.detailpage .detailtop .box2 .tit2 {position:relative;padding-bottom:30px;border-bottom:1px solid #d9d9d9;text-align:center;color:#f15929;font-size:60px;font-weight:bold;line-height:1.1;}
	.detailpage .detailtop .box2 .txt1 {padding-top:35px;font-size:22px;color:#212121;font-weight:bold;line-height:1.3;}
	.detailpage .detailtop .box2 .txt1 span{display:block;}
	.detailpage .detailtop .box2 .txt2 {padding-top:25px;font-size:15px;color:#616161;line-height:1.8;}

	.detailInfo{padding:50px 0;background:#eee;}

	.detailInfo .cont{margin-bottom:30px;padding:30px;background:#fff;overflow:hidden;}

	.detailInfo .cont .img{padding:30px 50px;float:left;}
	.detailInfo .cont .txt{border-left:1px solid #e4e4e4;float:left;}
	.detailInfo .cont .txt dl{padding:0 50px;margin-bottom:30px;}
	.detailInfo .cont .txt dl:last-child{margin-bottom:0;}
	.detailInfo .cont .txt dt{font-size:17px;font-weight:bold;color:#f05a27;}
	.detailInfo .cont .txt dd{font-size:16px;color:#212121;line-height:1.6;}
	.detailInfo .cont .box_txt{width:100%;float:left;padding:30px;background-color:#222;font-size:15px;color:#fff;line-height:1.4;text-align:center;}
	.detailInfo .bot ul{width:100%;padding:20px;background:#fff;overflow:hidden;}
	.detailInfo .bot li{width:25%;float:left;}
	.detailInfo .bot li div{text-align:center;}
	.detailInfo .bot li p{margin-top:20px;padding:20px;border-top:1px dotted #e4e4e4;font-size:14px;text-align:center;}
	.detailInfo .bot.list6 li{width:16.5%;}
	.detailpage.type2 .detailInfo{margin-top:0;}
	.detailpage.type2 .detailInfo .cont{padding:0;margin:0;}
	.detailpage.type2 .detailInfo .cont .txt{margin:30px 0 50px;}

	.tb_status{width:100%;border-top:2px solid #f15929;overflow-x:auto;}
	.tb_status table{width:100%;}
	.tb_status th{padding:15px;background:#f9e6e1;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;font-size:16px;}
	.tb_status td{padding:10px;font-size:16px;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
	.tb_status th:last-child,
	.tb_status td:last-child{border-right:none;}
	.tb_status td.tdleft{background-color:#faf5f3;}
	.tb_status .infotxt{padding-top:10px;font-size:15px;color:#212121;}

/* forza */
	.fz_section .detailtop {height:auto;}
	.fz_section .detailtop .box2 {height: 720px;}
	.fz_video/* {margin-top:200px;}*/
	.fz_video .box .txt dl {width:23%;}
	.b_txt2{ font-size:16px; color: #f15929; font-weight:700;}
	.b_txt2_1 {padding-top:12px; display:inline-block;}
	.inbox .box_fz .txt dl {width:23% !important;}
	.inbox .box_fz .txt dl:nth-child(2) {border-right: 1px solid #e1e1e1;}
	.fz_contpage .contents_box .col {width:100% !important;}

/* GIANT_100 */
.section.video{position:relative;background-color:#eee;}
.section.video::before{content:'';position:absolute;top:0;left:0;width:100%;height:90%;background-color:#222;z-index:0;}
.section.bot{padding-bottom:50px;}
	.v_img{position:relative;padding-top:50px;z-index:1;}
	.v_img .videowrap{width:100%;font-size:0;}
	.v_img .videowrap .tit{display:block;width:100%;height:80px;background-color:#222;font-size:22px;font-weight:bold;padding:0 20px;color:#fff;line-height:80px;}
	.v_img .videowrap .tit span{margin-left:20px;padding-left:20px;border-left:1px solid #fff;font-size:13px;font-weight:normal;}
	
	.detailpage .contpage .txt{padding:20px;overflow:hidden;}
	.contpage .txt .box01_tit {color:#f15929;font-size:16px;font-weight:bold;line-height:1.6;text-align:left;}
	.contpage .txt .box01_txt {font-size:15px;color:#7d7d7d;line-height:1.6;padding-bottom:15px;text-align:left;}
	.contpage .contents_box .content{overflow:hidden;}
	.contpage .contents_box .col{width:50%;float:left;}
	.contpage .contents_box .col3{width:33%;float:left;margin-right:1px;}
	.contpage .contents_box .col3:last-child{margin-right:0;}
	.detailpage .contpage .txt .col:first-child{padding-right:10px;}
	.detailpage .contpage .txt .col:last-child{padding-left:10px;}
	.detailpage .contpage .box_txt{margin-bottom:0;clear:both;}

	.giant100 .contpage .contents_box .content {padding-bottom:0;}


/* gcube */
	.gb_cont .content_1 {margin-bottom:30px;}


/* titan */
.section.video.inbox{padding-bottom:50px;background-color:#222;}
.section.video.inbox::before{display:none;}
	.inbox .box{padding-bottom:50px;background-color:#eee;}
	.inbox .box .img{padding:20px 0;text-align:center;}
	.inbox .box .img img{margin:0 auto;}
	.inbox .box .txt{width:100%;overflow:hidden;}
	.inbox .box .txt dl{width:40%;margin-left:10%;float:left;}
	.inbox .box .txt dl:first-child{border-right:1px solid #e1e1e1;}
	.inbox .box .txt dt{padding:20px 0 0;font-size:21px;font-weight:bold;color:#212121;}
	.inbox .box .txt dd{margin-top:10px;font-size:15px;line-height:1.4;}
	.inbox .box .txt dd .rnum{display:inline-block;width:17px;height:17px;border:1px solid #f2784f;border-radius:20px;font-size:13px;text-align:center;color:#f2784f;line-height:13px;}

.contpage .multibox .contents_box .content{padding-top:0;padding-bottom:0;margin-bottom:30px;font-size:0;background:none;}
.contpage .multibox .contents_box .content.nobot{margin-bottom:0;}
.contpage .multibox .contents_box .content p.or{padding-top:15px;font-size:15px;font-weight:bold;color:#f05a27;text-align:center;clear:both;}
.contpage .multibox .box{padding:30px 0;border-bottom:1px dotted #959595;}
.contpage .multibox .box.noline{border-bottom:none;}


/* 신용카드조회기 */
.creditpage{}
	.creditpage #kiosk1 {padding-top:50px;}
	.creditpage #card8,
	 .creditpage #card1{padding-top:50px;}
	.credit{}
	.credit .box_wrap,
	.kiosk .box_wrap{width:100%;display:table;padding-bottom:50px;border-bottom:1px dotted #959595;table-layout:fixed;overflow:hidden;}
	.credit.noline .box_wrap,
	.kiosk.noline .box_wrap{border-bottom:none;}
	.credit .box_wrap .box_com,
	.kiosk .box_wrap .box_com{display:table-cell;vertical-align:top;}
	.credit .box_wrap .box_com.box1,
	.kiosk .box_wrap .box_com.box1{width:30%;vertical-align:middle;border:1px solid #e5e5e5;text-align:center;}
	.kiosk .box_wrap .box_com.box1 img{max-width:100%;}
	.credit .box_wrap .box_com.box2,
	.kiosk .box_wrap .box_com.box2{width:70%;padding-left:50px;}
	.credit .box2 .incont,
	.kiosk .box2 .incont{padding:50px;background-color:#f5f5f5;}
	.credit .box2 .tit_top,
	.kiosk .box2 .tit_top{color:#919191;font-size:16px;}
	.credit .box2 h3,
	.kiosk .box2 h3{margin-bottom:30px;padding-bottom:30px;color:#f15929;font-size:60px;font-weight:bold;border-bottom:1px solid #d9d9d9;line-height:1.1;}

	.credit .box2 .txt_top,
	.kiosk .box2 .txt_top{font-size:22px;color:#212121;font-weight:bold;line-height:1.3;}
	.credit .box2 dl,
	.kiosk .box2 dl{margin-top:20px;}
	.credit .box2 dt,
	.kiosk .box2 dt{font-size:17px;font-weight:bold;color:#f15929;}
	.credit .box2 dd,
	.kiosk .box2 dd{margin-top:5px;font-size:15px;color:#616161;line-height:1.8;}


/* 포스개요 */
.pospage{}
	.sub_body2 {padding:30px 0 80px;background-color:#eee;}
	.pos {padding-top:0px;}
	.pos .contents_box {float:left;}
	.pos .left{width:364px; font-size:22px;font-weight:bold;}
	.pos .right{width:836px;height:645px;text-align:center;background-color:#fff;padding-top:40px;}	
	.pos1 .box{height:696px; border-bottom:1px dotted #959595;}	
	.pos1 .box_txt {height:136px;padding-top:30px;margin-top:30px;background-color:#212121;color:#fff;font-size:16px;line-height:1.6;text-align:center;}
	.pos2 {margin-top:50px;}
	.pos2 .right{width:836px;height:684px;text-align:center;background-color:#fff;}		
	.pos2 .box_txt {height:166px;padding-top:32px;margin-top:33px;background-color:#212121;color:#fff;font-size:16px;line-height:1.6;text-align:center;}

/* service, pos */
.servicepage{background-color:#eee;}
	.sub_body2 {padding:30px 0 80px;background-color:#eee;}
	.contpage{padding-top:50px;margin-top:0;background-color:#eee;}
	.contpage h3{font-size:22px;font-weight:bold;}
	.contpage .contents_box{width:836px;margin-top:-50px;float:right;}
	.contpage .contents_box .content{/*padding:30px 0;*/background-color:#fff;text-align:center;}
	.contpage .box_txt {padding:20px 0;margin-bottom:30px;background-color:#212121;color:#fff;font-weight:bold;font-size:16px;text-align:center;}		
	.contpage.fst{border-bottom:1px dotted #959595;}
	

/* effect */
.effectpage{}
	.sub_body1{padding-top:50px;}
	.effect {margin-bottom:50px;}
	.effectpage h3{font-size:22px;font-weight:bold; padding-bottom:20px;}
	.effect .content {border:1px solid #dfdfdf;margin-bottom:50px;} 
	.effect .content .box{ float:left;width:50%;padding:40px 30px;}
	.effect .content .left { border-right:1px solid #dfdfdf;}
	.effect .content .icon{text-align:center;}
	.effect .content .right .tit1 {position:relative; padding-top:34px;}
	.effect .content .tit1 {position:relative;padding:30px 0;font-size:20px;font-weight:bold;text-align:center;color:#212121;}
	.effect .content .tit1:before{content:'';position:absolute;bottom:15px;left:50%;margin-left:-15px;width:30px;height:1px;background-color:#666666;}
	.effect .content .txt {padding-top:40px;font-size:16px;line-height:1.5;color:#212121;}
	.effect .content .left .txt {padding-left:80px;}
	.effect .content .right .txt {padding-left:41px;}
	.effect2 {padding:50px 0 100px;background-color:#eee;}
	.effect2 .right{width:836px;margin-top:-50px;text-align:center;background-color:#fff;padding-top:40px;float:right;}
	.effect2 .box_txt {height:134px;margin-top:30px;padding-top:28px;padding-left:248px;background-color:#212121;color:#fff;font-size:16px;line-height:1.6;text-align:left;}

/* 포스설치문의 */
.inquirypage {}
	.inquiry .left {margin-left:665px;}
	.inquiry .left .select{height:38px; width:130px;border:1px solid #dfdfdf;font-size:15px;color:#959595;padding-left:8px;}
	.inquiry .input {float:left;}
	.inquiry .right #search {height:38px;width:310px;border:1px solid #dfdfdf;margin-left:10px;}
	.inquiry .box {float:right;}
	.inquiry .box .btn {display:block;height:38px; width:75px;background-color:#888888;text-align:center;color:#fff;font-size:15px;line-height:38px;}
	.inquiry1 .bottom {margin-top:20px;}
	.inquiry1 .bottom .list {width:1200px;height:50px;margin:0 auto; border-top:1px solid #212121;}
	.inquiry1 .bottom .list_top {float:left;}
	.inquiry1 .bottom .list_top p {display:block;height:50px;text-align:center;line-height:50px;font-size:15px;color:#212121;}	
	.inquiry1 .bottom .list_top a {display:block;height:50px;text-align:center;line-height:50px;font-size:15px;color:#212121;}
	.inquiry1 .bottom .list_top .a1 {background-color:#f8f8f8;}
	.inquiry1 .bottom .list .top1 {width:110px;}
	.inquiry1 .bottom .list .top2 {width:620px;}
	.inquiry1 .bottom .list .top3 {width:130px;}
	.inquiry1 .bottom .list .top4 {width:135px;}
	.inquiry1 .bottom .list .top5 {width:205px;}
	.inquiry1 .bottom .list_top .list_bot li {border-bottom:1px solid #dfdfdf; color:#7f7f7f;}
	.inquiry1 .bottom .list_top .list_bot a {display:block;color:#7f7f7f;}
	.inquiry1 .bottom .list_top .list_bot p {display:block;color:#7f7f7f;}
	.inquiry1 .bottom .list_top .list_bot .li1 p {display:inline-block;padding-left:10px;}
	.inquiry1 .bottom .list_top .list_bot .li2 p {display:inline-block;padding-left:10px;}
	.inquiry2 {margin-top:20px; height:38px;}
	.inquiry2 .write {position:relative;}
	.inquiry2 .write .btn {position:absolute; right:0;display:block;height:38px; width:85px;background-color:#888888;text-align:center;color:#fff;font-size:15px;line-height:38px;}

/* 포스설치문의 글쓰기 */
.inquirywritepage{}
	.iptbox{border-top:1px solid #7a7a7a;}
	.iptbox li{width:100%;padding:10px 20px;border-bottom:1px solid #dfdfdf;overflow:hidden;}
	.iptbox .ipt_label{width:20%;float:left;color:#212121;font-size:15px;}
	.iptbox .ipt_label span{color:#f25a28;}
	.iptbox .ipt_wrap{width:80%;float:left;}
	.iptbox .ipt_wrap input[type=text],
	.iptbox .ipt_wrap input[type=password],
	.iptbox .ipt_wrap input[type=tel]{width:30%;height:30px;padding:0 10px;border:1px solid #dfdfdf;font-size:15px;float:left;}
	.iptbox .ipt_wrap > span{height:30px;margin:0 10px;line-height:30px;float:left;}
	.iptbox .ipt_wrap textarea{width:100%;min-height:100px;font-size:15px;border:1px solid #dfdfdf;}
	.iptbox .ipt_wrap input.ipt_full{width:100%;}
	.btnwrap{margin-top:30px;text-align:center;}
	.btnwrap .btn {display:inline-block;height:42px;width:93px;margin:0 3px;background-color:#f25a28;text-align:center;color:#fff;font-size:15px;line-height:42px;}
	.btnwrap .btn_gr {background-color:#888888;}

/* 자료실 */
.datacenterpage{}
	.datacenter .left {margin-left:665px;}
	.datacenter .left .select{height:38px; width:130px;border:1px solid #dfdfdf;font-size:15px;color:#959595;padding-left:8px;}
	.datacenter .input {float:left;}
	.datacenter .right #search {height:38px;width:310px;border:1px solid #dfdfdf;margin-left:10px;}
	.datacenter .box {float:right;}
	.datacenter .box .btn {display:block;height:38px; width:75px;background-color:#888888;text-align:center;color:#fff;font-size:15px;line-height:38px;}
	.datacenter .bottom {margin-top:20px;}
	.boardlist{width:100%;margin:20px auto 0; border-top:1px solid #212121;}
	.boardlist li{padding:10px 0;border-bottom:1px solid #dfdfdf;overflow:hidden;}
	.boardlist li span{display:block;width:10%;font-size:13px;color:#212121;text-align:center;float:left;}
	.boardlist li span.num{width:10%;}
	.boardlist li span.subject{width:60%;padding-left:10px;text-align:left;}
	.boardlist li span.subject.reply{padding-left:36px;text-indent:-26px;}
	.boardlist li span.subject img{vertical-align:middle;}
	.boardlist .top{padding:15px 0;background-color:#f8f8f8;}
	.boardlist .top span{font-size:15px;}
	.boardlist .top span.subject{text-align:center;}
	.boardlist .notice{background-color:rgba(242,90,40,0.05);;}
	.boardlist a:hover span{color:#f05a27;}
	.paging{margin-top:10px;text-align:center;}
	.paging a{display:inline-block;width:30px;height:30px;margin:0 1px;border:1px solid #dfdfdf;line-height:30px;}
	.paging a.on{background-color:#f05a27;font-weight:bold;color:#fff;border:1px solid #f05a27;}

/* 자료실 뷰*/
.datacenterviewepage {}
	.datacenterview .boardview_top{position:relative;padding:15px 0;border-top:1px solid #212121;background-color:#f8f8f8;}
	.datacenterview .boardview_top p{float:left;font-size:15px;color:#212121;}
	.datacenterview .boardview_top .top1{width:65%;padding:0 25px;}
	.datacenterview .boardview_top .top2{width:15%;float:left;}
	.datacenterview .boardview_top .top3{width:10%;float:left;}
	.datacenterview .boardview_top .top4{width:10%;float:left;}
	.datacenterview	.boardview_contents {padding:40px 60px;font-size:15px;color:#656565;border-bottom:1px solid #dfdfdf;}
	.datacenterview	.boardview_contents .con2 {margin:5px 0;}
	.datacenterview .boardview_bot {padding:15px 25px;border-bottom:1px solid #dfdfdf;font-size:15px;color:#212121;}
	.datacenterview .boardview_bot p {padding-bottom:5px;margin-bottom:10px;font-size:13px;font-weight:bold;border-bottom:1px dotted #ddd;}
	.datacenterview .boardview_bot .bot2 {padding-left: 25px; padding-top:3px;}
	.datacenterview .boardview_bot .bot3 {padding-left: 7px;}
	.datacenterview .boardview_bot li{margin-top:5px;font-size:12px;}
	.datacenterview .boardview_bot li img{margin-right:5px;vertical-align:middle;}
	.datacenterview .boardview_p span {display:block;font-weight:bold;}
	.boardbtn{height:38px;}
	.boardbtn .container .write{position:relative;margin-top:30px;}
	.boardbtn .write .box{float:left;}
	.boardbtn .write .box1 .pre{padding-right:5px;padding-top:2px;}
	.boardbtn .write .box2 .next{padding-left:5px;padding-top:2px}
	.boardbtn .write .btn {display:block;height:38px;width:92px;margin-right:10px;border:1px solid #dfdfdf;text-align:center;color:#212121;font-size:15px;line-height:38px;float:left;}
	.boardbtn .write .btn2 {display:block;height:38px;width:92px;margin-right:10px;border:1px solid #dfdfdf;text-align:center;color:#212121;font-size:15px;line-height:38px;float:left;}
	.boardbtn .write .btn3 {position:absolute;right:0px;display:block;height:38px; width:92px;background-color:#888888;text-align:center;color:#fff;font-size:15px;line-height:38px;}
	
@media only screen and (max-width: 1200px) {
	.pdbot{padding-bottom:30px;}
	.sub_top{height:auto;}
	.sub_top h2.title{position:static;padding:30px 5% 10px;text-align:center;}
	.sub_top .location{position:static;width:100%;padding:0 5% 30px;text-align:center;}
	.sub_body,
	.sub_body2{padding:30px 0 50px;}
	.sub_body1{padding-top:30px;}
	.sub_body.mbtop{padding-top:0;}
	.section{margin-top:30px;}
	.tit_line:before{top:40px;}

	/* companypage */
	.greetings{margin-top:30px;}
	.greetings .logo{width:100%;padding:0 5% 20px;}
	.greetings .txt{width:100%;padding:0 5%;border-left:none;}
	.vision .txt{padding-top:30px;}
	.philosophy .box_wrap{margin-top:30px;}
	.philosophy,
	.business{padding:30px 0 50px;}
	.history{padding:0 5%;}
	.history .y2014{padding-right:80px;}
	.history .y2014::before{width:70px;}
	.history .y2012{padding-left:150px;}
	.history .y2012::before{width:140px;}
	.history .y2011{padding-left:70px;}
	.history .y2011::before{width:60px;}
	.history .y2006{padding-right:120px;}
	.history .y2006::before{width:110px;}
	.historypage .sub_body{padding-bottom:50px;}
	.business .box_wrap{margin-top:40px;padding:0 5%;}
	.business .box_wrap::before{width:84%;left:8%;top:35%;}
	.business .box_wrap .box{width:22%;margin-right:4%;}
	.business .box_wrap .box4{margin-right:0;}
	.root_daum_roughmap_landing{margin:0 auto !important;}
	.location .txt_wrap{padding:20px 5%;}

	/* creditcard */
	.credit .box_wrap,
	.kiosk .box_wrap{padding-bottom:30px;}
	.credit .box_wrap .box_com.box1,
	.kiosk .box_wrap .box_com.box1{width:40%;padding:30px 0 0;vertical-align:top;}
	.credit .box_wrap .box_com.box2,
	.kiosk .box_wrap .box_com.box2{width:60%;padding-left:0;}
	.credit .box2 .incont,
	.kiosk .box2 .incont{padding:30px;}
	.credit .box2 h3,
	.kiosk .box2 h3{margin-bottom:15px;padding-bottom:15px;font-size:42px;}
	.credit .box2 .txt_top,
	.kiosk .box2 .txt_top{font-size:17px;}
	.credit .box2 dt,
	.kiosk .box2 dt{font-size:15px;}
	.credit .box2 dd,
	.kiosk .box2 dd{font-size:13px;}

	/* board */
	.datacenter .left{margin-left:0;}
	.datacenter .box{float:left;margin-left:10px;}

	/* effect */
	.effectpage h3{padding-left:10px;}
	.effect .content .left .txt,
	.effect .content .right .txt{padding:30px;}
	.effect2 .right{width:100%;margin-top:0;}
	.effect2 h3{padding-top:20px;}

	/* service */
	.contpage h3{padding-left:10px;margin-bottom:10px;}
	.contpage .contents_box{width:100%;margin:0;float:none;}

	/* detail page */
	.detailpage .detailtop{height:auto;}
	.detailpage h3{padding-left:10px;padding-bottom:10px;font-size:18px;}
	.detailpage .detailtop .box1{width:100%;margin-bottom:30px;}
	.detailpage .detailtop .box1 .img{height:auto;}
	.detailpage .detailtop .box2{width:100%;height:auto;}
	.detailpage .detailtop .box2 .txt{padding:30px;}
	.detailpage .detailtop .box2 .tit2{padding-bottom:20px;font-size:38px;}
	.detailpage .detailtop .box2 .txt1{padding-top:30px;font-size:16px;}
	.detailpage .detailtop .box2 .txt1 span{display:inline;}
	.detailpage .detailtop .box2 .txt2{padding-top:10px;}
	.detailpage .detailtop .box1 .mini_box ul li{height:auto;}
	.detailInfo{padding:30px 0;}
	.detailInfo .cont{width:100%;}
	.detailInfo .cont .img{width:35%;padding:30px 10px;}
	.detailInfo .cont .txt{width:64%;}
	.detailInfo .cont .txt dl{padding:0 20px;margin-bottom:10px;}
	.detailInfo .cont .txt dt{font-size:15px;}
	.detailInfo .cont .txt dd{font-size:13px;}
	.section.video{background-color:#222;}
	.section.video::before{display:none;}
	.v_img{padding:30px 10px 0;}
	.v_img .videowrap .tit{height:50px;line-height:50px;}
	.detailpage .contpage{margin-top:0;padding-top:30px;}
	.detailInfo .bot.list6 li{width:33.3%;}
	.detailInfo .bot.list6 li p{min-height:80px;}
	.creditpage #kiosk1 {padding-top:30px;} 
	.creditpage #card8,
	.creditpage #card1{padding-top:30px;}

}
@media only screen and (max-width: 1000px) {
	.tit_line:before{top:35px;}
	.vision h3,
	.philosophy h3,
	.business h3{font-size:18px;}
	.philosophy .box_wrap .box{width:90%;margin:0 5% 20px;padding:0 5%;}
	.philosophy .box_wrap .box3{margin-bottom:0;}
	.philosophy .box_wrap .box .img{min-height:auto;padding:20px 0;}
	.philosophy .box_wrap .box .title{width:100%;padding:10px 0 20px;}
	.philosophy .box_wrap .box .txt{width:100%;min-height:auto;padding:20px 0;font-size:13px;}
	.philosophy .box_wrap .box .txt span{display:inline;}
	.location .txt_left{width:100%;padding:0 0 10px;}
	.location .txt_right{float:left;}

	.boardlist li span.num,
	.boardlist li span.view{display:none;}
	.boardlist li span.author,
	.boardlist li span.date{width:20%;}
	.boardlist li span.subject{width:60%;}
	.datacenter .left{width:130px;}
	.datacenter .left .select{width:131px;}
	.datacenter .right{width:calc(80% - 130px);max-width:310px;}
	.datacenter .right #search{width:100%;margin-left:0;}
	.datacenter .box{width:20%;margin-left:0;}
	.datacenterview .boardview_top{padding:15px;}
	.datacenterview .boardview_top .top1{width:100%;padding:0 0 15px;}
	.datacenterview .boardview_top .top2{width:auto;padding:0 0 0 0;margin-right:15px;float:left;}
	.datacenterview .boardview_top .top3{width:auto;margin-right:15px;float:left;}
	.datacenterview .boardview_top .top4{width:auto;margin-right:15px;float:left;}
	.datacenterview	.boardview_contents{padding:20px 5%;}
	.datacenterview .boardview_bot{padding-left:15px;}
	.datacenterview .boardview_bot p{font-size:13px;}
	.datacenterview .boardview_bot .bot2{display:none;}
	.datacenterview .boardview_bot .bot3{width:80%;}
	.boardbtn{padding:0 5%;}
	.effect .content .left .txt, 
	.effect .content .right .txt{padding:0}
	.effect2 h3{padding-top:10px;}
}
@media only screen and (max-width: 768px) {
	.pdbot{padding-bottom:20px;}
	.sub_top h2.title{padding-top:20px;font-size:18px;}
	.sub_top .location{padding-bottom:20px;font-size:13px;}
	.sub_body,
	.sub_body2{padding:20px 0 30px;}
	.sub_body1{padding-top:20px;}
	.section{margin-top:20px;padding:0 5%;}
	.tit_line:before{top:30px;}
	
	/* companypage */
	.greetings{margin-top:20px;}
	.greetings .txt_top{padding-bottom:15px;font-size:16px;}
	.greetings .txt_bot{font-size:13px;}
	.greetings .name{font-size:13px;}
	.vision .txt{padding-top:20px;font-size:13px;}
	.philosophy,
	.business{padding:20px 0 30px;}
	.philosophy .box_wrap{margin-top:20px;}
	.history{height:auto;}
	.history ul:before{left:0;height:100%;}
	.history .left,
	.history .right{position:relative;top:0;right:inherit;left:0;padding:0 0 20px 50px;}
	.history .y2018::before,
	.history .y2017::before,
	.history .y2014::before,
	.history .y2012::before,
	.history .y2011::before,
	.history .y2006::before{width:40px;right:inherit;left:0;}
	.history ul li.left .circle{right:inherit;left:-13px;}
	.history .left dt{text-align:left;}
	.history .left dd span{float:left;}
	.history ul li dd span{font-size:13px;}
	.history .left dd .month{padding-left:0;padding-right:15px;float:left;}
	.history .left dd .month:before{right:inherit;left:18px;}
	.historypage .sub_body{padding-bottom:30px;}
	.business .box_wrap::before{display:none;}
	.business .box_wrap .box{width:48%;margin-right:4%;margin-bottom:10px;}
	.business .box_wrap .box .txt{font-size:13px;padding-top:10px;}
	.business .box_wrap .box .img{text-align:center;}
	.business .box_wrap .box2,
	.business .box_wrap .box4{margin-right:0;}
	.location .txt_left .han{font-size:15px;}
	.location .txt_left .eng,
	.location .txt_right p{font-size:13px;}
	.location .transport ul li{padding:15px 5%;}
	.location .transport ul li.bus{display:block;overflow:hidden;}
	.location .transport ul li .icon{display:block;float:left;}
	.location .transport ul li .tit{display:block;float:left;}
	.location .transport ul li .txt{display:block;width:100%;font-size:13px;clear:both;}

	.datacenter .left{width:100px;}
	.datacenter .left .select{font-size:13px;width:101px;}
	.datacenter .right{width:calc(80% - 100px);max-width:80%;}
	.datacenter .box .btn{width:100%;font-size:13px;}
	
	.effect .content .left .txt,
	.effect .content .right .txt{font-size:13px;}
	.effect .content .box{width:100%;}
	.effect .content .tit1{padding-top:20px;}
	.effect .content .left{padding:20px;border-right:none;border-bottom:1px solid #dfdfdf;}
	.effect2 .box_txt{height:auto;padding:15px;font-size:13px;}
	.effect,
	.effect .content{margin-bottom:20px;}
	.effectpage h3{padding-bottom:10px;padding-left:0;font-size:15px;}

	.iptbox .ipt_label{font-size:13px;}
	.iptbox .ipt_wrap input[type=text],
	.iptbox .ipt_wrap input[type=password],
	.iptbox .ipt_wrap input[type=tel],
	.iptbox .ipt_wrap textarea{width:100%;font-size:13px;}
	.iptbox .ipt_wrap input.ipt_mail{width:47%;}
	.iptbox .ipt_wrap span{width:6%;margin:0;text-align:center;}

	.contpage h3{padding-left:0;font-size:15px;}
	.contpage .contents_box .content{padding:5px 0;}
	.contpage .box_txt{margin:0 0 10px;padding:10px;font-size:13px;}

	.detailpage .detailtop .box1{margin-bottom:10px}
	.detailpage .detailtop .box2 .txt{padding:20px;}
	.detailpage .detailtop .box2 .tit1{font-size:14px;}
	.detailpage .detailtop .box2 .tit2{padding-bottom:15px;font-size:21px;}
	.detailpage .detailtop .box2 .txt1{padding-top:15px;font-size:14px;}
	.detailpage .detailtop .box2 .txt2{font-size:13px;}
	.detailInfo .bot ul{padding:20px 0;}
	.detailInfo .bot li p{font-size:13px;}
	.tb_status th,
	.tb_status td{font-size:14px;}

	.detailpage .contpage .txt{padding:10px 0 0;}
	.contpage .txt .box01_tit{font-size:13px;}
	.contpage .txt .box01_txt{padding-bottom:10px;font-size:12px;}
	.contpage .contents_box .col img{width:90%;margin:0 auto;}
	/*.contpage .contents_box .content{padding:0;}*/
	.contpage .contents_box .txt{margin-bottom:15px;}
	.v_img{padding:15px 0 0;}
	.v_img .videowrap .tit{height:auto;line-height:1.4;padding:10px 0;padding-left:0;font-size:13px;}
	.v_img .videowrap .tit span{display:block;border-left:none;margin-left:0;padding-left:0;}
	.tb_status .infotxt{font-size:12px;}

	.section.video.inbox{padding-bottom:20px;}
	.inbox .box{padding-bottom:20px;}
	.inbox .box .img{padding:10px;}
	.inbox .box .txt dl{margin-left:5%;width:45%;}
	.inbox .box .txt dt{padding-top:10px;font-size:13px;}
	.inbox .box .txt dd{font-size:12px;}
	.inbox .box .txt dd .rnum{width:15px;height:15px;font-size:11px;line-height:13px;}
	.contpage .multibox .contents_box .col img{width:100%;}
	.contpage .multibox .box{padding:10px 0;}
	.contpage .multibox .contents_box .content{margin-bottom:10px;}
	.contpage .multibox .contents_box .content p.or,
	.detailpage .contpage .box_txt{font-size:12px;}
	.detailpage .contpage .box_txt{padding:10px 0;}
	.detailpage.type2 .detailInfo{padding-top:20px;border-bottom:none;}
	.detailpage.type2 .detailInfo .cont .txt{margin:0 0 10px;}
	.detailInfo .cont .box_txt{font-size:13px;padding:20px;}

	/* creditcard */
	.credit .box_wrap,
	.kiosk .box_wrap{padding-bottom:0;border-bottom:none;}
	.credit .box_wrap .box_com.box1,
	.kiosk .box_wrap .box_com.box1{display:block;width:100%;padding:20px 15px 0;vertical-align:top;}
	.credit .box_wrap .box_com.box2,
	.kiosk .box_wrap .box_com.box2{display:block;width:100%;padding-left:0;}
	.credit .box2 .incont,
	.kiosk .box2 .incont{padding:30px;}
	.credit .box2 h3,
	.kiosk .box2 h3{margin-bottom:10px;padding-bottom:10px;font-size:31px;}
	.credit .box2 .txt_top,
	.kiosk .box2 .txt_top{font-size:15px;}
	.credit .box2 dt,
	.kiosk .box2 dt{font-size:13px;}
	.credit .box2 dd,
	.kiosk .box2 dd{font-size:12px;}

	.creditpage #kiosk1 {padding-top:20px;}
	.creditpage #card8,
	.creditpage #card1{padding-top:20px;}

}
@media only screen and (max-width: 600px) {
	.creditpage	.credit .box_com,
	.creditpage	.kiosk .box_com{display:block;width:100%;}
	.creditpage	.credit .box1,
	.creditpage	.kiosk .box1{border:none;padding-bottom:20px;}

	.detailInfo .cont .img{width:100%;text-align:center;}
	.detailInfo .cont .txt{width:100%;border-left:none;}
	.detailInfo .cont .txt dl{padding:0;}
	.detailInfo .bot li,
	.detailInfo .bot.list6 li{width:50%;}
	.detailInfo .bot li p{height:100px;}
	.inbox .box .txt dl{width:95%;border:none;}
	.inbox .box .txt dt{padding-top:20px;}
	.contpage .contents_box .col{width:100%;margin-bottom:1px;}
	.contpage .multibox .contents_box .content p.or{padding:10px 0;}
	.detailpage .contpage .txt .col:last-child{padding-left:0;}

	.inbox .box_fz .txt dl {width:95% !important;}

}
@media only screen and (max-width: 414px) {
	
	.boardlist .top{padding:12px 5%;}
	.boardlist .top span{font-size:13px;}
	.boardlist li{padding:10px 5%;}
	.boardlist li span{font-size:12px;line-height:1.3;}
	.boardlist li span.subject{width:70%;padding-left:0;}
	.boardlist li span.author{width:30%;}
	.boardlist li span.date{display:none;}
	.iptbox li{padding:10px 0;}
	.iptbox .ipt_label{width:100%;margin-bottom:10px;font-size:12px;}
	.iptbox .ipt_wrap{width:100%;}
	.contpage .box_txt{font-size:12px;}

	.detailpage .detailtop .box2 .txt{padding:10px;}
	.detailpage .detailtop .box2 .tit2{padding-bottom:10px;}
	.detailpage .detailtop .box2 .txt1{padding-top:10px;font-size:13px;}
	.detailpage .detailtop .box2 .txt2{font-size:12px;}
	.detailpage h3{font-size:15px;}
	.detailInfo .cont{padding:10px;margin-bottom:10px;}
	.detailInfo .cont .img{padding:0 0 10px;}
	.detailInfo .cont .txt dt{font-size:13px;}
	.detailInfo .cont .txt dd{font-size:12px;}
	
	.detailInfo .bot ul{padding-top:20px;}
	.detailInfo .bot li p{height:70px;padding:10px;margin-top:10px;font-size:12px;}
	.tb_status th{padding:5px;}
	.tb_status th,
	.tb_status td{font-size:12px;}

	.credit .box2 .tit_top,
	.kiosk .box2 .tit_top{font-size:14px;}
	.credit .box2 h3,
	.kiosk .box2 h3{font-size:21px;}
	.credit .box2 .incont,
	.kiosk .box2 .incont{padding:15px;}
	.credit .box2 .txt_top,
	.kiosk .box2 .txt_top{font-size:13px;}
	.credit .box2 dl,
	.kiosk .box2 dl{margin-top:15px;}
	.credit .box2 dd,
	.kiosk .box2 dd{line-height:1.4;}

	.b_txt2 {font-size:12px;}
	.tb_status .infotxt {padding-bottom:20px;}

	.gcube .contpage {margin-top:30px;}
	.gcube .pdbot {margin-bottom:30px;}
	.effect2 {padding-bottom:30px; padding-top:15px;}
	.detailInfo {padding-bottom:30px; padding-top:15px;}
	.section.bot {padding-bottom:30px;}
	.detailpage.type2 .detailInfo .cont .txt {padding-left:4%;}
	.detailInfo .cont .img {padding:20px 20px;}


}
@media only screen and (max-width: 375px) {
	.philosophy .box_wrap .box .img,
	.philosophy .box_wrap .box .title,
	.philosophy .box_wrap .box .txt{padding:10px 0;}
	.history .left,
	.history .right{padding-left:30px;}
	.history .y2014::before,
	.history .y2012::before,
	.history .y2011::before,
	.history .y2006::before{width:20px;}
	
	.effect2 .box_txt{margin:15px -5% 0;font-size:12px;}
}
@media only screen and (max-width: 320px) {

}