@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.contents * {line-height:140%}

ol.basic { margin-top:20px;}
ol.basic > li {list-style-type:decimal; margin-left:17px;  border-bottom: 1px dashed #ddd;  padding:7px 0 7px 10px;}
ol.basic > li > ul { margin-top:5px; color:#000;}
ol.basic > li > ul li {  padding:0 0 0 10px;}
.finish { margin-top:70px; margin-bottom:120px;}


ul.basic {margin-top: 15px;font-family: 'Noto Sans KR', sans-serif;}
ul.basic li{padding-left: 10px; position: relative;  line-height: 150%; word-break: keep-all;}
ul.basic li:last-child {margin-bottom: 0;}
ul.basic li:before {width: 4px; height: 1px; position: absolute; background-color: #333; content: ""; top: 12px; left: 0;}
ul.basic _t li:before {   width: 4px; height: 1px; position: absolute; background-color: #333; content: ""; top: 17px; left: 0;}

h3, .h3 {word-break: keep-all; color: #3189b7; font-size: 30px; font-weight: 600; position: relative; margin-bottom: 15px; text-align: center;}
/*h3::before, .h3::before { content:''; display: inline-block; width:22px; height:22px;  background:url("/resources/img/sub/h3_ico.png") center no-repeat; vertical-align: middle; position: absolute; left:0; top:8px;}*/
h4, .h4 { word-break: keep-all; margin-top:25px;  font-size:20px; font-weight: 500;line-height: 140%;}
.c0 { margin-top: 0;}
.h3box { position: relative; margin-top:55px;}
.h3box h3, .h3box h4 { display: inline-block; margin-top: 0;}
.h3box::after {clear: both;  content: ''; display: block;}
p.basic { margin-top: 10px;}
p.basic.c0 {margin-top: 0;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer; padding: 0;}

table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;}

/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 40px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch { display:none; background:url("/resources/img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}

.flicking {min-width: 900px !important;}

.line_dot { border-bottom: 1px dotted #ddd; display: block; margin: 20px 0 10px;}

.c_box { word-break: keep-all; margin-top:20px; width:100%; height: 100%; padding:20px 30px; box-sizing: border-box; border:3px solid #ddd; position: relative;} 




/*라디오*/
input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/rd_off.png") left/18px no-repeat; margin-right: 10px;}
input[type=radio]:checked + label { background-image: url("/resources/img/sub/rd.png"); }
/*체크박스*/
input[type=checkbox] { /*display:none;*/ }
input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/chk_off.jpg") left/18px no-repeat;}
input[type=checkbox]:checked + label { background-image: url("/resources/img/sub/chk.jpg"); }


/* 서브페이지 기본 세팅 e */

#container.sub {overflow: hidden; position: relative;}


.sub_vis {width: 100%;height: 450px;margin-top: 125px;position: relative;background: url("/resources/img/sub/sub_vis01.jpg")no-repeat center/cover;}
.sub_vis02 {background: url("/resources/img/sub/sub_vis02.jpg")no-repeat center/cover;}
.sub_vis03 {background: url("/resources/img/sub/sub_vis03.jpg")no-repeat center/cover;}
.sub_vis04 {background: url("/resources/img/sub/sub_vis04.jpg")no-repeat center/cover;}
.sub_vis05 {background: url("/resources/img/sub/sub_vis05.jpg")no-repeat center/cover;}
.sub_vis06 {background: url("/resources/img/sub/sub_vis06.jpg")no-repeat center/cover;}
.sub_vis h2 {color: #fff;position: absolute;top: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center;width: 100%;}
.sub_vis h2 .en_tit {display: none;}
.sub_vis h2 .lil_ti {letter-spacing: 8px;display: block;margin-bottom: 18px;font-size: 16px;font-weight: 700;opacity: .7;}
.sub_vis h2 .lil_ti > span {letter-spacing: 0;}
.sub_vis h2 .tit {font-size: 40px; display: inline-block; font-weight: 600;position: relative; text-shadow: 3px 3px 2px rgba(0,0,0,.2);}
.sub_vis h2 .tit:before {width:calc(100% + 50px); content:""; position: absolute; height: 25px; background: #3189b7; bottom: -9px; left: 50%; transform: translateX(-50%); z-index: -1;}
/*.sub.eng .sub_vis h2 .en_tit, .sub.eng .sub_vis h2 .tit {letter-spacing: 3px; display:block;}*/


.eng .sub_vis {margin-top: 90px;}

.lnb {height: 60px;background: #fff;border: 1px solid #eee;border-top:0;border-left: 0;z-index:1;position: absolute;left:50%;transform: translateX(-50%);bottom: -30px;font-size: 17px;box-sizing: border-box;width: 100%;margin: 0 auto;max-width: 1400px;}
.lnb div {float: left;}
.lnb .home {width: 60px;height: 100%;background: #3189b7 url(/resources/img/common/home_ico.png)no-repeat center;}
.lnb .home a {display: block;width: 100%;height: 100%;text-indent: -9999px;}
.lnb .depth1_name {border-right: 1px solid #eee;min-width:200px;display: table;height: 100%;box-sizing: border-box;}
.lnb .depth1_name span {color: #555; font-size: 18px; display: table-cell;vertical-align: middle; padding:0 30px; text-align: center; width: 100%; height: 100%; box-sizing: border-box; font-weight: 500;}
.lnb .lnb_menu { display: inline-block;  box-sizing: border-box; max-width: 260px; width: 100%; position: relative; z-index: 1; vertical-align: middle;}
.lnb .lnb_menu .lnb_title {padding: 21px 0;padding-left:26px;display: block;font-size:17px;cursor: pointer;border-right: 1px solid #eee;}
.lnb .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
.lnb .lnb_menu li {  box-sizing: border-box; }
.lnb .lnb_menu li a {font-size: 15px;transition: .3s ease;box-sizing: border-box;display: block;padding: 20px 20px;width: 100%;border: 1px solid #eee;border-top: 0;background: #fafafa;}
.lnb .lnb_menu li a:hover, .lnb .lnb_menu li.on a {background-color: #3189b7;color: #fff;}
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}

.lnb .lnb_menu .more_btn {width: 18px; height: 10px; background: url("/resources/img/sub/lnb_ico.png")no-repeat left 0px bottom 0px; position: absolute; top: 50%; right: 10px; text-indent: -99999px; transform: translateY(-50%); cursor: pointer; transition: all .3s ease-in-out;}
.lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-180deg); top: 45%;}


/* 
.lnb .lnb_menu ul { border-top: none; border-bottom: none; background-color: #fff; box-sizing: border-box; position: absolute; width: 100%;}
.lnb .lnb_menu li {display: none; border: 1px solid #ddd; border-top: none; box-sizing: border-box; }
.lnb .lnb_menu li.on {display: block; position: absolute; top: -65px; width: 100%; border: 1px solid #ddd; border-left:0; border-top: 0; box-sizing: border-box; border-bottom:0;}
.lnb .lnb_menu li a {display: table; width: 100%; color: #555; padding: 10px 40px 10px 20px; box-sizing: border-box;font-weight: 500; transition: all .3s ease;}
.lnb .lnb_menu li.on a {height: 65px; padding: 0 40px 0 20px;}
.lnb .lnb_menu li a:hover {background-color: #eee;}
.lnb .lnb_menu li a span { }
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell;} */
/*eng*/
/*.eng .lnb .depth1_name {width: 220px;}*/

/*contents s*/
.contents {padding: 130px 0 140px; min-height:200px;}



table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: keep-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}


    /*ctt1 s*/
.grt03 .title {text-align: center;}
.grt03 .title .tit {font-size: 60px; font-weight: 200;}
.grt03 .title .desc {font-size: 16px;}
.grt03 .grt_img {float: left; display: inline-block; width: 45%; margin-right: 5%;}
.grt03 .grt_img .ceo {position: relative; height: 637px; text-indent: -99999px;}
.grt03 .grt_img .ceo::before {content: ""; position: absolute; width: 100%; height: 100%; background: url("/resources/img/sub/grt_ceo_2025.png?ver=250307") center/contain no-repeat; top: 0; right: 0;}
.grt03 .grt_img .ceo2 {height: 621px;}
.grt03 .grt_img .ceo2::before {background-image: url("/resources/img/sub/grt03_ceo2.png"); height: 621px;}
.grt03 .grt_img .ceo3 {height: 641px;}
.grt03 .grt_img .ceo3::before {background-image: url("/resources/img/sub/grt03_ceo3.png"); height: 641px;}  .grt03 .grt_sign {margin-top: 52px;}  
.grt03 .grt_sign .sign {margin-top: 10px; text-indent: -99999px; width: 97px; height: 37px; background: url("/resources/img/sub/grt_name.png") center/cover no-repeat;}
.grt03 .grt_box {float: right; display: inline-block; width: 50%;}
.grt03 .grt_box .quo {padding-top: 50px; position: relative; font-weight: 600; color: #bbb; font-size: 40px; line-height: 140%;}
.grt03 .grt_box .quo::before {content: ""; position: absolute; width: 39px; height: 31px; background: url("/resources/img/sub/grt_quo.png") center/cover no-repeat; top: 0; left: 0;}
.grt03 .grt_box .quo::after {content: ""; position: absolute; width: 39px; height: 31px; background: url("/resources/img/sub/grt_quo.png") center/cover no-repeat; bottom: -40px; right: 250px; transform: rotate(180deg); }
.grt03 .grt_box .txt_wrap {padding-top: 60px;}
.grt03 .grt_box .txt_wrap .blu {color: #3189b7;}
.grt03 .grt_box .txt_wrap > p {padding-top: 30px;}
.grt03 .grt_box .txt_wrap > p:first-child {padding-top: 0;}
.grt03 .grt_box .grt_sign {display: none; margin-top: 20px;}
    /*ctt1 e*/

    /*ctt2 s*/
.vision{word-break:keep-all;}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;}
.att_btn{width:20%;text-align:center;display:inline-block;color:#333;font-weight:600;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border:1px solid #d2d2d2;float:right;box-sizing:border-box;padding:.5em .2em;}
.upload-name{width:80%;display:inline-block;font-size:inherit;font-family:inherit;line-height:normal;vertical-align:middle;background-color:#f5f5f5;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;padding:.5em .75em;}

.list_pub .clear2 { padding: 20px; box-sizing: border-box; border: 1px solid #ddd; display: inline-block; width: 49%; margin-left: 2%; float: left; height: 368px; margin-bottom: 15px; }
.list_pub .clear2 .info_wrap .info ul.basic._t {font-size: 17px; }
.publ .list_pub { float: left;width: 49%;border: 1px solid #ddd;padding: 30px 3%;box-sizing: border-box;margin-top: 20px;height: 370px;}
.publ .list_pub:nth-child(2n) { float: right; }
.list_pub .cont_box .img img { width: 100%;}
.list_pub .img { float: left; width: 40%; max-width: 150px}
.list_pub .cont {width: 60%;  margin-left: 41%; }
.list_pub .tit { font-size: 20px; font-weight: 600; }
.list_pub .tit span { display: inline-block; margin-left: 5px; color: dodgerblue; font-size: 16px;}
.list_pub .txt { margin-top: 20px;} 
.list_pub ul.basic._t { margin-top: 15px;}

.list-pub-wrap { display: grid; grid-template-columns: 1fr 1fr; gap:20px 30px; }
.list-pub-wrap .list_pub { width: 100%; padding: 30px 6%; margin-top: 0; float: none !important; height: auto !important; }

    /*ctt2_eng s*/
.list_pub2 .clear2 { padding: 20px; box-sizing: border-box; border: 1px solid #ddd; display: inline-block; width: 49%; margin-left: 2%; float: left; height: 368px; margin-bottom: 15px; }
.list_pub2 .clear2 .info_wrap .info ul.basic._t {font-size: 17px;}
.publ .list_pub2 { float: left; width: 49%; border: 1px solid #ddd; padding: 30px 3%; box-sizing: border-box; margin-top: 20px; height: 660px; }
.publ .list_pub2:nth-child(2n) { float: right; }
.list_pub2 .cont_box .img img { width: 100%;}
.list_pub2 .img { float: left; width: 40%; max-width: 150px}
.list_pub2 .cont {width: 60%;  margin-left: 41%; }
.list_pub2 .tit { font-size: 20px; font-weight: 600; }
.list_pub2 .tit span { display: inline-block; margin-left: 5px; color: dodgerblue; font-size: 16px; }
.list_pub2 .txt { margin-top: 20px;} 
.list_pub2 ul.basic._t { margin-top: 15px;}
    /*ctt2 e*/

    /*ctt3 s*/
.history .list_pub { float: left; width: 49%; border: 1px solid #ddd; padding: 30px 3%; box-sizing: border-box; margin-top: 20px; height: 370px; }

.history .list_pub:nth-child(2n) { float: right; }

.history .list_pub .cont_box .img img { width: 100%;}
.history .list_pub .img { float: left; width: 40%; max-width: 150px}
.history .list_pub .cont {width: 60%;  margin-left: 41%; }
.history .list_pub .tit { font-size: 20px; font-weight: 600; }
.history .list_pub .tit span { display: inline-block; margin-left: 5px; color: dodgerblue; font-size: 16px;}
.history .list_pub .txt { margin-top: 20px;} 
.history .list_pub ul.basic._t { margin-top: 15px;}

.history .list_pub_td { float: left; width: 100%; border: 1px solid #ddd; padding: 30px 3%; box-sizing: border-box; margin-top: 20px; height: 260px; }

.history .list_pub_td .cont_box .img img { width: 100%;}
.history .list_pub_td .img { float: left; width: 40%; max-width: 150px; margin: auto;}
.history .list_pub_td .cont {width: 60%;  margin-left: 41%; margin: auto; }
.history .list_pub_td .tit { font-size: 20px; font-weight: 600; }
.history .list_pub_td .tit span { display: inline-block; margin-left: 5px; color: dodgerblue; font-size: 16px;}
.history .list_pub_td .txt { margin-top: 20px;} 
.history .list_pub_td ul.basic._t { margin-top: 15px;}
    /*ctt3 e*/

    /*ctt4 s*/
.publ .list_pub_t > li {padding: 20px;box-sizing: border-box;border: 1px solid #ddd;display: inline-block;width: 49%;margin-left: 2%;float: left;}
.publ .list_pub_t > li:first-child {margin-left: 0;}
.publ .list_pub_t .thumb {width: 18%;display: inline-block;float: left;}
.publ .list_pub_t .thumb button {width: 100%;padding: 0 0 141%;display: inline-block;overflow: hidden;border: 1px solid #ddd;height: 0;background: #fff;position: relative;}
.publ .list_pub_t .thumb button img {width: 100%;transition: all .2s ease;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.publ .list_pub_t .thumb button:hover img {opacity: .7;}
.publ .list_pub_t .info_wrap {width: 82%;display: inline-block;float: right;box-sizing: border-box;padding-left: 30px;}
.publ .list_pub_t .info_wrap .upper {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.publ .list_pub_t .info_wrap .title {width: 100%;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;transition: all .2s ease;display: inline-block;padding-top: 5px;font-weight: 600;font-size: 20px;}
.publ .list_pub_t .info_wrap .title a {transition: all .2s ease;}
.publ .list_pub_t .info_wrap .title:hover a {color: #e60012;}
.publ .list_pub_t .info_wrap .tab {width: 22%;display: inline-block; float: right;}
.publ .list_pub_t .info_wrap .tab a {width: 50%; display: inline-block;  float: left; text-align: center; box-sizing: border-box; padding: 5px; border: 1px solid #ddd; border-left: 0; transition: all .2s ease-in-out;}
.publ .list_pub_t .info_wrap .tab a:first-child {border-left: 1px solid #ddd;}
.publ .list_pub_t .info_wrap .tab a:hover, .publ .list_pub .info_wrap .tab a.on {background: #f2f2f2;}
.publ .list_pub_t .info_wrap .info li {    padding-top: 5px;}
.publ .list_pub_t .info_wrap .info li:first-child {    padding-top: 0;}
.publ .list_pub_t .info_wrap .info .ti {display: inline-block; font-weight: 600;  padding-right: 10px; margin-right: 8px; position: relative;min-width: 75px; box-sizing: border-box;}
.publ .list_pub_t .info_wrap .info .ti::before {position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #777;}
.publ .list_pub_t .info_wrap .info .tx {display: inline-block; width: calc(100% - 83px); float: right;}
.publ .list_pub_t .info_wrap .info .file {margin-top: 20px;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;box-sizing: border-box;width: 100%;border-radius: 0;background: #f2f2f2 url("/resources/img/common/att_file.png") no-repeat left 8px center; padding-left: 30px; border: #eee;}
.publ .list_pub_t .info_wrap .info .file:hover {background-color: #e0e0e0;}
.publ .list_pub_t .info_wrap .conts .desc {font-size: 15px;color: #777;max-height: 13em;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;word-break: keep-all;}
.publ .btn_dw {margin-left: 0;}

    /*ctt4 e*/
    /*ctt5 s*/
.location2 .map {display: flex; height: 450px;}
.location2 .map > iframe {width: 100%; height: 100%;}

.location2 .map_title {padding-bottom: 10px; margin-bottom: 19px; border-bottom: 1px solid #ddd;}
.location2 .map_title .ti {display: inline-block; font-size: 24px; font-weight: 400; color: #3189b7;}
.location2 .map_title .ico {display: inline-block; float: right; margin-top: 7px;}
.location2 .map_title .ico > button {color: #777; padding: 2px 10px 2px 22px; margin-right: 8px; float: left; position: relative; background: url("/resources/img/example/location2.png") no-repeat; transition: all .3s ease-in-out;}
.location2 .map_title .ico > button:hover {color: #3189b7;}
.location2 .map_title .ico > button.share {background-position: -2px 4px;}
.location2 .map_title .ico > button.share:hover {background-position: -2px -35px;}
.location2 .map_title .ico > button.print {background-position: -150px 5px;}
.location2 .map_title .ico > button.print:hover {background-position: -150px -35px;}
.location2 .map_title .ico > button::before {content: ""; position: absolute; width: 2px; height: 2px; background: #333; border-radius: 100%; right: 0; top: 50%; transform: translateY(-50%);}
.location2 .map_title .ico > button:last-child {padding-right: 0; margin-right: 0;}
.location2 .map_title .ico > button:last-child::before {display: none;}

.location2 .map_box {border: 1px solid #ddd; padding: 30px; box-sizing: border-box; position: relative;}
.location2 .map_box .map_name {font-weight: 600; font-size: 20px; margin-bottom: 40px;}
.location2 .map_box .tx_box {display: inline-block; float: left; margin-right: 43px;}
.location2 .map_box .tx_box.addr {display: block; width: 100%; margin-bottom: 15px;}
.location2 .map_box .tx_box .ti, .location2 .map_box .tx_box .tx {display: inline-block; float: left;}
.location2 .map_box .tx_box .ti { margin-right: 15px; font-weight: 600;}
.location2 .map_box .map_btn {position: absolute; top: 30px; right: 30px; border: 1px solid #ccc; color: #777; font-size: 14px; text-align: center; display: inline-block; background: rgba(247,247,247,0) no-repeat; transition: all .3s ease-in-out; box-sizing: border-box;}
.location2 .map_box .map_btn .go_map {position: relative; padding: 55px 20px 20px;display: block;box-sizing: border-box;}
.location2 .map_box .map_btn .go_map::before {content: ""; position: absolute; width: 31px; height: 31px; background: url("/resources/img/example/location2.png") 0 -94px no-repeat; top: 18px; left: 50%; transform: translateX(-50%); transition: all .3s ease-in-out;}
.location2 .map_box .map_btn:hover {background-color: rgba(247,247,247,1);}
.location2 .map_box .map_btn:hover .go_map::before {top: 14px;}
    /*ctt5 e*/

@media screen and (max-width:1400px){
    .publ .list_pub{ height: 405px;}
    .publ .list_pub2{ height: 730px;}
}
@media screen and (max-width:1200px){

    
    
/*ctt2 s*/ 
.publ .list_pub{ height: 490px;}
/*ctt2 e*/     
/*ctt2_eng s*/     
.publ .list_pub2{ height: 877px;}    
/*ctt2_eng e*/
    
        

    
}




@media screen and (max-width:1024px){
    
    
.publ .list_pub2{height: 1007px;}  
    
}

@media screen and (max-width:1024px){
    .contents {padding: 90px 0 110px;}
    .sub_vis {margin: 100px 0 60px;height: 270px;}
    .sub_vis h2 {top: 50%;}
    .sub_vis h2 .lil_ti {margin-bottom: 10px; font-size: 14px;}
    .sub_vis h2 .tit {font-size: 35px;}
    .lnb {bottom: -60px;}
    
/*ctt1 s*/
.grt03 .grt_img {width: 100%; margin-right: 0; float: none;}
.grt03 .grt_img .ceo {height: 500px;}
.grt03 .grt_img .grt_sign {display: none;}
.grt03 .grt_box .grt_sign {display: block;}
.grt03 .grt_box {width: 100%; float: none; margin-top:30px;}
.grt03 .grt_box .quo {text-align: center;}
.grt03 .grt_box .quo::before {left: 50%; transform: translateX(-50%);}
.grt03 .grt_box .txt_wrap {padding-top: 50px;}
.grt03 .grt_box .txt_wrap > p {padding-top: 20px;}
.grt03 .grt_box .txt_wrap .blu {padding-top: 40px;}
/*ctt1 e*/
/*ctt2 s*/ 

    
    
/*ctt2 e*/    
/*ctt4 s*/
.publ .list_pub_t .info_wrap .tab {width: 100%; display: block; float: none;}
.publ .list_pub_t .info_wrap .title { padding-top: 0; padding-bottom: 10px; width: 100%;}
/*ctt4 s*/
    
    /*eng*/
    .eng .sub_vis {margin-top: 66px;}
}




@media screen and (max-width:900px){
        /* flicking */
.f_wrapper .touch { display:block; }
.f_scroller { width:900px; padding:4px}
    
/*ctt2 s*/ 
.list_pub .img{ float: none; width: 100%; margin: 0 auto;margin-bottom: 50px;}    
.list_pub .cont_box .img img { width: 100%;}   
.publ .list_pub { padding-top: 50px; text-align: inherit;height: 850px; }    
 ul.basic li:before{left: -7px; }   
.list_pub .txt{margin-top: 20px;margin-left: 10px;  }       
.list_pub .cont{ width: 100%;   margin: auto;}        
 /* .list_pub .txt ul.basic li { word-break: break-all;}     */
    
/*ctt2_eng s*/   
.list_pub2 .img{ float: none;width: 100%;margin: 0 auto;margin-bottom: 50px;}    
.list_pub2 .cont_box .img img { width: 100%;}   
.publ .list_pub2 { padding-top: 50px; text-align: inherit;height: 1245px; }    
 ul.basic li:before{left: -7px; }   
.list_pub2 .txt{margin-top: 20px;margin-left: 10px;  }       
.list_pub2 .cont{ width: 100%;   margin: auto;}        
/* .list_pub2 .txt ul.basic li { word-break: break-all;}     */
/*ctt2 e*/    

    
/*ctt3 s*/   
    
.history .list_pub{ padding-top: 50px; text-align: inherit; height: 508px; }    
.history .list_pub2 .img{ float: none;width: 100%;margin: 0 auto;margin-bottom: 50px;}    
.history .list_pub2 .cont_box .img img { width: 100%;}   
.history .publ .list_pub2 { padding-top: 50px; text-align: inherit; height: 950px; }    
.history ul.basic li:before{left: -7px; }   
.history .list_pub2 .txt{margin-top: 20px;margin-left: 10px;  }       
.history .list_pub2 .cont{ width: 100%;   margin: auto;}        
/* .history .list_pub2 .txt ul.basic li { word-break: break-all;}  */
    
/*ctt3 e*/ 
    
/*ctt3 하단s*/       
.history .list_pub_td .cont .info . li:first-child {  padding-top: 0;}
.history .list_pub_td { float: left;width: 100%;border: 1px solid #ddd;padding: 30px 3%;box-sizing: border-box;margin-top: 20px;height: 260px;}

.history .list_pub_td .cont_box .img img { width: 100%;}
.history .list_pub_td .img { float: left; width: 40%; max-width: 150px}
.history .list_pub_td .cont {width: 60%;  margin-left: 41%;  }
.history .list_pub_td .tit { font-size: 20px; font-weight: 600; }
.history .list_pub_td .tit span { display: inline-block; margin-left: 5px; color: dodgerblue; font-size: 16px;}
.history .list_pub_td .txt { margin-top: 20px;} 
.history .list_pub_td ul.basic _t { margin-top: 15px;}    
    
/*ctt3 하단e*/       
    
   
}

@media screen and (max-width:750px){
    
.location2 .map {height: 330px;}
.location2 .map_box {padding: 20px;}
.location2 .map_box .map_name {margin-bottom: 20px;}
.location2 .map_box .map_btn {position: relative;top: auto;right: auto;margin-top: 15px;width: 100%;text-align: center;}    
.location2 .map_box .map_btn .go_map {padding: 15px 0 15px 30px; display: inline-block;}
.location2 .map_box .map_btn .go_map::before {top: 50%; background-size: 510%; background-position: 0px -72px; left: 0; transform: translateY(-50%);}
.location2 .map_box .map_btn:hover .go_map::before {top: 50%;}
.location2 .map_box .tx_box, .location2 .map_box .tx_box.addr {margin: 0; margin-bottom: 6px; display: block;float: none;}
.location2 .map_box .tx_box:last-child {margin-bottom: 0;}
.location2 .map_box .tx_box .ti, .location2 .map_box .tx_box .tx {line-height: 150%;}
.location2 .map_box .tx_box .ti {width: 80px; margin-right: 10px;}
.location2 .map_box .tx_box .tx {width: calc(100% - 90px);}   
    
    
}

@media screen and (max-width:768px){
    
.contents {padding: 50px 0 80px;}
.lnb { border:none; border-bottom:1px solid #ddd;}
.lnb .home { display:none;}
.lnb .depth1_name {display:none;}
.lnb .lnb_menu {min-width:100%; width:100%; border-right:none;}
.member_content.fullwidth {padding: 30px 35px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 19px;}
/*ctt1 s*/
.grt03 .grt_box .quo {font-size: 24px; line-height: 130%;}
.grt03 .title .tit {font-size: 50px;}
/*ctt1 e*/
/*ctt2 s*/ 
     
/*ctt2 e*/
/*ctt4 s*/   
.publ .list_pub_t .thumb {width: 100%; max-width: 180px; float: none;  margin: 0 auto; display: block;}
.publ .list_pub_t .info_wrap {width: 100%; padding-left: 0;}
.publ .list_pub_t .info_wrap .upper {padding-bottom: 15px; margin: 10px 0 15px;}
/*ctt4 e*/   
/*ctt5 s*/
/*
.location2 .map {height: 330px;}
.location2 .map_box {padding: 20px;}
.location2 .map_box .map_name {margin-bottom: 20px;}
.location2 .map_box .map_btn {position: relative;top: auto;right: auto;margin-top: 15px;width: 100%;text-align: center;}    
.location2 .map_box .map_btn .go_map {padding: 15px 0 15px 30px; display: inline-block;}
.location2 .map_box .map_btn .go_map::before {top: 50%; background-size: 510%; background-position: 0px -72px; left: 0; transform: translateY(-50%);}
.location2 .map_box .map_btn:hover .go_map::before {top: 50%;}
.location2 .map_box .tx_box, .location2 .map_box .tx_box.addr {margin: 0; margin-bottom: 6px; display: block;float: none;}
.location2 .map_box .tx_box:last-child {margin-bottom: 0;}
.location2 .map_box .tx_box .ti, .location2 .map_box .tx_box .tx {line-height: 150%;}
.location2 .map_box .tx_box .ti {width: 80px; margin-right: 10px;}
.location2 .map_box .tx_box .tx {width: calc(100% - 90px);}
*/
/*ctt5 e*/
    
}




@media screen and (max-width:600px){
/*ctt4 s*/   
.publ .list_pub_t > li {width: 0%; margin: 0 0 5% 0;}    
/*ctt4 e*/   
    
}



@media screen and (max-width:800px){
      
/*ctt4 s*/   
.publ .list_pub_t > li {width: 100%; margin: 0 0 5% 0;}
/*ctt4 e*/  

}


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

    
/*ctt2_eng s*/    
.publ  .list_pub2 { width: 100%; height: 100%; }    
/*ctt2_eng e*/
    

    
    
}

@media screen and (max-width:500px){
    .sub_vis {height: 200px;}
    .sub_vis h2 .lil_ti {margin-bottom: 6px; font-size: 12px;}
    .sub_vis h2 .tit {font-size: 25px;}
    .sub_vis h2 .tit:before {height: 20px;width: calc(100% + 20px);}
/*ctt1 s*/
 .grt03 .grt_img .ceo {height: 310px;}
/*ctt1 e*/

/*ctt4 s*/
.publ .list_pub_t > li {padding: 15px; font-size: 14px;}
.publ .list_pub_t .info_wrap .tab a {font-size: 14px;}
.publ .list_pub_t .info_wrap .info .file {margin-top: 10px;}
.publ .list_pub_t .info_wrap .info .ti {min-width: 56px;}
.publ .list_pub_t .info_wrap .info .tx {width: calc(100% - 64px);}
/*ctt4 e*/
/*ctt5 s*/
.location2 .map_title .ico {margin-top: 5px}
/*ctt5 e*/
/*ctt2 s*/    
.list-pub-wrap { grid-template-columns: 1fr; }
.publ  .list_pub { width: 100%; height: 100%; }
/*ctt2 e*/
    
    
    
/*ctt3 s*/   
    
.history .list_pub .cont {width: 100%; margin: auto;}
.history .list_pub_td .img  { float: initial; width: 100%; max-width: 150px; margin-bottom: 50px; }
.history .list_pub { width: 100%; height: 100%;}
.history .list_pub .img { width: 100%; max-width: 150px; height: 100%}
.history ul.basic li:before {left: 0px;}
.history .list_pub_td {height: 100%; }    
.history .list_pub_td .cont { margin-left: 0;}    
/*ctt3 e*/      
    
}


@media screen and (max-width:350px){
        
    
/*ctt4 s*/
.location2 .map_title .ti {display: block;}
.location2 .map_title .ico {display: block; float: none;}
/*ctt4 e*/   
}