@charset "UTF-8";

#sub_wrap .sub_visu{ /*background:url('/design/default/img/sub/sub_visu.jpg')*/ background-position: 50% 30%; background-repeat:no-repeat; text-align:center; padding-top:155px; padding-bottom:36px; background-size:cover; margin-bottom:42px; }
#sub_wrap .sub_visu .dep1{ font-size:38px; color:#fff; font-family:'NotoKrL';text-shadow: 0 0 20px rgba(0,0,0,.3); }
#sub_wrap .top .title{ text-align:center; font-size:40px; font-family:'NotoKrL'; margin-bottom:28px; }
#sub_wrap .top .navi{ position:absolute; right:0; top:4px; font-size:14px; color:#999;}
#sub_wrap .top .navi img{ vertical-align:baseline; }
#sub_wrap .contents{  min-height:425px;}
#sub_wrap .tit.t-blue{ font-size:24px;  padding-bottom:18px; position:relative; margin-bottom:20px; font-family:'NotoKrM';}
#sub_wrap .tit.t-blue:after{ content:''; height:1px; width:40px; background:#184a7e; position:absolute; bottom:0; left:50%; margin-left:-20px;  }
.sub{  padding-bottom:8%; min-height:350px; }
.blue_box{ border:1px solid #8fa1b5; padding:4%; box-sizing:border-box; }
.t-cent{ text-align:center; }
.t-blue{ color:#184a7e; }
.dl01 dt{ float:left; width:15%;  box-sizing:border-box;}
.dl01 dd{ float:right; width:85%; box-sizing:border-box; }
.btns{ margin-top:2%; }
.btn { display: inline-block; padding: 8px 18px; border: 1px solid #bbb; color:#999; cursor:pointer; background:#fff; vertical-align:middle;font-family: 'NotoKrM', sans-serif;font-size:16px;}
.btn.main { border-color:#184a7e; color:#184a7e; }
.btn.search{ height:30px; vertical-align: bottom; padding:0 2%;border-color:#184a7e; background:#184a7e; color:#fff; }
.btn.blue{background:#365d84;}
.btn.blue:hover{ box-shadow:0 0 100px rgba(0,0,0,.2) inset; }
.f-right{ float:right; }
.f-left{ float:left; }
.t-left{ text-align:left; }
.li01:before{ content:''; width:5px; height:5px; display:inline-block; margin-right:8px; vertical-align:middle; background:#ddd; border-radius:10px;}
.grid02 > li{ float:left; width:49%; margin-right:2%; }
.grid02 > li:nth-child(2n){ margin-right:0;}

/*
	게시판공통
*/
.total{ text-align:right; margin-bottom:4px; font-size:15px; color:#888; }
.tbl01.board tr th{ background:#f9f9f9; }
.tbl01.board tr td{  padding:10px 15px; }
.tbl01{ border-top:1px solid #c8cfd6; }
.tbl01 tr th{ vertical-align:middle; padding:10px 0; border-bottom:1px solid #dbdbdb; font-size: 17px; font-family:'NotoKrL'; color:#184a7e;    word-break: keep-all; }
.tbl01 tr td{ padding:8px 15px; border-bottom:1px solid #ebebeb;  font-family:'NotoKrL';}
.tbl01 tr td.con #bd_content{min-height:320px; max-width:1140px;}
.tbl01 tr td.con #bd_content a{ display:inline-block; }
.tbl01 tr td.con #bd_content img{ height:auto !important; }
/*.tbl01 tr td span{ display:inline-block; margin:0 5px; }*/

.pagination{ text-align:center; margin:2% 0; margin-bottom:4%;}
.pagination ul > li{ display:inline-block; margin-right:8px;}
.pagination ul > li:last-child{ margin-right:0;}
.pagination ul > li a{ padding:2px 10px; background:#ccc; border-radius:100%; color:#fff;}
.pagination ul > li.active a{ background:#184a7e; }
.serch_txt > div{ display:inline-block; width:50%; }
.serch_txt > div input{ width:calc(100% - 65px); }

/* 달력 */
#ui-datepicker-div {width: 210px !important; }
.ui-datepicker table {font-size: .7em !important;}
.ui-datepicker .ui-datepicker-title {margin: 0 1em !important; font-size: 0.9em !important;}
.ui-datepicker .ui-datepicker-title select {font-size: 0.7em !important; margin: 0px 3px !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 34% !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 6px !important;  width: 1.5em !important; height: 1.5em !important;}
.ui-datepicker th { padding: .4em .3em !important;}
.ui-datepicker td span, .ui-datepicker td a {text-align: center !important;}
.ui-datepicker .ui-datepicker-buttonpane {margin: .4em 0 0 0 !important;}
.ui-datepicker .ui-datepicker-buttonpane button { font-size: 0.7em !important;}

/*view*/
.pn_list{ border-bottom:1px solid #ebebeb; }
.pn_list > dt{ padding:10px; text-align:center; color:#184a7e;}
.pn_list > dd{ padding:10px 15px;}
.pn_list > dd a{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*
	sub11 TECHNOLOGY 연구개발
*/
.videos > li{ width:100%; float:left;}
/*.videos > li:nth-child(2){ margin-left:2%; display:none }*/
.videos > li iframe{ width:100%; min-height:420px;  }
#sub_wrap .s-tit{ color:#184a7e;  font-family:'NotoKrB'; font-size:18px; margin-top:2%; margin-bottom:12px; }
#sub_wrap .s-tit:before { content: ''; height: 20px; width: 4px; display:inline-block; margin-right: 12px; vertical-align: middle; background: #184a7e; }
#sub_wrap .sub11 .tit.t-blue{ margin-top:2%;  margin-bottom:3%;}
#sub_wrap .sub11 .tit.t-blue:after{ left:0; margin-left:0; }
#sub_wrap .sub11 .wrapper > p > span{ display:block; }
#sub_wrap .sub11 .imgs{ margin-top:4%; margin-bottom:3%;}
#sub_wrap .sub11 .grid02 {background:#f2f2f2; padding: 3%; border: 1px solid #e7e7e7; }
#sub_wrap .sub11 .grid02 > li{ text-align:center; }
#sub_wrap .sub11 .grid02 > li h4 { text-align:left; color: #383838; margin-bottom: 4%; font-size: 19px; font-family:'NotoKrL'; padding-top: 3%; }
#sub_wrap .sub11 .grid02 > li h4:before{ content:''; height:20px; width:4px; display:inline-block; margin-right:12px; vertical-align:middle; background:#184a7e; }
#sub_wrap .sub11 .grid02 > li:nth-child(2) p{ float:left; width:49%; }
#sub_wrap .sub11 .grid02 > li:nth-child(2) p:nth-of-type(1){ margin-right:2%; }
#sub_wrap .sub11 .grid02 > li:nth-child(2) p img{ width:100%; }
#sub_wrap .sub11 .grid02 > li:nth-child(n+3){ margin-top:2%; }
#sub_wrap .sub11 .wrapper > div.box_img{ margin-bottom:4%; }
#sub_wrap .sub11 .wrapper > div.box_img > div{ float:left; }
#sub_wrap .sub11 .wrapper > div.box_img > div:nth-child(1){ width:70%; margin-right:4%; }
#sub_wrap .sub11 .wrapper > div.box_img > div:nth-child(2){ width:26%; }
#sub_wrap .sub1111 .grid02 img{ width:70%; }
#sub_wrap .sub11.sub1114 .grid02{ margin-top:3%; }
#sub_wrap .sub11.sub1113 .grid02 > li{ float:left; width:49%; max-height:280px; overflow:hidden; margin-bottom:2%;  }
#sub_wrap .sub11.sub1113 .grid02 > li img{ width:100%;  }
#sub_wrap .sub11.sub1113 .grid02 > li h4{ margin-bottom:1.5%; padding-top:0; }
#sub_wrap .sub11.sub1113 .grid02 > li:last-child{width: 100%; }


#sub_wrap .sub11.smartfactory .prod{ margin:2% 0; text-align:center; border:1px solid #ebebeb; padding:2%;}
#sub_wrap .sub11.smartfactory .prod > ul > li{ vertical-align:top; width:33%; display:inline-block; text-align:center; box-sizing:border-box; padding:3% 4%;}
#sub_wrap .sub11.smartfactory .prod > ul > li > div > p{ width:35px;  height:35px; margin:0 auto; background:#f7b03e; color:#fff; font-size:20px; border-radius:100%;}
#sub_wrap .sub11.smartfactory .prod > ul > li > div > span{ font-size:30px;  }
#sub_wrap .sub11.smartfactory .prod > ul > li > h4{ margin-top:2%; }
#sub_wrap .sub11.smartfactory .arrow:nth-child(3):after{ display:none; }
#sub_wrap .sub11.smartfactory .arrow:last-child:after{ display:none; }
#sub_wrap .sub11.smartfactory .prod > ul > li > p{ display:none; position:absolute; top:50%; margin-top:-50px; font-size:14px; } 
#sub_wrap .sub11.smartfactory .prod > ul > li > p.p_left{ left:-8%; }
#sub_wrap .sub11.smartfactory .prod > ul > li > p.p_right{ right:-8%; }

.arrow{ position:relative;  }
.arrow:after{ content:''; height:40px; width:40px; display:inline-block; background:url('/design/default/img/sub/i_arrow_r.png'); position:absolute; right:-1%; top:50%; margin-top:-20px;}
/*
	sub12 service	서비스
*/
.sub12.sub {  padding-top:5%; padding-bottom: 282px; background: url(/design/default/img/sub/sub1310_bg.png)no-repeat center bottom;}
.sub12 .dl01 { width:92%; margin:0 auto; margin-top:3%; padding:2% 0; padding-left:236px; box-sizing:border-box; background-position: left center;}
.sub12 .dl01:nth-child(1){ background:url('/design/default/img/sub/service_icon01.png')no-repeat;  }
.sub12 .dl01:nth-child(2){ background:url('/design/default/img/sub/service_icon02.png')no-repeat;  }
.sub12 .dl01:nth-child(3){ background:url('/design/default/img/sub/service_icon03.png')no-repeat; }
.sub12 .dl01:nth-child(4){ background:url('/design/default/img/sub/service_icon04.png')no-repeat;  }
.sub12 .dl01:nth-child(5){ background:url('/design/default/img/sub/service_icon05.png')no-repeat; }
.sub12 .dl01:nth-child(1).on{ background:url('/design/default/img/sub/service_icon01_ov.png')no-repeat;   }
.sub12 .dl01:nth-child(2).on{ background:url('/design/default/img/sub/service_icon02_ov.png')no-repeat;  }
.sub12 .dl01:nth-child(3).on{ background:url('/design/default/img/sub/service_icon03_ov.png')no-repeat;  }
.sub12 .dl01:nth-child(4).on{ background:url('/design/default/img/sub/service_icon04_ov.png')no-repeat;  }
.sub12 .dl01:nth-child(5).on{ background:url('/design/default/img/sub/service_icon05_ov.png')no-repeat;  }
.sub12 .dl01 div h4{ font-size: 28px; margin-bottom: 8px; transition:all .3s; }
.sub12 .dl01 div p{ min-height:132px; padding-bottom: 2%; }  
.sub12 .dl01.on div h4, .sub12 .dl01:hover div h4{ color:#194c7e; }


/*
	sub1310 인사말
*/
#sub_wrap .sub1310.sub{ padding-bottom:150px;  background:url('/design/default/img/sub/sub1010_bg.jpg')no-repeat center 10%;}
#sub_wrap .sub1310 strong{ font-size:18px; font-family:'NotoKrM'; }


/*
	sub1311 연혁
*/
#sub_wrap .sub.sub1311{ padding-bottom:0; }
/*#sub_wrap .sub1311 .wrapper{ padding-bottom: 3%; background:url('/design/default/img/sub/sub1311_bg.png')no-repeat bottom right; }*/
#sub_wrap .sub1311 .dlWrap{ max-width:840px; margin:0 auto;}
#sub_wrap .sub1311 dl.dl01{ margin-bottom:5%; }
#sub_wrap .sub1311 dl.dl01 dt{ min-width:145px; font-size:36px; color:#184a7e; font-family:'NotoKrB'; position:relative;  }
#sub_wrap .sub1311 dl.dl01 dt:before{ position:absolute; top:0; left:0;content:''; width:28px; height:1px; display:inline-block; margin-right:8px; vertical-align:middle; background:#184a7e; border-radius:10px;}
#sub_wrap .sub1311 dl.dl01 dd{ width:calc(100% - 145px); }
#sub_wrap .sub1311 dl.dl01 dd ul li{ margin-bottom:3px;  }
#sub_wrap .sub1311 dl.dl01 dd ul li:last-child{ margin-bottom:4px;  }
#sub_wrap .sub1311 .dot_hide {padding-left: 17px;}
#sub_wrap .sub1311 .dot_hide:before {display: none;}
#sub_wrap .sub1311 li p {display: inline-block;vertical-align: top;}
#sub_wrap .sub1311 li .year {width: 50px;font-weight: 700;color:#565656}
#sub_wrap .sub1311 li .txt {width: calc(100% - 90px)}
#sub_wrap .sub1311 li .bar_vert {display: inline-block;width: 2px;height: 15px;margin-right: 10px;background-color: #cfcfcf;vertical-align: middle}
/*
	sub1312 인증서
*/
.fixed_bg{ display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); width:100%; height:100%;  z-index: 999;}
.img_popup{  box-shadow:0 0 35px rgba(0,0,0,.2); box-sizing:border-box; padding:25px;display:none;  text-align:center;z-index:1000; position:fixed; top:50%; left:50%; width:100%; max-width:500px; height:600px; margin-top:-300px; margin-left:-250px; background:#fff; }
.img_popup img{ width:auto; height:100%;  }
.img_popup .btn_close{ position:absolute; top:-50px; right:-50px; }
#sub_wrap .sub1312 .list > li{ text-align:center; width:17.6%; float:left;  box-sizing:border-box; margin-right:3%; border:1px solid #eaeaea; height:280px; margin-bottom:3%; overflow:hidden; cursor:pointer; transition:all .5s;}
#sub_wrap .sub1312 .list > li:hover{ border-color:#184a7e; }
#sub_wrap .sub1312 .list > li img{ width:auto; height:100%; }
#sub_wrap .sub1312 .list > li:nth-child(5n){  margin-right:0; }

/*
	sub1314 찾아오는 길
*/
#sub_wrap .sub1314 .map{ width:100%;margin-bottom:2%; }
#sub_wrap .sub1314 .map iframe{ width:100%;  height:420px;}
#sub_wrap .sub1314 .dl01{ margin-bottom:8px; }
#sub_wrap .sub1314 .dl01 dt{  position:relative; color:#184a7e; font-size:17px; font-family:'NotoKrB';}
#sub_wrap .sub1314 .dl01 dt i{ margin-right:10px; }
/*#sub_wrap .sub1314 .dl01 dt:before{ position:absolute; top:0; left:0;content:''; width:28px; height:1px; display:inline-block; margin-right:8px; vertical-align:middle; background:#184a7e; border-radius:10px;}*/
/*
	sub1410 본사/기술연구소
*/
.sub1410 .blue_box{ text-align:center; }
.sub1410 .blue_box > p{ font-size:42px; display:inline-block; width:100px;padding:14px 0; border-radius:100%; background:#f9f9f9; margin-right:5%;}
.sub1410 .blue_box > div{ display:inline-block; vertical-align:middle; width:100%; max-width:400px; }
.sub1410 .blue_box .dl01{text-align:left; width:100%;margin:5px auto;}
.sub1410 .blue_box .dl01 dt{ color:#184a7e; width:20%; }
.sub1410 .blue_box .dl01 dd{ width:80%; }
/*
	sub1411 해외 에이전트
*/
.sub1411 .img{ margin-top:6%; opacity:.9; margin-bottom:4%; }
.sub1411 .agentSlider{ position:relative; width:100%; margin:0 auto; }
.sub1411 ul{ margin:2% 0; }
.sub1411 ul li{ float:left; margin-right:15px; border:4px solid #ddd; }
.sub1411 ul li a{height:180px; width:240px; background:#fff; text-align:center;}
.sub1411 ul li img{ height:100%; width:auto; }
.sub1411 ul li:last-child{ margin-right:0; }
.sub1411 .agentlist{ position:relative; }
.sub1411 li{ width:240px; height:180px; }
.sub1411 li .bx-caption{ position:absolute; bottom:-100px; left:0; width:100%;background:rgba(29,66,100,.85); color:#fff; font-size:17px; font-weight:bold; text-align:center; padding:15px 0; }
/*.sub1411  .bx-controls{ position: absolute; left: 0; top: 50%; width:36px; height:36px;}*/
.sub1411 .bx-controls a{ position: absolute; top: 50%; width:36px; height:36px; text-indent:-999px; overflow:hidden; margin-top:-18px; opacity:.8;}
.sub1411 .bx-controls a.bx-prev{ left:0; background:url('/design/default/img/icon/i_arrow_l_gray.png') no-repeat center center; }
.sub1411 .bx-controls a.bx-next{ right:0; background:url('/design/default/img/icon/i_arrow_r_gray.png') no-repeat center center; }
/*
	sub1414 태국 서비스센터
*/
.sub1414 .blue_box {padding:5%;text-align: center;}
.sub1414 .blue_box > div {display: inline-block;margin-right:-4px;vertical-align: top;}
.sub1414 .box_img {width: 30%;}
.sub1414 .box_desc {width: 100%;text-align: left;}
#sub_wrap .sub1414 .box_desc .tit:after {left: 0;margin-left: 0;}
.sub1414 .box_desc dl {margin-top: 3%;}
.sub1414 .map iframe {width: 100%;height: 350px;margin-top: 3%;}


/* 제품소개 */
#sub_wrap .prod .t-blue.tit{ margin-top:1.8%; margin-bottom:0;    padding-bottom: 1%;}
#sub_wrap  .prod .t-blue.tit:after { content: ''; height: 3px; width: 68px; background: #184a7e; position: absolute; bottom: 0; left: 0; margin-left:0; }
/* #Loading {background: #ddd;} */
#Loading {width: 1200px; margin: 0 auto;}

/* search */
#Loading form{width: 1200px; padding: 20px 0; margin: 0 auto;}
#Loading .category_box{display: inline-block; vertical-align: top;}
#Loading .category_box select{width: 160px; height: 40px; font-size: 1em; padding: 0 2px;}
#Loading .search_box{display: inline-block; width: 500px; vertical-align: top;  height: 40px; font-size: 1em; padding: 0 2px; margin: 0 5px;}
#Loading .search_box .search .form-control{width: 220px; height: 40px; font-size: 1em; display: inline-block; vertical-align: top; font-family:'NotoKrB';}
#Loading .search_box .search .btnSearch{ max-height:40px; line-height:1.4; display: inline-block; padding: 8px 20px; font-size:1.05em; font-family:'NotoKrB'; outline:none; background: #383838; color: #fff; border: none; }

/* list */
#Loading .prodWrap{ margin-bottom:8%; }
#Loading .newprod_list { /*width: 18.6666%;*/ margin: 2% 0; border: 1px solid #ccc;   display: block; text-align: center; background: #fff; box-sizing: border-box; margin-right: 1.3%; float: left; }
/*#Loading .newprod_list:nth-child(5n){ margin-right:0; }*/
/*#Loading .newprod_list:nth-child(n+6){ margin-top:0; }*/
#Loading .newprod_list:hover{ border-color:#7296bb; }
#Loading .newprod_list a{ padding:15px; }
#Loading .newprod_list .prod_img{ display:inline-block; text-align:center; overflow: hidden; margin-bottom: 20px; }
#Loading .newprod_list .prod_img img{width: auto; height:auto;max-width: none;}
#Loading .newprod_list:hover .prod_img img{opacity: .85;}
#Loading .newprod_list .prod_txt{ font-size: 1.1em; font-family:'NotoKrB'; color:#383838;}
#Loading .newprod_list .prod_txt dt{ max-width:192px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
#Loading .newprod_list .prod_more{font-size: 1em; text-decoration: underline; color:#828282;}

/* 제품소개 paging */
#Loading .page{}
#Loading .pagination{ text-align:center; margin:2% 0; margin-bottom:4%;}
#Loading .pagination > li{ display:inline-block; margin-right:8px;}
#Loading .pagination > li:last-child{ margin-right:0;}
#Loading .pagination > li a{padding:2px 10px; background:#ccc; border-radius:100%; color:#fff;}
#Loading .pagination > li.active a{ background:#184a7e; }
#Loading .paging.cd_page .pagination > li a span{ color:#000; }



/* view */
#Loading .product_info{ /*width: 100%;*/ width: 1200px; margin: 0 auto;}
#Loading .view_img{ box-sizing:border-box; padding:1%; display: block; float: left; /*width: 620px;*/ width: 476px; position: relative; border: 1px solid #ddd;}
#Loading .view_img .mainImg{background: #fff; width: 450px; height: 450px; text-align: center; position:relative; /*float: left;*/}
/* #Loading .view_img .mainImg >img{width: auto; height: 100%; display: inline-block;} */
#Loading .view_img .mainImg >img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
#Loading .view_img .moreImg { float: right; margin: 0 2%; margin-bottom: 2.3%; }
#Loading .view_img .moreImg:last-child{ margin-bottom:0; }
#Loading .product_info a{ display:inline-block }

#Loading .info-right{width: calc(100% - 476px - 5rem);  display: block; float: left; padding-left: 5rem;}
#Loading .info-right h3.cg_name{font-size: 2.6em; color: #343434; line-height: 120%;}
#Loading .info-right h4.cg_short_info{font-size: 1.2em; color: #383838; line-height: 120%; margin-top: 1rem;}

/* #Loading dl.dl02{background: #aaa;} */
#Loading dl.dl02 >dt{padding-left: 24px; position: relative; color: #184a7e; font-family:'NotoKrB'; line-height: 220%;}
#Loading dl.dl02 >dt:before{content:''; width: 12px; height: 12px; background: #184a7e; display:block; position: absolute; top: 50%; left: 12px; margin: -6px; }

/* #Loading dl.dl03{background: #ccc;} */
#Loading dl.dl03 >dt{padding-left: 24px; position: relative; color: #184a7e; font-family:'NotoKrB'; padding: 20px 0 10px; font-size: 1.4em;}
#Loading dl.dl03 >dt:before{content:''; width: 50px; height: 2px; background:#184a7e; display:block; position: absolute; top: 0px; left: 0;}

/* #Loading dl.dl04{background: #bbb;} */
#Loading dl.dl04{margin: 20px 0; padding: 20px 10px;} 
#Loading dl.dl04 >dt{padding-left: 26px; position: relative; font-family:'NotoKrB';}
#Loading dl.dl04 >dt:before{content:''; width: 18px; height: 18px; background:url('/design/default/img/icon/i_013.png');  display:block; position: absolute; top: 50%; left: 3px; margin-top: -9px; }
#Loading dl.dl04 >dd{padding: 10px;}

/* #Loading .info-wrap{background: #eee;} */
#Loading .info-wrap{ width:1000px; margin:0 auto; clear: both;  margin-top: 20px;}
#Loading .info-wrap .dl03.cg_info4 > dd:nth-of-type(1){ width:100%; max-width:1150px; margin:0 auto; }
#Loading .info-wrap dl.cg_info4 .dl04{background: #fff; border: 1px solid #aaa;} 
#Loading .info-wrap dl.cg_info6 table{background: #ddd; margin: 10px 0; } 
#Loading .info-wrap dl.cg_info6 table tr{border-top: 1px solid #fff;}
#Loading .info-wrap dl.cg_info6 table tr:last-child{border-bottom: 1px solid #fff;}
#Loading .info-wrap dl.cg_info6 table td{border-left: 1px solid #fff; padding: 5px 10px;}
#Loading .info-wrap dl.cg_info6 table td:last-child{border-right: 1px solid #fff;}
#Loading .info-wrap dl.cg_info6 table td:first-child{background: #184a7e; color: #fff;}

#Loading .info-wrap .cg_youtube1 {width:96%; margin:0 auto;}
#Loading .info-wrap .cg_youtube1 iframe{ display:block; float:left; margin: 10px 0; margin-right:2%; width: 23.5%;  }
#Loading .info-wrap .cg_youtube1 iframe:nth-child(4n){ margin-right:0; }
#Loading .info-wrap .cd_downBtn{text-align:center; padding: 50px 0;}
#Loading .info-wrap .cd_downBtn>a{display: inline-block; border: 2px solid #184a7e; background: #fff; padding: 20px 40px; font-family:'NotoKrB'; font-size: 1.2em; color: #184a7e;}
#Loading .info-wrap .cd_downBtn>a:hover{background: #184a7e; color: #fff; }

#Loading .list_view{width: 100%;  border-top: 2px solid #ddd; padding: 20px 0; margin-top: 40px;}
#Loading .list_view>a{display: inline-block; text-align: center;  background: #184a7e; color: #fff;  padding: 15px 40px;  font-size: 1.2em;}

#Loading .view_img>.moreImg>a { overflow: hidden; width: 100px; height: 100px; display: block; border: 1px solid #aaa; background: #fff; text-align: center;  }
#Loading .view_img>.moreImg>a>img{height: auto; width:100%;}

#Loading .info-wrap .moreImg a{width: 100%; margin: 20px 0;  display: block; text-align: center;}
#Loading .info-wrap .moreImg a>img{display: inline-block; }


.table-basic {width: 100%; margin-top: 4%;}
.table-basic th {text-align: center; vertical-align: middle; padding: 10px; color: #fff;border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
.table-basic th.sky {background-color: #00b0f0;}
.table-basic th.blue {background-color: #0039ac;}
.table-basic td {text-align: center; vertical-align: middle; padding: 10px; background-color: #e3e8f8; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/* 인사말 */
.greeting .flex-box {display: flex; gap: 6%; align-items: flex-start; margin-top: 4rem;}
.greeting .flex-box .img-box {width: 48%; height: 500px;}
.greeting .flex-box .img-box img {height: 500px;}
.greeting .flex-box .text-box {width: 48%; word-break: keep-all; }
@media (max-width:760px) {
    .greeting .flex-box {flex-direction: column; margin-top: 2rem;}
    .greeting .flex-box .text-box {width: 100%; margin-top: 2rem;}
    .greeting .flex-box .img-box {width: 100%;}
}