@charset "utf-8";

section{margin:1em 0 7em 0;overflow:hidden;font-size:18px;  text-align:justify; word-break:break-all; }
section:first-child{margin-top:0}
section *{word-break:break-all;}
section h3 {position:relative; display:block; color:#000; margin:0px 0 1em 0; font-size:250%;   padding-left:35px;}
section h3.pro {font-size:180%; }
section h3.pro span {font-weight:500; font-family:'Noto Regular';}
section h4 {position:relative; display:block; margin:20px 0; padding-left:15px; font-size:24px;}
section h4 span{ font-weight:400; font-family:'Noto Regular';}
section h5{display:block; font-size:130%; margin-bottom:5px; font-family:'Noto Medium';}
section em{font-size:200%; }
section .round{font-size:130%; border-radius:30px; padding:5px 25px; color:#fff; margin-bottom:1%; display:inline-block }
section p{font-size:100%; color:#666; line-height:1.6em;}
section span.block{display:block}
section strong{color:#000; font-size:140%; font-weight:400 !important}
section strong span{font-weight:400 !important}
section dt{font-weight:normal !important; font-family:'Noto Bold';}
section th{font-weight:normal !important;  font-weight:400}
section ul li{position:relative; padding:0px 5px 5px 15px;}
section .fl {float:left}
section .fr {float:right}
section .tb{font-size:130%; }
section .tb01{font-size:130%; }
section .center *{ text-align:center ; }
section.privacy p{font-size:14px}
section.privacy h4{font-size:18px}
section.privacy p:before{content:''; display:block; background:rgba(0,0,0,0.0); height:1px; margin:0 0}
section .color_box {position:relative;background:#f6f7f8; padding:3% 5%;  overflow:hidden}
section .color_box.blue *{color:#fff }
section .gray_box {background:#e1e4e6; padding:5% 7%;  overflow:hidden}
section .line_box {border:1px solid #ddd; padding:3% 6%;  overflow:hidden; margin:2% 0; font-size:120%; }
section .line_box2{border:6px solid rgba(214,220,226,1); padding:4% 4%; margin:2% 0; overflow:hidden; font-size:120%; }
section i{font-style:normal; font-weight:400; font-family:'Noto Regular';}

.num_list {font-size:100%;}
.num_list dt {color:#000;font-family:'Noto Medium';  margin:10px 0px}
.num_list dt span{color:#fff;  background:#2389eb; width:28px; height:28px; line-height:28px; display:inline-block; text-align:center; border-radius:50%; margin-right:10px}
.num_list dt span.ver2{ background:#8d949a; }
.num_list dd {display:block; overflow:hidden; padding-left:40px;  margin:10px 0px 2em 0px; color:#555}

.dl_t {font-size:100%;}
.dl_t dt {color:#000;font-family:'Noto Medium';  margin:10px 0px; font-size:120%;}
.dl_t dd span{color:#000; font-weight:400  }
.dl_t dd { margin:10px 0px 1em 0px; color:#555; }

.dl_t.ver2 {font-size:120%;}
.dl_t.ver2 dt{font-size:140%;}

strong.blue {display:block; padding:5px 20px; color:#fff; font-size:180%; background:#c2244a; margin:2% 0}
img {vertical-align:middle}

.pad_box { padding:2% 1%; overflow:hidden }
.pad_box2 { padding:8% 1% 4% 1%; overflow:hidden }

.title_box p {font-size:180%; }
.title_box strong {font-size:350%;}
.title_box strong span{font-family: 'Noto Bold';}

.bg_color1, section h3:before{background:#2763bb; }
.bg_color2{background:#555;}
.bg_color3{background:#254471;}
.tc1{color:#2763bb;}
.tc2{color:#fff8cb !important;}
.tc3{color:#254471;}
.tc4{color:#fff;}
.tc5{color:#000;}
.tc6{color:#666;}
.t_mar1 {margin-top:1% !important}
.t_mar2 {margin-top:4% !important}
.t_mar3 {margin-top:4% !important}
.t_mar4 {margin-top:4% !important}
.t_mar5 {margin-top:5% !important}
.t_mar6 {margin-top:6% !important}
.t_mar7 {margin-top:7% !important}
.t_mar8 {margin-top:8% !important}
.l_mar3 {margin-left:3% !important}

.f120 {font-size:120%}

.img_mar img {margin:10px 0}
.full_bg {position:relative; padding:6% 0px 8% 0px; color:#fff; background-image: linear-gradient(to bottom, #1e64a7, #0050a6); }
.full_bg.photo { padding:10% 0px 12% 0px; background:url(/user/default/image/contents/s0107_img.jpg) center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover;}

.pro_bg{position:relative; padding-bottom:3em; }
.pro_bg img{position:relative;  padding:0 10%}
.pro_bg:before {content:''; position:absolute; background:#f6f7f8; top:50%; bottom:0; right:0; left:0;}
.pro_img { padding:0 10%}


.bor img{border:1px solid #ddd}

.banner img {float:left; margin:10px 0;}

.bg01{background:#f6f7f7}

.img_tit {display:inline-block;  vertical-align:top; font-size:100%; border:1px solid #ddd; padding:0 0; text-align:center; margin-bottom:2%; }
.img_tit strong{display:block;text-align:center;  font-size:100%; margin:0px 0 ; padding:20px 0; background:#f6f6f6}

.img_tit2 {display:inline-block; padding:10px 0.5%;   vertical-align:top; font-size:100% }
.img_tit2 img{border:1px solid #ddd; width:100%}
.img_tit2 strong{display:block;text-align:left;  font-size:100%; margin:5px 0 }


.img_tit.left  {padding:10px 1%;  }
.img_tit.left * {text-align:left !important; }
.img_tit.left p{height:100px; font-size:75%; color:#888}

.img_tit.left.w4  {padding:10px 1%;  width:23% !mportant; }
.img_tit.w3  {padding:10px 1%;  width:30%;}
.img_tit.w4  {padding:10px 1%;  width:23%;}

.img_tit.auto {display:inline-block; margin:10px 1.5%;  width:50%; vertical-align:top }


.white {position:relative;background:#fff;  padding:3% 2%}
.white dl{border-bottom:1px solid #e3e3e3; padding:2% 3%; color:#474e56;}
.white dt{font-size:150%;}
.white dt span{font-family:'Noto Regular';}
.white dd{color:#666; padding:1% 0; line-height:170%;}

.s_title *{text-align:center;}
.s_title dt {font-size:280%; color:#fff8cb; padding-bottom:1%}
.s_title dd {font-size:130%; color:#fff; }
.s_title dd SPAN{display:block; }
.s_title.v2 dt {color:#000 }
.s_title.v2 dt span{ display:block; font-size:50%; color:#aaa; font-family:'Noto Medium';}

a.a_btn {background:#2374c2; display:block; color:#fff !important; text-align:center; font-size:150%; padding:1% 0}
a.a_btn:after {content:'\f35a'; display:inline;font-family:FontAwesomeS; color:#fff; padding:0 20px}


/*테이블*/
.tb tbody th{background-color:#fff; border-bottom:1px solid;  font-weight:400}
.tb tbody th, .tb tbody td{font-size:75%; padding: 10px 0;}
.tb tbody td{color:#777;}
.tb tbody td.p_color01{color:#000;}

.table_design {width:100%;line-height:150%;border-collapse:collapse; margin:10px 0px; border-left:1px solid #ddd; border-top:2px solid #2763bb;color:#555; font-size:100%}
.table_design th, .table_design td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 10px;  text-align:center;  }
.table_design th { background-color:#fafafa; }
.table_design td {background-color:#fff; text-align:center}

.table_mobile {display:none}
.table_design.font {font-size:80%}

.agreement .frame{height:200px !important}


.ResList{margin-top:0px; border-top:2px solid #cccccc; margin-bottom: 30px;}
.ResList ul,.ResList ol{display:table;width:100%;table-layout:fixed}
.ResList ol li,.agreeBox{border-top:1px solid rgba(0,0,0,0.8);}
.ResList li{display:table-cell;color:#222;text-align:center;padding:15px 10px 15px 10px;border:solid rgba(0,0,0,0.1);border-width:0 0 1px 1px;vertical-align:middle;position:relative;}
.ResList li:first-child{border-left:0}
.ResList li > *{float:none !important}
.ResList li span{display:inline-block;white-space:nowrap}
.ResList li .btnPack{padding:5px;font-size:90%;height:auto;line-height:inherit;font-weight:normal}
.ResList ol li em{font-weight:normal;font-size:90%;display:inline-block}
.ResList ul li em{display:inline-block}



.TabMenu{overflow:hidden;text-align:center;margin-bottom:30px;}
.TabMenu ul {border-top:3px solid #e13b45}
.TabMenu ul li{width:50%;    display: block;overflow: hidden; float:left;  }
.TabMenu a{display:block;float:left;position:relative;padding:15px 0;font-size:150%;overflow:hidden; width:100% !important; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.TabMenu a.on{background:#e13b45; color:#fff; border-left:1px solid #e13b45;border-right:1px solid #e13b45;border-bottom:1px solid #e13b45;}


.table_basic .colDate {width:180px}
.table_basic tbody tr td:nth-child(2) p.center {text-align:left !important}


/* 제품소개 */

.product_bg { min-height:900px;  background:url(/user/default/image/contents/product_bg.jpg) left 50px no-repeat; background-size:100%}


/* 연혁 */
.History {position:relative;width:100%;margin:20px auto 0;list-style-type:none; font-size:1.2em;z-index:1;}
.History:before {position:absolute;left:50%;top:0;content:' ';display:block;width:1px;height:100%;opacity:.2;margin-left:-3px;background:rgb(80,80,80);background:-moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,1)), color-stop(100%,rgba(80,80,80,1)));background:-webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background:linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);}
.History section{display:none}
.History section:first-child{display:block}
.History li {padding:1em 0; position:relative;}
.History li:before {content:' ';position:absolute;top:50%;left:50%;margin:-9px 0 0 -12px;width:20px;height:20px;margin-top:-65px;background:#fff;border-radius:100%;;border:5px solid #474e56;z-index:10;}
.History li:after {content:"";display:block;height:0;clear:both;}
.History .direction{float:left;text-align:right;position:relative;width:48%;}
.History .direction.r {float:right;text-align:left;}
.History .flagwrap {position:relative;display:block;margin-right:39px;}
.History .r .flagwrap {margin:0 0 0 39px}
.History .r .flag{box-shadow:-5px 5px 0 rgba(0,0,0,0.1)}

.History .flag:after{content:"";position:absolute;top:50%;right:-39px;margin-top:-3px;pointer-events:none;width:39px;height:20px;background:url(../image/contents/flag.png) no-repeat}
.History .r .flag:after {left:-39px;transform:rotateY(180deg);right:auto}
.History .flag dd{display:block;margin:7px 0px; overflow:hidden; font-size:115%; letter-spacing: -0.01em;}
.History .flag p{margin-top:7px;}
.History .flag p:first-child{margin-top:0;}
.History .flag i{font-weight:600;margin-bottom:0.5em;font-size:105%;font-style: normal !important;}
.History .time {display:block;font-weight:700;margin-bottom:0.5em;font-size:350%}
.History .desc {margin:1em 0 0 0;line-height:1.5em;}


/* 오시는길 */
.map_info {border-top:2px solid #999; border-bottom:1px solid #999; background:#FFF; padding:30px 20px; overflow:hidden; margin:0px 0px; font-size:18px;font-family: 'Noto bold'; color:#222;}
.map_info div:first-child{float:left; }
.map_info div{float:right}
.map_info span{padding:0px 10px; font-family: 'Noto Medium';  color:#666;}

/* 회사소개 */
.pro_img{position: relative;color: #fff;     padding:30px 0; overflow: hidden; margin-bottom:0px;}
/*.s0101 {position: relative;background: url(/user/default/image/contents/s0101_img01.jpg) center center no-repeat;}*/
.s_con_tit{position: relative;overflow:hidden;background:#fff;width:70%;padding:6% 5%;margin: 0 auto;text-align: center;}
.s_con_tit h4{font-size:120%; background:#218a85;margin: 10px 0; padding:1% 3%;letter-spacing: 0.3em;display: inline-block;     border-radius: 50px;}
.s_con_tit h4:before {content:none;}
.s_con_tit h3{padding-left:0;margin: 0px 0 20px 0;text-align: center; color:#474e56; font-family: 'Noto bold';}
.s_con_tit h3:before{content:none;}
.s_con_tit p{color:#666;letter-spacing: -0.07em;line-height:150%;text-align: center; }

.icon_mark{overflow:hidden;}
.icon_mark img{float:left !important;}

/* 제품소개 */
.s0201, .s0202, .s0203, .s0204{overflow: hidden;position: relative;}
.s0201 img, .s0202 img, .s0203 img, .s0204 img{float:right;}
.s_con_top{position: relative;overflow:hidden;text-align: left;}
.s_con_top h4{font-size:120%;margin: 10px 0 0 0; padding-left:0;}
.s_con_top h4:before {content:none;}
.s_con_top h3{padding-left:0;margin: 0px 0 20px 0; color:#474e56; font-family: 'Noto bold';}
.s_con_top h3:before{content:none;}
.s_con_top p{color:#666;letter-spacing: -0.07em;line-height:30px; }

.product{    margin: 10% 0;     overflow: hidden;}
.tit{margin-bottom:3%;float:left;border-top:2px solid #474e56;padding-top:15px;color:#474e56;font-size:160%;font-weight:bold;margin-right:100px;}
.product .pro_tit{ font-size:160%; background:#474e56; color:#fff; margin-bottom:3%; padding:1% 3%;}
.con_pro{padding:0 0; float:right;}
.con_pro ul li{font-size: 100%; color:#666;}
.con_pro ul.list_type01 li{float:left;width:32%;margin-right:2%;margin-bottom: 2%;border:1px solid #ddd;background:#f6f6f6;text-align:center;height:80px;line-height: 80px; padding:0 5px;}
.con_pro ul.list_type01 li:nth-child(3n){margin-right:0}
.con_pro ul.list_type02{padding:0 0;}
.con_pro ul.list_type02 li{line-height:33px;     padding: 0px 5px 5px 0px;}
.con_pro ul.list_type02 li span{background:#1471b4; color:#fff; font-size:15px;  width: 30px;height: 30px;    border-radius: 50%;    display: inline-block;text-align: center; margin-right:10px; line-height:28px;}

.con_pro ul.list_type03 {position:relative;  overflow:hidden;   }
.con_pro ul.list_type03 li{display:inline-block; line-height:30px;   text-align:center;    padding: 0px 13px ; margin-bottom:2%;}
.con_pro ul.list_type03 li:after {content: '\f054';position: absolute;top: 37%;right:-3%;font-size: 25px;font-family: 'FontAwesomeS';color: #bbb;}
.con_pro ul.list_type03 li:last-child:after {display:none}
.con_pro ul.list_type03 li.icon_none:after{display:none}

.product .pro_box{overflow: hidden; margin-bottom:1%;}
.product .pro_box img{float:left; border:1px solid #ddd;}
.product dl{float:left; padding:5% 5% 0% 5%}
.product dl dt{color:#474e56; font-size:130% }
.product dl dt span{color:#fff; background:#1471b4; width: 40px;height: 40px; margin-right:10px; border-radius: 50%;  text-align:center;   display: inline-block; font-size:17px;     line-height: 37px;}
.product dl dd{padding-top:20px; color:#666; line-height:30px;}

.s0105{text-align:center;}
.s0105 p{text-align:center;}
.tit01{margin-bottom:3%;border-top:2px solid #474e56;padding:1% 1% 2% 1%;color:#474e56;font-size:200%;font-weight:bold; text-align:center; margin:0 auto; float: none;  display:inline-block;}



@media only screen and (max-width:1200px) {
	section{margin-top:20px;font-size:13px; }
	.s_con_top{padding:0 0 5% 0;}
	.s_con_top p{font-size:120%; line-height: 25px;}
	.s0201 img, .s0202 img, .s0203 img, .s0204 img{width:100%;}
	.con_pro{float:left;}
	.con_pro ul.list_type03 li:after {right: -10%;}
	.img_tit { width:100%; margin-bottom:1%}

	.product dl dt span {width: 30px;height: 30px;margin-right:5px;font-size: 13px;line-height: 27px;}
	.product dl{padding: 2% 0% 0% 2%;}
	.product dl dd{padding-top:1%; line-height: 20px;}



}

@media only screen and (max-width:980px){	
  .Ochart{margin-bottom:50px;}
	.Ochart .line{bottom:0; }
	.Ochart .mt30,.Ochart .mt60{margin-top:0 !important}
	.Ochart .minus,.Ochart .minus2{top:0;position:static}
	.Ochart .col-md-3 {width:100%}

	.banner .col-md-3 {float:left; width:50%}
	

}


@media only screen and (max-width:767px) {

.t_mar1 {margin-top:1% !important}
.t_mar2 {margin-top:4% !important}
.t_mar3 {margin-top:4% !important}
.t_mar4 {margin-top:10% !important}
.t_mar5 {margin-top:5% !important}
.t_mar6 {margin-top:6% !important}
.t_mar7 {margin-top:7% !important}
.t_mar8 {margin-top:18% !important}
.l_mar3 {margin-left:3% !important}


	section span.block{display:inline}
	section{margin-top:20px;font-size:12px; }
	.P0101 em:first-child{font-size:250%}
	section h4 {font-size:16px;}
	section h4:before {top:11px; height:2px;}
	section ul li:before{top:9px;}
	section h3:before {margin-left:-20px; top:0px; width:15px; height:2px; -ms-transform: rotate(40deg); /* IE 9 */  -webkit-transform: rotate(40deg); /* Safari */  transform: rotate(40deg);}
	section h3 {padding-left:20px}

	.full_bg {padding:10% 0px 18% 0px;}
	.full_bg.photo { padding:13% 0px 20% 0px;}
	.s_title dt {font-size:200%; color:#fff8cb; padding-bottom:1%}
	.s_title dd {font-size:100%; color:#fff; padding:0 10%}
	.white {padding:7% 5%}
	.white p{padding:3% 0}

	.History .flag {position:relative;padding:15px;display:block;letter-spacing:0;border:1px solid rgba(0,0,0,0.2); background:#fff; box-shadow:5px 5px 0 rgba(0,0,0,0.1)}
	.History .r .flag{box-shadow:-5px 5px 0 rgba(0,0,0,0.1)}
	.History {width:100%;padding:0em 0 1em 0;}
	.History li {padding:2em 0;}
	.History li:before{content:none}
	.History .direction,.History .direction.r {float:none;width:100%;text-align:center;}
	.History .flagwrap {text-align:center;margin:0 !important}
	.History .flag:after{background:url(../image/contents/flag2.png) no-repeat 50% 50%;width:30px;height:15px;top:-15px;left:50%;margin-top:0;margin-left:-17px;right:auto}
	.History .r .flag:after{left:50%;transform:none;}
	.History .desc {position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15;}
	.History .time{font-size:200%}
	.History .flag dd{font-size:100%;}
	
#docThumb003002 .cell {width:100%; margin:20px 0} 

.table_design td img{width:70%;}

/* 오시는길 */
.root_daum_roughmap .wrap_map{height:300px !important;}
.map_info{font-size:14px;}
.map_info div {float: left;}




.con_pro ul.list_type03 li {margin:1% 0%; width:100%; padding-bottom:50px }
.con_pro ul.list_type03 li:after {content:'\f107';top:auto; bottom:0px; right:49%;font-size:35px;}
.con_pro ul li{font-size: 120%;}



}


@media only screen and (max-width:600px) {
.con_pro ul.list_type02 li {line-height: 25px;}
.con_pro ul.list_type02 li span{font-size:12px;    width: 20px;height: 20px;line-height: 20px;    margin-right: 5px;}
.img_tit{margin-bottom:2%;}
.tit {padding-top: 10px;font-size: 140%; padding-left:5px; margin-bottom:5%; }


}