@charset "utf-8";
.mainVisualbg{background: #dddddd;}
#mainVisual {width:100%;margin:0px auto;}
#mainVisual #mv_slide {height:660px;width: 100%;}
#ctt {min-height: 400px;}
#ctt_con {font-weight: 300;font-size: 1.10em;line-height: 2.0em;color: #484848;}
#locationArea {border:1px solid #ddd;border-width:1px 0;margin-bottom:50px}
#locationArea .wrap {width:100%;max-width:1270px;margin:0 auto;}
#locationArea .locaA {height:50px;}
#locationArea .locaA > ul > li {float:left;position:relative;}
#locationArea .locaA > ul > li > a{display:block;line-height:50px;width:245px;border-right:1px solid #ddd;padding:0 10px;background: url(/img/mobile/icon_locarr_down.png) right 10px center no-repeat;}
#locationArea .locaA .home a{display:block;width:50px;height:50px;background:url(/img/mobile/icon_home.png)no-repeat 50% 50%;float:left;border-left:1px solid #ddd;}

#locationArea .locaA .menu_list {position:absolute;top:51px;left:-1px;right:0px;padding:20px 0px;border:1px solid #ddd;border-top:none;display:none;background:#fff;z-index:9999;}
#locationArea .locaA .menu_list li a {display:block;font-size:14px;line-height:40px;padding:0 10px;}
#locationArea .locaA .menu_list li:hover a {background:#45a6ea;color:#fff;}

#container_title {width:100%;max-width:1270px;margin:0 auto 20px;position:relative;top:0px;background:#fff;z-index:999;}
#container_title .page_name {display: block; width: 100%; font-size: 38px; color: #222222; text-align: center;font-weight: 400;}

.sub_tabmenu {top:50px;background:#fff;z-index:999;}
.sub_tabmenu #sub_tablist {width:100%;max-width:1270px;margin:30px auto;border:1px solid #ddd;height:50px;}
.sub_tabmenu #sub_tablist li {float:left;border-right:1px solid #ddd;position:relative;}
.sub_tabmenu #sub_tablist li:last-child {border:none;}
.sub_tabmenu #sub_tablist li a {display:block;line-height:50px;text-align:center;}
.sub_tabmenu #sub_tablist li.on:before {content:'';position:absolute;left:-1px;right:-1px;bottom:0;height:4px;background:#166bad}

#bo_w, #bo_v, #bo_list {width:100%;max-width:1270px;margin:0 auto 50px;}

#container .tit01{font-family: 'Seokbo';font-weight: 400;font-size: 30px;}
#container .tit02{font-family: 'Seokbo';font-weight: 400;font-size: 25px;margin: 0 0 10px;}
#container .tit03{display: inline-block;background:#c0935a;color: #fff;padding: 4px 8px;  line-height: 100%;}
#container .tit04{display: inline-block;background: #166bad;color: #fff;padding: 4px 8px;  line-height: 100%;}
#container .tit05{font-family: 'Arita-buri';font-weight: 400;font-size: 1.5em;}
#container .tit06{font-family: 'Arita-buri';font-weight: 400;font-size: 1.1em;line-height: 42px;}
#container .tit07 {position:relative;}
#container .tit07 img {}
#container .tit07 p {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 600px;text-align: center;color: #fff;font-family: 'Seokbo';font-weight: 400;font-size: 4.0em;line-height: 1.0em;}
#container .tit07 span {display: block;font-family: 'Arita-buri';font-weight: 400;font-size: 0.45em;}
#container .tit08{display: inline-block;background: #095e4b;color: #fff;padding: 4px 8px;  line-height: 100%;font-size: 0.8em;}
#container .tit09{color:#000;font-weight:700;font-size: 25px;letter-spacing:-1px;line-height:165%;margin: 0px 0px 10px 0px;}
#container .tit09 span{display:inline-block;position:relative; }
#container .tit09 span:after{position:absolute; left:0px; bottom:4px; display:inline-block; background:#666; width:100%; height:1px; content:''; z-index:-1;}
#container .tit10{display:block; margin:0; color:#777777; font-weight:normal; font-size:25px; padding:20px 0px 20px 70px; line-height:170%; letter-spacing:-0.5px; background: url(/img/02/2_icon2.png)22px 22px no-repeat;margin: 0 auto;width: 328px;}
#container .tit11{display:block; margin:0; color:#c8ae96; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:115px 20px 20px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;background: url(/img/02/2_icon1.png) center 20px no-repeat;}
#container .tit12{display:block; margin:0; color:#c8ae96; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:115px 20px 20px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;background: url(/img/02/2_icon5.png) center 20px no-repeat;}
#container .tit13{display:block; margin:0; color:#c8ae96; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:115px 20px 20px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;background: url(/img/02/2_icon6.png) center 20px no-repeat;}
#container .tit14{display:block; margin:0; color:#c8ae96; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:115px 20px 20px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;background: url(/img/02/2_icon7.png) center 20px no-repeat;}
#container .tit15{display:block; margin:0; color:#9d1c09; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:20px 20px 0px 20px; line-height:170%; letter-spacing:-0.5px; border-bottom:none;background: url(/img/02/2_icon8.png) center 20px no-repeat;}
#container .tit16{display:block; margin:0; color:#c8ae96; font-weight:normal; font-family:'NotoKrM'; font-size:25px; padding:135px 20px 20px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;background: url(/img/03/3_icon1.png) center 20px no-repeat;}


.pott {color:#d6781d !important;}
.pott1 {color:#7d6a63 !important;}
.pott2 {color:#e6777d !important;}
.pott3 {color:#000 !important;}
.pott4 {color:#888 !important;}
.pott5 {color: #45a6ea !important;}
.pott6 {color: #1882c5 !important;}

.pottS {font-size:13.5px; color:#757575; line-height:160%;}
.pottB {font-weight:400 !important;}
.pottSB {font-weight:600 !important;}

.fs1 {font-size:0.9em;}
.fs2 {font-size:1.6em;}

.alink2 {position:relative;color: #ff5d65;font-size: 0.9em;font-weight: 400;}
.alink2:after {content: '';position: absolute;right: -24px;top: 2px;width: 18px;height: 18px;border-radius: 10px;background: #ff7473 url(/img/icon_arrow1.png) 50% 45% no-repeat;}

.alink2:hover {color:#000}
.alink2:hover:after {background: #000 url(/img/icon_arrow1.png) 50% 45% no-repeat;}


.lets0 {letter-spacing:0px !important;}
.lets1 {letter-spacing:-0.1px !important;}
.lets5 {letter-spacing:-0.5px !important;}
.lets10 {letter-spacing:-1px !important;}
.lets15 {letter-spacing:-1.5px !important;}
.lets20 {letter-spacing:-2px !important;}

.litc2 {width:412.5px;}
.litc3 {width:274px;}
.litc4 {width:204.5px;}
.litc5 {width:153px;}
.litc6 {width:135.5px;}
.litc7 {width:115.5px;}

.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  font-weight:700; background:#f5f5f5}
.tbl01 td{padding:18px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;line-height:1.4em;}
.tbl01 tr.tblbg {background:#f7f7f7;}
.tbl01 th.bg{background:#daeac1;}

.tbl02 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl02 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  font-weight:700; background:#f5f5f5}
.tbl02 td{padding:18px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;line-height:1.4em;text-align:center; }


#container dl.fl {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl > dt{float:left; display:block;width:28.5%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl > dd{float:right; display:block;width:71.5%; font-weight:300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl .address {display:inline-block; font-family:'Seokbo'; font-weight:bold; margin-right:10px; min-width:100px;font-size:1.0em;}
#container dl.fl:after{clear:both; content:''; display:block;}
#container dl.fl > dd img{width: 100% !important}
#container dl.fl .pic{display:flex; flex-wrap: wrap;}
#container dl.fl .pic li{width:23.2%; margin-right:2.33%;}
#container dl.fl .pic li:last-child{margin-right:0px}


#container dl.fl2 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl2 > dt{float:left; display:block;width:26%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl2 > dd{float:right; display:block;width:70%; font-weight:300;   padding-top:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl2:after{clear:both; content:''; display:block;}

#container dl.fl3 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fl3 > dt{float:left; display:block;width:48%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.fl3 > dd{float:right; display:block;width:48%; font-weight:300;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.fl3:after{clear:both; content:''; display:block;}

#container dl.fl4 {margin-top:0px; letter-spacing:0px; line-height:28px;}
#container dl.fl4 dt{clear:both; float:left; width:30%;}
#container dl.fl4 dd{float:left; width:66%; margin-left:4%;}
#container dl.fl4:after{clear:both; content:''; display:block;}
#container dl.fl4 img {max-width:100%;}


ul.bul {width:100%; position:relative; clear:both; margin:0;}
ul.bul li {position: relative;padding: 0 0 0 10px;}
ul.bul li:after {content: '';position: absolute;left: 0;top: 15px;width: 3px;height: 3px;background: #ff5d65;}
ul.bul li span.libox {display:inline-block; width:84px; color:#d6781d; font-family:'NotoKrM';}
ul.bul li span.libox2 {position:relative; color:#5aa0ac; width:60px; text-align:center; display:inline-block; border:1px solid #5aa0ac; font-weight:normal; font-family:'NotoKrM'; height:24px; line-height:24px; font-size:15px; letter-spacing:-0.5px; margin:0 15px 2px 0; vertical-align:middle;}
ul.bul li a.alink {display: inline-block;margin: 0 0 0 8px;font-size: 0.8em;text-transform: uppercase;color: #a9a9a9;}
ul.bul li a.alink:hover{color:#ff5d65;}

ul.bul2 {width:100%; position:relative; clear:both; margin:0;}
ul.bul2 li {position: relative;padding: 0 0 0 10px;}
ul.bul2 li:after {content: '';position: absolute;left: 0;top: 15px;width: 3px;height: 3px;background: #166bad;}
ul.bul2 li span.libox {display:inline-block; width:84px; color:#d6781d; font-family:'NotoKrM';}
ul.bul2 li span.libox2 {position:relative; color:#5aa0ac; width:60px; text-align:center; display:inline-block; border:1px solid #5aa0ac; font-weight:normal; font-family:'NotoKrM'; height:24px; line-height:24px; font-size:15px; letter-spacing:-0.5px; margin:0 15px 2px 0; vertical-align:middle;}




ul.bgn li{background:none; padding-left:0;}
.bdn {border:0 !important;}

ul.lifl {position:relative; clear:both; margin:0 auto; overflow:hidden;}
ul.lifl li {padding:1px 0;display:block;}
ul.lifl li span {display:inline-block; width:160px;}

ul.libg{border:1px solid #e8e8e8; padding:30px 40px; overflow:hidden; margin:5px 0; }
ul.libg li{padding-bottom:4px; display:block;}
ul.libg span {display:inline-block; width:100px; font-family: 'NotoKrM'; color:#333;}

ul.libg2 li:after {display:block; content:""; clear:both;}
ul.libg2 li {list-style:none; padding:10px 0px 30px 0px; border-bottom: 1px dashed #e0e0e0; line-height:170% !important;}
ul.libg2 li .li_tit {float:left; width:100px; display:inline; color:#333; font-family: 'NotoKrM';}
ul.libg2 li .li_txt {float:left;  display:inline;  } 


.bgg {background:#f5f5f5; padding:15px;}


.clear {clear:both; position:relative;}
.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}

.bd {display:block; border:none; background:#eaeaea; height:1px;margin:40px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:30px 0px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; border-bottom:1px dotted #e5e5e5; height:1px; margin:20px 0px; padding:0px; font-size:0px; clear:both;}
.bd4 {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}
.bd5 {display:block; border:none; background:#eaeaea; height:1px;margin:80px 0px; padding:0px; font-size:0px; clear:both;}


.bg {display:block; border:none; height:60px; margin:40px 0px; padding:0px; font-size:0px; clear:both; background:url(/img/01/bg_con.png) center no-repeat;}
.portrait {height: 780px;background: #f1f1f0;}
.portrait img {max-height: 100%;}



.bgn {background:none !important;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}

.mt10 {margin-top:10px !important;}
.mt30 {margin-top:30px !important;}
.pl30 {padding-left:30px !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px !important;}
.pl0 {padding-left:0 !important;}


.txt_r {text-align:right;}
.txt_c {text-align:center;}

 
#myModal .modal img {max-width: 90% !important;max-height: 90% !important}


#sVisualA{height:100px}
#sVisualA h2{color: #fff;font-size: 30px;font-weight: 700;text-align: center;line-height: 99px;}
.svbg{background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg10 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg20 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg30 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg40 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg50 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg60 {background: url(/img/mobile/subtopbg5.jpg)center top no-repeat}
.svbg70 {background: url(/img/mobile/subtopbg6.jpg)center top no-repeat}

.btn-lg{padding: 12px 0.75rem ; font-size: 1rem !important; width:100% !important; max-width:390px;line-height: 1.5;}
.btn-primary{ color: #fff;background-color:#024579; border-color:#024579;}
.btn-primary:hover {color: #fff;background-color: #0069d9;border-color: #0062cc;}
.mt-5 {margin-top: 3rem !important;}




@media screen and (max-width:1300px) {
	#mainVisual {width:100%;}
	#mainVisual #mv_slide {height:400px;width: 100%;}	
.sec-02 ul li { border-right: 0px solid rgba(255, 255, 255, 0.2) !important;;}
#container dl.fl3 > dd { float: none;display: block;width: 100%;margin-top: 30px;}
#container dl.fl3 > dt {float: none;display: block; width: 100%;}
#container dl.fl3 > dt iframe {width: 100%;}
} 

@media screen and (max-width:720px) {
#locationArea {margin-bottom:30px;}
#ctt_con {padding:0 0 50px;}
.sub_tabmenu #sub_tablist li a {font-size:12px;letter-spacing:-0.075em;}
#container dl.fl > dt{float:none; display:block;width:100% !important}
#container dl.fl > dd{float:none; display:block;width:100%;}
#container dl.fl > dd table


#container dl.fl2 > dt{float:none; display:block;width:100% !important}
#container dl.fl2 > dd{float:none; display:block;width:100%;}

#container dl.fl3 > dt{float:none; display:block;width:100%;}
#container dl.fl3 > dd{float:none; display:block;width:100%;}
#container dl.fl4 > dt{float:none; display:block;width:100%;margin-bottom:30px;}
#container dl.fl4 > dd{float:none; display:block;width:100%;margin-left: 0%;}

#container .tit05 {font-size: 1.1em;}
#container .tit06 {font-size:1.1em;}
#container dl.fl .address {display:block;}
#container_title .page_name {font-size:1.6em;}
.h50 {height:30px;}
.h30 {height:20px;}
#container .tit07 p {position: absolute;left: 50%;top: 50%;width: 100%;text-align: center;color: #fff;font-family: 'Seokbo';font-weight: 400;font-size: 2.0em;line-height: 0.8em;transform:translate(-50%, -50%);}
#ft #ft_inner .copy1 {float: left;font-size: 15px;}
#contArea {padding: 0px 20px;}
.sub_history_wrap .top_wrap .text_wrap  {padding:33px !important;width: 100%;}
.sub_history_wrap .top_wrap .text_wrap h3 span {font:24px 'Noto Serif KR', serif !important;}
.sub_history_wrap .top_wrap .text_wrap h3  {font-size: 28px !important;letter-spacing: 0px !important}
.sub_history_wrap .top_wrap .image_wrap {height: 289px !important}
.history {background: url(/img/icon_history2.gif) repeat-y 95px top !important}
.history .left dt  {font-size: 22px !important}
.history .left .circle {top: 6px !important;right: auto !important;left: 88px !important;}
.history .right dd  {padding: 4px 0 15px 90px !important}
.col3_1 {width: 100% !important}
.fl dd iframe {width: 100% !important; height:200px !important }
#locationArea .locaA > ul > li > a{width: 151px;overflow: hidden;height: 50px;padding-right: 25px !important;}
#container dl.fl .pic {margin-top: 30px;}
} 




@media screen and (max-width:480px) {
	.sub_tabmenu #sub_tablist {border:none;}
	.sub_tabmenu #sub_tablist li {display:none;}
	.sub_tabmenu #sub_tablist li.on {display:block;width:100% !important;}
	.sub_tabmenu #sub_tablist li.on a {font-size:18px;}
	.sub_tabmenu #sub_tablist li.on:before {width:20px;left:50%;right:auto;bottom:auto;top:-20px;transform:translateX(-50%);}
	#container .tit09     { font-size: 21px;    margin: 15px 0px 0px 0px;}
	.bd5   {margin: 30px 0px}
	.portrait {height: auto}
	#container dl.fl2 > dt{float:none; display:block;width:100% !important}
	.root_daum_roughmap_landing {width: 100% !important;}
	.sec-02 h3 { width: 300px !important;}
	.sec-02 h3:before {display:none;}
    .sec-02 h3:after {display:none;}
	.sec-02 ul li p {font-size: 13px  !important;padding: 20px 0;line-height: 20px;}
	.table_wrap { width: 100%; overflow: hidden; }
    .table_wrap .table_box { overflow-x: scroll; }
    .table_wrap .table_box table { width: 100%; min-width: 480px; }


 
}    


/*히스토리*/
.sub_history_wrap .top_wrap
{
	position:relative;
	width:100%;
}
.sub_history_wrap .top_wrap .image_wrap
{
	position:relative;
	width:100%;
	height:520px;
}
.sub_history_wrap .top_wrap .text_wrap
{
	position:absolute;
	bottom:50px;
	right:0px;
	background:#c0935a;
	padding:65px 131px 65px 70px;
}
.sub_history_wrap .top_wrap .text_wrap h3
{
	font-size:50px;
	font-weight:600;
	color:#fff;
	letter-spacing:-2.5px;
	line-height:1.2;
}
.sub_history_wrap .top_wrap .text_wrap h3 span
{
	display:block;
	font:30px 'Noto Serif KR', serif;
	font-weight:300;
	letter-spacing:1.8px;
	margin-bottom:10px;
}

.sub_history_wrap .bottom_wrap
{
	position:relative;
	width:100%;
	margin-top:160px;
	padding:0 100px;
}
.sub_history_wrap .bottom_wrap:before
{
	content:'';
	position:absolute;
	top:26px;
	left:555px;
	width:1px;
	height:calc(100% + 65px);
	background:#E3E3E3;
}
.sub_history_wrap .bottom_wrap > li
{
	position:relative;
	display:flex;
	align-items:flex-start;
}
.sub_history_wrap .bottom_wrap > li + li
{
	margin-top:58px;
}
.sub_history_wrap .bottom_wrap > li > .left
{
	font-size:60px;
	font-weight:600;
	color:#39352B;
	letter-spacing:0;
	flex-basis:340px;
	flex-shrink:0;
}
.sub_history_wrap .bottom_wrap > li > .right
{
	flex-grow:1;
	margin-top:20px;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li
{
	display:flex;
	align-items:flex-start;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li + li
{
	margin-top:17px;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .left
{
	position:relative;
	font-size:22px;
	font-weight:500;
	letter-spacing:0;
	flex-basis:80px;
	flex-shrink:0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-right:69px
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .left:after
{
	content:'';
	position:absolute;
	top:6px;
	right:-40px;
	width:9px;
	height:9px;
	background:#DA8F02;
	border-radius:100%;
}
.sub_history_wrap .bottom_wrap > li > .right > ul > li > .right
{
	font-size:18px;
	color:#888888;
	letter-spacing:-0.9px;
	flex-grow:1;
	line-height:1.4;
}

.history{width:100%; background:url('/img/icon_history2.gif') repeat-y 24% top; overflow:hidden; padding:40px 0;}
.history .left{float:left;text-align:right;}
.history .left dt{position:relative;padding:0 50px 0px 0px; font-weight:700;font-size: 40px;line-height: 1.2;letter-spacing: -1px;}
.history .left .circle{position:absolute; top:10px; right:-26%; display:block; width:16px; height:16px; background:#c0935a;border-radius: 50%;}
.history .left dd{position:relative;padding:4px 100px 15px 0;}
.history .left dd p{position:absolute; right:50px; font-weight:700;}
.history span{display:block; margin-bottom:7px;}
.history .right{float:left;text-align:left;padding-left: 70px;}
.history .right dt{position:relative;padding:0 0px 0px 50px; font-weight:700;}
.history .right .circle{position:absolute; top:10px; left:-8px; display:block; width:16px; height:16px; background:url('../img/design/icon_history.gif') no-repeat left top;}
.history .right dd{position:relative;padding:4px 0 15px 100px;}
.history .right dd p{position:absolute; left:50px; font-weight:700;}

.col1{width:100%;}
.col2{width:50%; float:left;}
.col3{width:31.9%; float:left; margin:0 2.1% 50px 0;}
.col3:nth-child(3){margin-right:0}
.col3:nth-child(6){margin-right:0}
.col3:nth-child(9){margin-right:0}
.col3:nth-child(12){margin-right:0}
.col3_1{width:31.9%; float:left; margin:0 2.1% 50px 0;}
.col3_1:nth-child(3){margin-right:0}
.col3_1:nth-child(6){margin-right:0}
.col3_1:nth-child(9){margin-right:0}


.col4{width:25%;}
.col5{width:20%;}

.business_area{overflow:hidden;}
.business_area .line{border-bottom:1px solid #333; width:100%;}
.business_area .btn{display:inline-block; border:1px solid #333; padding:10px 40px; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;font-size:13px; transition:all 0.3s ease-in; cursor:pointer;}
.business_area .btn:hover{background:#333; color:#fff;}
.business{position:relative;overflow:hidden;}
.business .txt{width:46%; float:left; margin-top:10px;}
.business .img2{width:46%; float:left;}
.business .img{width:46%; float:right; text-align:right;}
.business .txt2{width:46%; float:right; margin-top:10px;}
.business .btn{font-family:dotum,'µ¸¿ò';font-size:13px; letter-spacing:-1px; color:#333; background:transparent;border-radius:2px; border:1px solid #333; display:inline-block; padding:10px 30px; cursor:pointer; transition:all 0.3s ease-in;}
.business .btn:hover{background:#333;; color:#fff;}
.business .img img, .business .img2 img{width:100%;} 


.sec-02{width:calc(100% - 0px); margin:0 auto; background:#243e35; padding:100px 0; color:#fff; text-align:center;}
.sec-02 h3{font-size:32px; color:#4a9a81;position: relative; width:430px;margin: 0 auto;}
.sec-02 h3:before {content: '';width: 32px;height: 32px;background: url('/img/history-bg01_icon.png') no-repeat top center;position: absolute;right: 5%;bottom:7%; border-radius: 50%;z-index: 2;transition: all ease .5s;}
.sec-02 h3:after {content: '';width: 32px;height: 32px;background: url('/img/history-bg01_icon.png') no-repeat top center;position: absolute;left: 5%;bottom:7%; border-radius: 50%;z-index: 2;transition: all ease .5s;}
.sec-02 ul{display:flex;justify-content: space-between;padding:70px 10px 0px 10px;max-width: 830px;margin:0 auto;flex-wrap: wrap;}
.sec-02 ul li{width:48%; }
.sec-02 ul li:last-child{border-right:0;}
.sec-02 ul li p{font-size:20px;padding: 20px 0;}