@charset "utf-8";
#ctt {min-height: 400px;}
#ctt_con {font-weight: 300;font-size: 1.10em;line-height: 2.0em;color: #484848;padding: 20px 0 100px;}
#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:250px;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:#166bad;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:#8b954c}

#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: #8b954e;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.3em;}
#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 0px 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;}

.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-family:'nanumB'; 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;}


#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:18.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:81.5%; 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.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.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:150px}
.svbg {background: url(/img/mobile/subtopbg1.jpg)center top no-repeat}
.svbg10 {background: url(/img/mobile/subtopbg1.jpg)center top no-repeat}
.svbg30 {background: url(/img/mobile/subtopbg2.jpg)center top no-repeat}
.svbg40 {background: url(/img/mobile/subtopbg3.jpg)center top no-repeat}
.svbg50 {background: url(/img/mobile/subtopbg4.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;}


.flex {display:flex; flex-wrap:wrap; align-content:space-between;}
.flex li {width:40%;padding:15px;}


@media screen and (max-width:1300px) {
	/*#ctt {padding:0 20px;}*/
}

@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;}
#locationArea .locaA > ul > li > a {overflow: hidden;width: 145px;padding: 0 14px;height: 50px;}
#locationArea .locaA .menu_list li    {height: 41px;overflow: hidden;}
#locationArea .locaA .menu_list li:hover a {height: 41px;overflow: hidden;}

}




@media screen and (max-width:480px) {
	.sub_tabmenu #sub_tablist {;}
	.sub_tabmenu #sub_tablist li {}
	.sub_tabmenu #sub_tablist li.on {display:block;}
	.sub_tabmenu #sub_tablist li.on a {}
	.sub_tabmenu #sub_tablist li.on:before {width:100%;left:50%;right:auto;bottom:auto;;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}
}