@charset "utf-8";
/* layout */
.hanwhaFont{font-family: 'HanwhaWeb', sans-serif; line-height: 1; vertical-align: 1px;}
.engFont{font-family: 'myriad-pro', sans-serif; font-weight: 600;}
.wrap{overflow: hidden; position: relative; min-width: 1200px;}
.layout_section{width: 1200px; margin: 0 auto;}
.layout_section::after{display: block; content: ""; clear: both;}
.content{position: relative; width: 100%; padding-bottom: 150px; letter-spacing: -0.03em;}
.header{overflow: hidden;position: absolute;top: 0;left: 0;right: 0;z-index: 1000;height: 100px;padding: 0 70px;-webkit-transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out;transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out;}
.header:before{display: block;position: absolute;top: 80px;left: 0;right: 0;height: 1px;background-color: #ddd;opacity: 0;content: "";-webkit-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;}
.header.open_mn::after{content:"";display:block;width: 21%;height: 100%;float: left;background: linear-gradient(180deg, rgb(249 145 16) 0%,  rgb(253 202 16) 100%);margin-left: -70px;position: absolute;top: 0;left: 0;z-index: -1;}
.header_inner{position: relative;/* min-width: 1120px; *//* max-width: 1920px; */width: 100%;height: 100%;margin: 0 auto;}
.header .logo{display: block;position: absolute;top: 22px;left: 0;width: 112px;height: 56px;background: url(../images/common/logo_top.png) 0 0 no-repeat;text-indent: -9999px;-webkit-transition: background-image .3s ease-in-out;transition: background-image .3s ease-in-out;background-size: contain;}
.header.open_mn .logo{
    background: url(../images/common/logo_top.png) 0 0 no-repeat !important;
}
.header .util_box{position: absolute;top: 21px;right: 0;}
.header .util_box .mail_btn{width: 162px;height: 43px;border: 2px solid #fff;display: inline-block;border-radius: 50px;transition: 0.1s;}
.header .util_box .mail_btn:hover{ background-color: #f7941d;border: 2px solid #f7941d; transition: 0.2s;}
.header .util_box .mail_btn a{color:#fff;display: block;width: 100%;height: 100%;text-align: center;line-height: 39px;font-size: 20px;font-weight: 600;}
.header .util_box .mail_btn2{width: 162px;height: 43px;border: 2px solid #fff;display: inline-block;border-radius: 50px;transition: 0.1s;margin-right: 15px;}
.header .util_box .mail_btn2:hover{ background-color: #f7941d;border: 2px solid #f7941d; transition: 0.2s;}
.header .util_box .mail_btn2 a{color:#fff;display: block;width: 100%;height: 100%;text-align: center;line-height: 39px;font-size: 20px;font-weight: 600;}

.header.over .mail_btn{background-color:#f38f13;}
.header .btn_full_menu{position: relative;width: 36px;height: 36px;margin-left: 40px;font-size: 0;vertical-align: middle;text-indent: -9999px;}
.header .btn_full_menu .bar_top,
.header .btn_full_menu .bar_mid,
.header .btn_full_menu .bar_bot{display: block;position: absolute;left: 2px;width: 32px;height: 2px;background-color: #fff;transform-origin: top right;-webkit-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
.header .btn_full_menu .bar_top{top: 7px;}
.header .btn_full_menu .bar_mid{top: 50%; -webkit-transform: translate(0, -50.1%); transform: translate(0, -50%);}
.header .btn_full_menu .bar_bot{bottom: 7px;}
.header.fixed,
.header.over,
.header.open_mn{background-color: #fff;}
.header.fixed{position: fixed; border-bottom: 1px solid #ddd;}
.header.over:before{opacity: 1;}
.header.fixed .logo,
.header.over .logo,
.header.open_mn .logo{ background-image: url(../images/common/logo_top_02.png); }
.header.fixed .btn_full_menu .bar_top,
.header.fixed .btn_full_menu .bar_mid,
.header.fixed .btn_full_menu .bar_bot,
.header.over .btn_full_menu .bar_top,
.header.over .btn_full_menu .bar_mid,
.header.over .btn_full_menu .bar_bot,
.header.open_mn .btn_full_menu .bar_top,
.header.open_mn .btn_full_menu .bar_mid,
.header.open_mn .btn_full_menu .bar_bot{background-color: #000;}
.header.over{height: 322px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);}
.header.open_mn{height: 100%;position: fixed;}
.header.open_mn .mail_btn{display:none;}
.header.open_mn .btn_full_menu .bar_top{top: 4px; left: -6px; width: 37px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.header.open_mn .btn_full_menu .bar_mid{opacity: 0;}
.header.open_mn .btn_full_menu .bar_bot{bottom: 4px; left: -5px; width: 37px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.scrDown .header.fixed{margin-top: -100px;}
.header .stm-txt{display:none;}
.header.open_mn .stm-txt{display:block;position: absolute;top: 50%;left: 0;color: #fff;transform: translateY(-50%);opacity: 0.8;}
.header.open_mn .stm-txt::after{content:"";display:inline-block;width: 90px;height:1px;background-color:#fff;vertical-align: middle;margin-left: 15px;}

/* gnb */
.gnb_wrap{/* text-align: right; *//* padding: 0 200px; */width: 77%;float: right;padding-right: 4%;}
.gnb{display: inline-block;padding-right: 100px;}
.gnb .dep1_li{display: inline-block;position: relative;height: 80px;padding: 28px 40px 0;}
.gnb .dep1_li:first-child{margin-left: 0;}
.gnb .dep1_link{display: inline-block;font-size: 20px;color: #fff;-webkit-transition: color .2s linear;transition: color .2s linear;}
.gnb .dep1_link:before{display: block;position: absolute;top: 79px;left: 50%;width: 0;height: 2px;background-color: #f38f13;content: "";-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;}
.header.over .gnb .dep1_li.current .dep1_link{color: #f38f13;}
.header.over .gnb .dep1_li.current .dep1_link:before{width: 100%;}
.gnb .dep2{width: 100%;position: absolute;top: 80px;left: 0;/* height: 400px; */padding-top: 15px;opacity: 1;-webkit-transition: opacity 1ms 300ms;transition: opacity 1ms 300ms;text-align: center;}
.gnb .dep2_li{margin-top: 10px;padding: 4px 0;}
.gnb .dep2_li:first-child{margin-top: 0;}
.gnb .dep2_link{display: inline-block;/* font-size: 15px; *//* font-weight: 600; *//* color: #868686; */-webkit-transition: color .2s linear;transition: color .2s linear;}
.gnb .dep2_link:hover{color: #f38f13;}
.gnb .masterpiece .dep2_link{color: #f38f13;}
.header.fixed .gnb .dep1_link,
.header.over .gnb .dep1_link,
.header.open_mn .gnb .dep1_link,
.header.fixed .link_lang,
.header.over .link_lang,
.header.open_mn .link_lang{color: #1c1c1c;}
.header.over .gnb .dep2{display: block;}
.full_menu{/* position: absolute; *//* top: 100px; *//* left: 50%; */width: 100%;/* margin-left: -600px; */padding-top: 17%;font-size: 0;visibility: hidden;opacity: 0;-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;}
.full_menu .dep1_li{display: inline-block;width: 17.5%;margin-left: 3%;vertical-align: top;text-align: left;}
.full_menu .dep1_li:first-child{margin-left: 0;}
.full_menu .dep1_link{display: block;padding-bottom: 35px;font-weight: 700;font-size: 40px;color: #f38f13;border-bottom: 2px solid #eee;outline: none;}
.full_menu .dep2{margin-top: 36px;}
.full_menu .dep2_li{margin-top: 21px;}
.full_menu .dep2_li:first-child{margin-top: 0;}
.full_menu .dep2_link{font-size: 18px;color: #1c1c1c;letter-spacing: -.075em;}
.full_menu .masterpiece .dep2_link{color: #f38f13;}
.full_menu .dep3{margin-top: 10px; padding-bottom: 10px;}
.full_menu .dep3_li{position: relative; margin-top: 6px; padding-left: 8px;}
.full_menu .dep3_li::before{display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #f38f13; content: "";}
.full_menu .dep3_link{font-size: 15px; color: #999;}
.header.open_mn .gnb{opacity: 0; visibility: hidden;}
.header.open_mn .gnb .dep2{opacity: 0; -webkit-transition: opacity 1ms; transition: opacity 1ms;}
.header.open_mn .full_menu{visibility: visible; height: auto; opacity: 1;}
.header.open_mn .full_menu::after{content:"";display:block;width:532px;height:397px;background:url(../images/main/open_mn_bg.png)no-repeat;position: absolute;right: -70px;}




.depth2_tab{overflow: hidden;/* margin-bottom: 100px; */border-bottom: 1px solid #e0e0e0;}
.depth2_tab ul{overflow: hidden;/* width: 1400px; */margin: 0 auto;padding: 0 200px;}
.depth2_tab ul li{float:left;text-align:center;}
.depth2_tab ul li:hover{/* border-bottom: 3px solid #ff9c00; */color: #ff9c00;}
.depth2_tab ul li.on{ border-bottom: 3px solid #ff9c00;color: #ff9c00;}
.depth2_tab ul li a{width: 100%;display: block;padding: 20px 0;}

.depth2_tab ul.tab-1 li{display:none;}
.depth2_tab ul.tab-2 li{width:50%}
.depth2_tab ul.tab-3 li{width:33%}
.depth2_tab ul.tab-4 li{width:25%}
.depth2_tab ul.tab-5 li{width: 20%;}





/*============================================== Board ================================================*/

/*공지사항 , 검색*/
/* a) 기본 (목록) */
div.board {font-size:0.95em;}
div.board table {width:100%;border-spacing:0;border-collapse:collapse;border-top: 2px solid #4bb2ab;table-layout:fixed;}
div.board table thead th {background-color:#fff;color:#353535;font-weight:bold;text-align:center;padding:15px 0;border-bottom:1px solid #cecece;background: #fafcfb;letter-spacing:0;}
div.board table tbody td {padding:14px 10px;text-align:center;border-bottom:1px solid #cecece;letter-spacing:0;}
div.board table tbody td.title {text-align:left;font-size: 1em; line-height: 130%;-webkit-line-clamp: 1;}
div.board table tbody td.title p.sub {margin-top: 8px;color:#333;font-size:0.875em; letter-spacing: 0px;}
div.board table tbody td.title img {vertical-align:middle;}
div.board table tbody td.link img.ico_blank {display:inline-block;padding-left:10px;}
div.board table tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
div.board table tbody td input[type='text'], div.board table tbody td input[type='password'] {border:1px solid #ddd;background:#fff; height:40px;}
div.board table tbody td select {min-width:120px;height:40px;border:1px solid #ddd;background:#fff url('http://k-sis.com/images/gn1st/common/bg_select.gif') no-repeat 100% 0;cursor:pointer;padding-left:10px;}
div.board table .td_left { text-align:left; }
.delTitle, .delTitle a { color:#aaa; }
div.board span.star{font-weight: bold;color: #dc1e34;vertical-align: middle;padding: 0 5px;}
div.board table.basicWrite tbody td {padding:12px 10px;text-align:left;border-bottom:1px solid #cecece;border-top:1px solid #cecece;line-height:30px;background-color:#fff;}
div.board table.basicWrite tbody td input[type='text'] {width:100%;height:40px;padding-left:10px;border:1px solid #ddd;background:#fff url('/01_potal/images/common/bg_input.gif');}
div.board table.basicWrite tbody th{position: relative;vertical-align: middle;}
div.board table.basicWrite tbody tr {background-color:#f6f8f9;}
/* 게시판, 공지글 */
div.board table tr.ntc {background-color:#f7f7f7;font-weight:bold;}
/* 버튼게시판, td 여백 */
div.Btnboard tbody td {padding:8px 10px !important;}

/* 페이징 */
.paging {text-align:center;;margin:20px 0 40px 0;clear:both;overflow:hidden;}
.paging a {display:inline-block;position:relative;min-width: 45px;height: 45px;line-height: 45px;text-align:center;border:1px solid #d4d4d4;z-index:1;margin-right: 3px;font-size: 1.125em;}
.paging a img {vertical-align: middle;padding-bottom: 6px;}
.paging a.on {color:#fff;background: #4bb2ab;border-color: #4bb2ab;z-index:2;}

/* 검색 */
.lnb_area {z-index:100}
.all_sear  {display: none;position: absolute;top: 182px;left: 0;width: 100%;height: 250px;z-index: 10000;background: #fff;border-bottom: 1px solid #348ef4;border-top: 1px solid #ddd;}
/*.all_sear.on{display:black;}.all_sear .on{display:black;}*/
.all_sear select{height: 60px;width: 27%;padding: 2px 40px 2px 20px;color:#666;border: none;border-right: 1px solid #0075df;background: url(../images/common/ico_b_arr12.png) no-repeat center right 10px;outline: none;font-size: 1.3em;font-weight: 300;letter-spacing: -1px;}
.lnb_area .btn_sear a{display:block;position:absolute;top: 10px;right: 2%;/* height: 63px; *//* width: 63px; */text-align:center;padding-top: 22px;z-index: 2;}
.lnb_area .btn_link a{display:block;position: absolute;top: 18px;right: 115px;height: 42px;width: 143px;text-align:center;z-index: 2;border:2px solid #2167b6;border-radius: 50px;font-size:21px;color:#1b4784;line-height: 37px;font-weight: 500;}

/* search */
.board_search{display: block;margin: 31px 0;height: 40px;text-align: right;}
.board_search .page {float:left;line-height: 1.5em;padding-top: 8px;}
.board_search .page span.count-1 {color: #0d790c;font-weight:bold;}
.board_search fieldset{float: right;}
.board_search select{float: left;padding-left: 10px;padding-right: 40px;margin-right: 4px;width: 98px;height: 40px;font-weight: 400;font-size: 0.938em;cursor: pointer;border: 1px solid #e3e3e3;}
.board_search input[type="text"]{float: left;padding-left: 10px;margin-left: 3px;width: 250px;height: 40px;border: 1px solid #e3e3e3;font-size: 0.938em;font-weight: 400;}
.board_search input[type="submit"]{float: left;width: 43px;height: 40px;color: #fff;background: url('../images/common/btn_search.gif')no-repeat;font-size: 0;}


/* 기본 (type1) */
div.table.type1 {/* padding-top: 20px; *//* margin-bottom: 30px; */position: relative;margin-top: 50px;}
div.table.type1 table {width: 100%;border-spacing:0;border-collapse:separate;table-layout:fixed;border: 1px solid #dedede;}
div.table.type1 table thead th {background-color: #ffedd1;color: #000000;font-weight:bold;text-align:center;padding: 7px 0;/* border-right:1px solid #cecece; */border-bottom: 1px solid #dedede;}
div.table.type1 table thead th:first-child{ border-right: 1px solid #dedede;}
div.table.type1 table thead th:last-child {/* border-right:1px solid #cecece; */}
div.table.type1 table tbody td {padding: 7px 7px;text-align:center;/* border-right:1px solid #cecece; */border-bottom: 1px solid #dedede;background-color: #fff;}
div.table.type1 table tbody td:first-child{border-right:1px solid #dedede;}
div.table.type1 table tbody tr:last-child td{border-bottom:0;}
div.table.type1 table tbody th {padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
div.table.type1 table tbody th.bg_point {background-color:#ebf3f8;padding:15px 0;text-align:center;border-right:1px solid #cecece;border-bottom:1px solid #cecece;font-weight:bold;}
div.table.type1 table tbody td:last-child {/* border-right:1px solid #cecece; */}
div.table.type1 table tbody td.b-none{border-right:none;}
div.table.type1 table tbody td.left {text-align:left;}


/*table_board*/ 
table.tb_board .bd_r{border-right:1px solid #e1e1e1 !important;}
table.tb_board{width:100%;border-collapse:collapse;text-align:center;margin: 18px 0 30px 0;font-size:0.938em;}
table.tb_board thead th{border-bottom: 1px solid #e9ecec;background-color: #f9f9f9;padding: 11px 0px;font-size: 1.0625em; font-weight: 600;color: #1fa098;border-right: 1px solid #e1e1e1;box-sizing:border-box;vertical-align: middle;}
table.tb_board thead tr:first-child th{border-top: 2px solid #4bb2ab;vertical-align: middle;}

table.tb_board tbody td:last-child,table.tb_board thead th:last-child{border-right:none;}
table.tb_board tbody td{display: table-cell;padding: 17px 4px;color:#171717;font-weight: 300;letter-spacing: -0.3px;line-height: 22px;vertical-align: middle;border-right: 1px solid #e1e1e1;}
table.tb_board tbody td.l{text-align:left;}
table.tb_board tbody td img.magazine {width:145px; height:170px;}
table.tb_board tbody tr{border-bottom: 1px solid #ddd;}
table.tb_board .recruit{margin-bottom:5px;}
.table_c tbody .list1_txt{background: url(../images/common/bl_h6.gif) no-repeat 15px 20px;padding-left: 25px;text-align:left;}
.table_c tbody .list1_none{padding-left:30px;text-align:left;}
/*write*/
table.board_write {width:100%; border-collapse:collapse; font-size:0.938em;}
table.board_write th {background:#fafcfb;width:20%;text-align:center !important;padding: 12px 6px;line-height:1.3em;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;color: #333;font-weight: bold;vertical-align: middle;}
table.board_write th span.c_red {padding-right:2px;}
table.board_write td {padding:12px 9px;font-weight:300;line-height:1.3em;}
table.board_write tr{border-bottom:1px solid #e3e3e3;}
table.board_write tr:last-child{border-bottom:1px solid #4c6173;}
table.board_write td label {display:block;}
table.board_write .topline {border-top: 2px solid #159b7a;}
table.board_write td label.lbtxt{display:inline}
table.board_write tbody tr{border-bottom:1px solid #e3e3e3;}
table.board_write tbody tr:last-child{border-bottom:1px solid #b1b1b1;}
table.board_write .input_v1{width:100%}
table.board_write .input_v2{width:35%}
table.board_write .input_v3{width:50%}
table.board_write .input_v4{width:75%}
table.board_write .input_v4_1{width: 65%;}
table.board_write .textarea_v1{width: 100%;height: 400px;}
table.board_write .textarea_v2{width: 100%;height: 200px;}
.board_point{font-size: 0.9em;text-align: right;margin-bottom: 10px;}
.upload_txt{font-size: 0.9em;color:#ff0000;margin-bottom:7px;}
table.board_write tbody tr.bt_line,table.board_write tbody tr .bt_line{border-bottom:1px solid #e3e3e3;}
table.board_write tbody tr.bt_line2,table.board_write tbody tr .bt_line2{border-bottom:1px solid #b1b1b1;}
table.board_write .r_line{border-right:1px solid #e3e3e3;}

/*write v1*/
.borad.v1 table.board_write th{width:unset;}

/*view*/
table.board_view{border-collapse:collapse;width:100%;font-size:0.938em;}
table.board_view thead th {background: #f9f9f9;padding: 20px 0px;color:#333;font-size: 120%;}
table.board_view tbody .thead th{background:#fafcfb; padding:12px 0px; color:#333;}
table.board_view tbody{color:#333;}
table.board_view tbody th {background: #f9f9f9;/*width:20%;*/border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;padding:12px 12px;}
table.board_view tbody th:first-child{border-left:none;}
table.board_view td {padding:12px 12px;font-weight: 300;}
table.board_view td p.file {display: inline-block;background: url('../images/common/attach1.png') no-repeat 0 0px;padding: 0 0 0 28px;}
table.board_view td p.file a{color: #1e4da4;}
table.board_view td span.file_size {color:#666;font-size:.9em;}
table.board_view .topline {border-top: 2px solid #1c67a8;}
table.board_view .album_img_area{width:100%; margin-bottom:10px;text-align:center;}
table.board_view .board_img{margin-bottom: 30px;}
table.board_view img {width:100%;max-width: 800px;margin-bottom: 12px;}
table.board_view .tb_body{height:150px; vertical-align:top; padding-top:20px; padding-bottom:20px;}
table.board_view .td_type1 p{width:33.3%; float:left; text-align:left;}
table.board_view .td_type1 p span{color:#1c67a8; border:1px solid #1e4da4; border-radius: 50px; padding: 1px 12px; margin-right:5px; display: inline-block;}
table.board_view td .td_radio{line-height:46px;}
table.board_view tr{border-bottom:1px solid #e3e3e3;}
table.board_view tr:last-child td{border-bottom: 1px solid #4c6173;}
table.board_view tr td.con{padding: 40px 60px;}

/* view : ul */
.boardInfo {padding-top: 16px;float: right;}
.boardInfo strong{font-weight:500;}
.boardInfo span {display: inline-block; margin-right: 30px; color: #333;position:relative;font-weight:300;}
.boardInfo span:after{content:"";height:10px; width:1px; display:inline-block; background:#bfbfbf; padding: 2px 0px; position:absolute; top:6px; right:-17px; }
.boardInfo span:last-child:after {display:none;}
.basicView {border-top: 2px solid #4bb2ab;overflow:hidden;}
.basicView .titleField {background-color: #fafcfb;border-bottom: 1px solid #cfced3;overflow: hidden;padding: 15px 10px 10px;background: none;}
.basicView .titleField h4 {width:100%;font-size: 1.5em;color: #000;float: left;line-height: 45px;margin: 0;font-weight: 500;padding-left: 2%;font-weight: bold;background:none;}
.basicView .titleField ul{/* text-align:center; */float: left;padding-left: 2%;width: 100%;height: 50px;line-height: 50px;}
.basicView .titleField ul li {background:url('/01_potal/images/board/rw_bar.gif') no-repeat 100% 50%;padding:0 15px;line-height:27px;display:inline-block;}
.basicView .titleField ul li:first-child{padding-left:0}
.basicView .titleField ul li:last-child {background:none; padding: 0; margin: 0;}
.basicView .titleField ul li strong {color:#333;}
.basicView .conField ul {overflow:hidden;}
.basicView .conField ul.wrtinfo{display: inline-block}
.basicView .conField ul li { float: left;width: 50%;border-bottom: 1px solid #cfced3;line-height: 28px;background-color: #fff;padding: 15px 10px;}
.basicView .conField ul li > span {float:left;width: auto;padding:0;background-color:#fff;font-weight: 500;display:block;border-right:1px solid #cfced3;margin-right: 2%;color: #000;padding-left: 2%;padding-right: 2%;}
.basicView .conField ul li > p {float:right;width:65%;min-height:auto;padding:0;line-height:28px;background-color:#fff;}
.basicView .conField ul li > p a img {vertical-align:text-bottom;padding-left: 5px;}
.basicView .conField ul li #uploadfield{width: 80.5%;float: left;min-height: auto;padding: 0;line-height: 28px;background-color: #fff;}
.basicView .conField ul li #uploadfield p{}
.basicView .conField ul li #uploadfield p.file {display: inline-block;background: url('../images/common/attach1.png') no-repeat 0 0px;padding: 0 0 0 28px;}
.basicView .conField ul li #uploadfield p.file a{color: #1e4da4;}
.basicView .conField ul li #uploadfield span.file_size {color:#666;font-size:.9em;}
.basicView .conField ul li.w100 {width:100%;}
.basicView .conField ul li.w100 > span {width:17.5%;}
.basicView .conField ul li.w100 > p {width:80.5%;}
.basicView .conField ul li.w100 > p.multi {min-height: 22px;padding: 0px 15px;}
.basicView .conField .attach {display:block;}
.basicView .conField .attach a.file {/*background:url('/images/gn1st/board/ico_file.gif') no-repeat 0 0px;*/background-size:auto 15px;padding-left:25px;}
.basicView .conField .attach_1 a.file {/*background:url('/images/gn1st/board/ico_file.gif') no-repeat 0 5px;*/background-size:auto 15px;padding-left:25px;}
.basicView .conField .attach a.preview{display:inline-block;margin-left:5px;border:1px solid #cfced3;font-size:0.95em;border-radius:5px;padding:0 10px;}
.basicView .conText {padding:30px;border-bottom:1px solid #cfced3;line-height:1.6;min-height: 200px;}
.basicView .conText p {line-height:1.6;}
.basicView .conText .board_img_area{width:100%; margin-bottom:10px;text-align:center;}
.basicView .conText .board_img{margin-bottom: 30px;}
.basicView .conText img {width:100%;max-width: 800px;margin-bottom: 12px;}
.basicView select {min-width:120px;height:30px;margin-right:4px;border:1px solid #ddd;/*background:#fff url('/images/gn1st/board/bg_select.gif') no-repeat 100% 50%;*/cursor:pointer;padding-left:10px;}
.privacyCheck{padding-top: 10px;text-align: right;color: #333;font-size: 1em;}
.tac {text-align: center !important;}
/* 이전/다음글 */
.viewPager {border: none; border-top:1px solid #cfced3;}
.viewPager ul li {border-bottom:1px solid #cfced3;clear:both;overflow:hidden;padding:10px 15px;line-height:28px;}
.viewPager ul li.prev {/*background:url('/images/gn1st/board/list_arr1.gif') no-repeat 2% 50%;*/}
.viewPager ul li.next {/*background:url('/images/gn1st/board/list_arr2.gif') no-repeat 2% 50%;*/}
.viewPager ul li > span {float:left;width:15%;/*background:url('/images/gn1st/board/de_line.gif') 100% 50% no-repeat;*/padding-left:35px;font-weight:bold;line-height:28px;}
.viewPager ul li > p {float:right;width:83%;line-height:28px;}
.viewPager ul li > p > a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*board total*/
.total{font-size:0.813em;color:#666;}

/*pageing*/
.pageing {text-align:center; margin:20px 0 40px 0;}
.pageing a{display:inline-block; width:45px; height:45px;font-size:1.1em; color:#777; border:1px solid #dedede;line-height:45px;}
.pageing strong{display:inline-block; width:45px; height:45px;font-size:1.1em; line-height:45px;color:#fff; background-color:#33976e; text-decoration:none;}
.pageing a:hover, .pageing a.on {color:#fff;background-color: #085dc0;text-decoration:none;}
.pageing a.bt{color:#ccc;font-weight:100;font-size:.9em;}
.pageing a.bt:hover{border:1px solid #085dc0; background-color:#fff; color:#085dc0;}
.pageing_mo{display:none;}

/*버튼*/
.btn_area{display:block;position:relative; top:0px; height:60px;width:100%; overflow:hidden;}
.btn_area .btn_list{display:inline-block; padding:15px 25px; background:#33976e; font-size:1.1em;vertical-align:middle; line-height:15px; cursor:pointer;border-radius: 4px;transition: all 0.3s; color:#fff !important; margin-right:2px;}
.btn_area .btn_list2{display:inline-block; padding:15px 25px; background:#666; font-size:1.1em;vertical-align:middle; line-height:15px; cursor:pointer;border-radius: 4px;transition: all 0.3s; color:#fff !important; margin-right:2px;}
.btn_list:hover{opacity:0.7;}
.btn_list2:hover{opacity:0.7;}

/*round*/
.round_small{border-radius:50px; display:inline-block; padding:1px 12px; margin-right:10px; background:#2f7157; color:#fff;}

/*===== layout =====*/
/*skipnavigation*/
#skipnavi {height:0; margin:0; padding:0;}
#skipnavi a{position:absolute; left:-9999px; width:100%;}
#skipnavi a:link, #skipnavi a:visited {color:#333;}
#skipnavi a:hover, #skipnavi a:active,
#skipnavi a:focus{visibility:visible; position:absolute; top:0; left:0; display:block; height:30px; text-align:center; padding:5px 0 5px; font-weight:600; background:#4174b4; color:#fff; z-index:1;}

.dv_wrap {display:block;position:relative;/* max-width: 100%; */max-width: 1500px;margin:0 auto;}

/*===== sub =====*/

/*서브비주얼*/
#subvis_text{text-align: center;color: #fff;padding: 235px 0px 20px 0;position: absolute;top: 0;width: 100%;transition-duration: 2s;}
#subvis_text span{font-size: 60px;font-weight: 300;font-weight:bold;position: relative;z-index: 9;}
#subvis_text ::before{content:"";display:block;width:30px;height:30px;background-color: #fba928;display: inline-block;border-radius: 100px;position: absolute;top: 9px;right: -13px;z-index: -1;}

.subvis01 {height: 485px;background: url('../images/content/sub_visual_01.jpg') no-repeat center;background-size:cover;position: relative;/* z-index: -999; */}
.subvis02 {height: 485px;background: url('../images/content/sub_visual_02.jpg') no-repeat;background-size:cover;position: relative;/* z-index: -999; */}
.subvis03 {height: 485px;background: url('../images/content/sub_visual_03.jpg') no-repeat;background-size:cover;position: relative;/* z-index: -999; */}
.subvis04 {height: 485px;background: url('../images/content/sub_visual_04.jpg') no-repeat;background-size:cover;position: relative;/* z-index: -999; */}
.subvis05 {height: 485px;background: url('../images/content/sub_visual_05.jpg') no-repeat;background-size:cover;position: relative;/* z-index: -999; */}


#subvis_wrap{position: relative;overflow: hidden;width: 100%;height: 460px;}
#subvis{background-size: cover;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition:transform 5000ms  ease-in-out;transition:transform 5000ms ease-in-out;}
#subvis.active{ -webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg); }



/* 서브메뉴 */
.nav_wrap{  width: 100%; background-color: #f4f4f4; border-bottom: 1px solid #ddd;}
.subNavi {position:relative;height:60px;border-right:0;width: 1790px;margin: 0 auto;}
.subNavi .path {float:left; clear:both;}
.subNavi .path > li {position:relative;float:left;border-left:1px solid #ddd;color:#666;line-height: 60px;}
.subNavi .path > li:first-child {/* padding-left:15px; */text-align: center;}
.subNavi .path > li:nth-child(2) {min-width: 250px;}
.subNavi .path > li.last {width: 250px;border-right:1px solid #ddd;background: url(../images/common/bg_trgbot.png) 90% center no-repeat #e4e4e4;}
.subNavi .path > li.last > a {color:#555;}
.subNavi .path > li> a {display:block;padding:0 25px;font-size:1.0625em;font-weight:normal;color:#555;}
.subNavi .path li a.home {width: 61px;height: 60px;background: url('../images/common/home_icon.png') no-repeat 50% 50%;padding: 0 30px;font-size: 0;text-indent: -9999em;}
.subNavi .path li ul.lastDepth {position:absolute;display:none;top: 60px;left:0;width: 250px;border:1px solid #ccc;background:#fff;z-index:999;}
.subNavi .path li ul.lastDepth li a:hover, .subNavi .path li .lastDepth li a:focus, .subNavi .path li .lastDepth li a:active {background:url('../images/common/bg_arrowr.png') 90% center no-repeat #ddebff; color:#232944;}
.subNavi .path li ul.lastDepth li a {display:block; border-bottom:1px solid #f1f1f1; padding:8px 10px 8px 18px;}
.subNavi .path.path_mo {display:none;}
.subNavi .path{display:block;}

.subNavi .sns {float:right; padding-top:11px;}
.subNavi .sns li {float:left;}
.subNavi .sns li a {font-size:0;text-indent:-9999em;}
.subNavi .sns li > a {display:inline-block;width:39px;height:39px;vertical-align:top;}
.subNavi .sns li > a.share {margin-right:5px;background: url('../images/common/icons.png') no-repeat 0 96%;}
.subNavi .sns li > a.print {margin-right:5px;background: url('../images/common/icons.png') no-repeat 41% 96%;}
.subNavi .sns li > a.fvadd {background: url('../images/common/icons.png') no-repeat 81% 96%;}

/*sub contents*/
.sub #container {/* margin-bottom:15px; */}
.sub #contents {min-height:550px;margin-top: 60px;margin-bottom: 90px;width: 100%;margin: 0 auto;}
.sub #contents .contarea{/* margin-top:60px; */overflow: hidden;}
.sub #contents .contarea > .cont {max-width:1200px; margin-left:auto; margin-right:auto;overflow:hidden;margin-bottom:80px;}

.contit {position:relative;width:100%;text-align:left;}
.contit h2 {font-size: 2em;color: #333;font-weight: bold;letter-spacing: -0.07em;font-family: NanumSquare;text-align: center;margin-bottom: 30px;}
.contit h2:before{content:"";display:inline-block;padding-right: 15px;width:30px;height:27px;background:url('../images/common/ico_leaf1.png') left center no-repeat;}
.contit h2:after{content:"";display:inline-block;width:40px;padding-left: 10px;height:27px;background: url('../images/common/ico_leaf2.png') right center no-repeat;}
/*.contit h2:before{content:"";display:block;margin:0 auto;width:90px;margin-bottom: 20px;height:33px;background:url('../images/common/ico_leaf3.jpg') left center no-repeat;}*/

#page_info  {position:relative; margin-top:20px; padding:10px 20px;  border:1px solid #ccc; font-size:0.85em;}
#page_info dl {height:100%; overflow:hidden;}
#page_info dl:first-child {border-top:0}
#page_info dt {float:left; color:#666; padding-left:20px;}
#page_info dt.ic1 {background:url('../images/common/ico_depart.png') left center no-repeat;}
#page_info dt.ic2 {background:url('../images/common/ico_person.png') left center no-repeat;}
#page_info dt.ic3 {background:url('../images/common/ico_inquiry.png') left center no-repeat;}
#page_info dt.ic4 {background:url('../images/common/ico_update.png') left center no-repeat;}
#page_info dd {float:left; margin:0 20px 0 5px; color:#003399;}

/*content_bl*/
ul.type01 > li {padding-left: 10px;background: url('../images/common/bl_circle_gray.png') no-repeat 0 8px;margin-bottom: 3px;}
ul.type02 > li {padding-left: 12px;background: url('../images/common/bl_line.png') no-repeat 0 10px;margin-bottom: 3px;}

.cd-top {display:none;}

/*footer*/
/*----- footer ----*/
#footer {background: #313131;color:#929292;height: auto;}
#footer .dv_wrap > * {float:left; margin:0;}
#footer address {width: 100%;padding:30px 10px 20px 0;font-size:90%;word-break:keep-all;white-space:normal; text-align:center;}
#footer address .logo_foot {width:95px;text-align: center;margin: 0 auto;}
#footer .f_menu {width:76.272%; padding:30px 0 10px 5.8333%;}
#footer .f_menu a {color:#888;}
#footer .f_menu > ul > li {float:left; margin-right:50px;}
#footer .f_menu > ul > li:nth-child(3) ul, #footer .f_menu > ul > li:nth-child(4) ul {display:none;}
#footer .f_menu > ul .tit {display:block; margin-top:10px; font-weight:700;}
#footer .f_menu ul.uk-list li {font-size:90%; margin-bottom:3px;}

#offcanvas-1 li.uk-open .uk-hidden {overflow:hidden; position:relative; display: block!important; visibility: inherit!important; background:#232323; font-size:90%;}/*모바일메뉴-서브메뉴 임시 블럭처리*/
.uk-offcanvas {background:rgba(0,0,0,.7); z-index:10000;}
.uk-offcanvas .uk-nav {border-top:1px solid #444;}
.uk-offcanvas .uk-nav>li {border-bottom:1px solid #444;}
.uk-offcanvas .uk-nav>li:nth-child(n+2)  {} 



/* To Top */
.cd-top {position:fixed; display:inline-block; height:55px; width:55px; border-radius:30px; font-size:0px; text-align:center; bottom:20px; right:20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; background: url('../images/common/ico_arr_footer.png') no-repeat center 16px rgba(0,0,0,.5); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
text-decoration:none; color:#000;
}
.cd-top.cd-is-visible {visibility: visible; opacity: 1; z-index:999;}
.cd-top.cd-fade-out {opacity:1;}
.open_new {/*background:url(/img/common/open_new.png) no-repeat right 0; */ vertical-align:middle;}

/*============ components ===========*/
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}

/*list*/
.litype_cir li {/* padding-left:10px; */}
/*============ menu ===========*/
/*pc*/
@media all and (max-width:1500px){
/*header*/
.gnb_wrap .gnb{display:none;}
.gnb .dep1_li{ padding: 28px 30px;}	
.gnb .dep1_link{font-size: 18px;}
.header .util_box .mail_btn a{font-size: 17px;line-height: 34px;}
.header .util_box .mail_btn{width: 135px;height: 40px;}

}

@media all and (max-width:1300px){
.gnb_wrap{ padding: 0 3%;}
#lnbArea{padding:0 2%;}
#lnbArea > ul{max-width: 740px;right: -100px;}
.lnb_area .btn_sear a{right: 1.5%;}
.sub #contents{/* padding-left:3%; *//* padding-right:3%; */}


.header{ padding: 0 30px;}
.header.open_mn::after{width: 300px;}
.full_menu .dep1_li{ width: 33.33%;  margin: 0; padding: 50px 20px;}
.full_menu{ padding-top: 70px;}
.depth2_tab ul{ padding: 0 100px;}
}

/*mobile*/



/*===========
	Responsive
==============*/
@media (max-width: 1199px){
.sub #contents {width:100%;/* padding: 0 5% */}
.sub #snb {width: 24%;padding-left: 15px;}
#gnb h1{margin-top: 15px;}
#gnb .gnb_top h1 a img{width: 115px;}
/*main slider*/
.main .visual_box .bx-wrapper .slider li span {/* padding:0 1%; */}
.main> #footer >.footer_area>.btn_gotop {display:none;}
}




@media (max-width: 1024px){
.header .logo{ width: 100px;}
.header .util_box .mail_btn{ width: 120px;}
.header .util_box .mail_btn a{ font-size: 15px}
.header .btn_full_menu{margin-left: 20px;}


}

@media all and (max-width:980px){

	.header.open_mn::after{display:none;}
	.header.open_mn .logo{ background-image: url(../images/common/logo_top_02.png); }
	.gnb_wrap{width:100%;}
	.full_menu .dep1_link{
    font-size: 30px;
    padding-bottom: 20px;
}

	/*sub*/
	#snb {display:none;}
	.sub #contents {/* width:98%; *//* margin:0 1%; *//* padding-top: 20px; */font-size: 0.8em;}
	.loc li.current {width:88%;}
	.subvis01_img{width:30%;}
	table.board_view .td_type1 p{width:50%; margin: 5px 0;}
	.contit h2 {line-height: 30px;word-break: keep-all;font-size: 1.75em;}
	
    /*font-size*/
    .sub #contents .con {font-size: .9em;}


	/* view : ul */
	.basicView {border-top:0;font-size: 0.8em;}
	.basicView .titleField {padding:10px;}
	.basicView .titleField h4 {padding:0;float:none;}	
	.boardInfo {float: none; padding: 0;}
	.basicView .conField ul li > span {padding:5px 10px;}
	.basicView .conField ul li > p {padding:5px 10px;}
	.basicView .conField .attach a.file {background-size:auto 12px;}
	.basicView .conText {padding:30px 10px;min-height:auto;}
	.basicView .conText img {width:100%;}

	/* 페이징 */
	.paging {text-align:center;margin:20px 0;clear:both;overflow:hidden;}
	.paging a {display:inline-block;position:relative;min-width:33px;height:33px;line-height:33px;text-align:center;border:1px solid #d4d4d4;z-index:1; vertical-align:top;}
	.paging a img {vertical-align:top;}


	
	}



@media all and (max-width:768px){
	.sub #contents {width:100%;/* padding-left:15px; *//* padding-right:15px; */}

	/*sub visual */
	.subVisual {display:none;}
	.subNavi .path{display:none;}
	.subNavi .path.path_mo {display:block;}
	.subNavi .path > li {border-left:0px;}
	.subNavi .path > li:nth-child(2) {min-width:auto;}
	.subNavi .path > li.last {width:auto; border-right:0px; background:none;}
	.subNavi .path > li> a {font-size: 0.95em;padding: 0 10px;}
	.subNavi .path > li a {background:url('../images/common/ico_r_arr4_w.png') no-repeat 0 50%;}
	.subNavi .path li a.home{padding:0 20px}
	.subTit h3 {font-size:1.5em; display:none;}
	#subvis_text{   padding: 155px 0px 20px 0;}
	#subvis_text span{ font-size: 40px;}
    #subvis_wrap{ height: 320px;}
    .subvis01{  height: 320px;}
    .depth2_tab ul{padding: 0;}
    .depth2_tab ul li a{padding: 15px 0;font-size: 0.8em;letter-spacing: -.075em;line-height: 1;word-break: keep-all;}

	/*footer*/
	/*pageing*/
	.pageing {text-align:center;margin:20px 0 40px 0;}
	.pageing a{display:inline-block;width: 30px;height: 30px;font-size:1.1em;color:#777;line-height: 30px;text-decoration: none;padding: 0;box-sizing: border-box;margin: 2px;border: none;}
	.pageing strong{display:inline-block; width:45px; height:45px;font-size:1.1em; line-height:45px;color:#fff; text-decoration:none;}
	.pageing a:hover, .pageing a.on {color: #085dc0;text-decoration: underline;background: none;}
	.pageing a.bt{color:#ccc;font-weight:100;font-size:0.9em;margin: -3px;padding: 0;}
	.pageing a.bt:hover{border:none; background-color:#fff; color:#085dc0;}
}

@media all and (max-width:600px){
    .header.open_mn{height:100%;position: absolute;}
	
	.subvis01_img{display:none;}
	.sub #contents {width:100%;/* padding-left:15px; *//* padding-right:15px; */}
	.contit h2{line-height:35px;}
	div.loc{top: 65px;}
	.contit{margin-bottom: 80px;}
	.btn_gotop{margin:-20px 0 0 0; float:right; background:url('/images/common/btn_top.gif')no-repeat; width:55px; height:55px; font-size:0;}
    .full_menu .dep1_li{width: 100%;padding: 40px 0 30px 0;}
    .full_menu .dep2{ margin-top: 20px;}
    .full_menu .dep2_link{ font-size: 15px;}
    .full_menu .dep2_li{ margin-top: 10px;}
    .header .util_box .mail_btn{display:none;}
	.header.open_mn .full_menu::after{display:none;}

	/* To Top */
    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
	text-decoration:none; color:#000;}
    .cd-top.cd-is-visible {visibility: visible; opacity: 1; z-index:997;}
    .cd-top.cd-fade-out {opacity:1;}
    .no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}

	.contxt{font-size:1em;}
	table.board_view td span{display:block;}
	table.board_view td input {max-width:100% !important;}
	table.board_view td select {max-width:100% !important;}
	table.board_view td .round_small{display:inline-block;}
	table.board_view .td_type1 p{width:100%; margin: 5px 0;}

	/*board*/
	table.board_view tbody th, table.board_view tbody td  {padding:12px 6px;}
	table.board_write th, table.board_write td {padding:6px;}
	.board_search .page{font-size:12px;}
	.board_search{height: 63px;}
	.board_search fieldset{padding: 8px 0;width:100%;}
	.board_search select{width:25%;}
    .board_search input[type="text"]{width:40%}
    /*write*/
    table.board_write .input_mo input{width: 100% !important;}
    table.board_write .input_mo input:last-child{margin-top:10px;} /*1101*/
    table.board_write input{width: 100% !important;}
    table.board_write input.postCode{width:63% !important;}

	 /*font-size*/
	.sub #contents .con {font-size: 0.813em; line-height:1.5em;}
	.footer-con .footer_Menu li:nth-child(4){clear:both;padding-left: 0;}
	.footer-con .footer_Menu li:nth-child(3),.footer-con .footer_Menu li:nth-child(4){display:block; float:left;}
	.footer-con .footer_Menu li:nth-child(3):after{content:"";}
}

@media all and (max-width:480px){
	.header{  padding: 0 20px;}
	.header .logo{width: 73px;}
	.header .btn_full_menu .bar_top, .header .btn_full_menu .bar_mid, .header .btn_full_menu .bar_bot
	.cd-top {/* right:15px; *//* bottom:48px; */width: 30px;}
	.header .btn_full_menu .bar_top{top: 7px;}
	.header .btn_full_menu .bar_mid{top: 44%;-webkit-transform: translate(0, -50.1%);transform: translate(0, -50%);}
	.header .btn_full_menu .bar_bot{bottom: 10px;width: 30px;}
	.header .util_box{  top: 17px;}
	.header.open_mn .btn_full_menu .bar_top{width: 32px;top: 7px;left: 0;}
	.header.open_mn .btn_full_menu .bar_bot{width: 32px;left: 1px;}
	.full_menu{ padding-top: 32px;}
	.full_menu .dep1_link{ padding-bottom: 10px;}
	.full_menu .dep1_li{
    padding: 30px 0 15px 0;
}
	.sub> #footer .footer_area{width:80%; padding:0 20px;}
	.sub> #footer .footer_area .address p {font-size:0.8em;}
	table.board_view td input {max-width:100% !important;}
	table.board_view td select {max-width:100% !important;}
	select{width:80px; padding:0 10px 0 10px;}
	#gnb h1{line-height: 50px;}
	#gnb h1 img{width: 65%;margin-top: 6px;}
	#subvis_wrap{height: 250px;}
    .subvis01{height: 250px;}
    #subvis_text{padding: 120px 0px 20px 0;}
    #subvis_text span{font-size:30px;}
    #subvis_text ::before{display:none;}

    #footer address{font-size:0.8em;}
}

@media all and (max-width:360px){

}