@charset "utf-8";

header .header_menu {background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);}
#subVisual {background:url(/img/sub_customer_bg.jpg) no-repeat center bottom/cover}

/* board search */
.board_list {position:relative;padding-bottom:120px}
.board_list:after, .tab_menu:after, .file_area ol:after {content:"";height:0;line-height:0;clear:both;display:block;visibility:hidden}
/* .board_list .search {position:absolute;right:0;margin-top:-10px}*/
.boardWrap .search {text-align:right;padding-bottom:20px}
.boardWrap .search .select_wrap {width:130px}
.boardWrap select,.boardWrap input {border:1px solid #d4d4d4;vertical-align:middle;height:37px;line-height:37px;font-size:1.071em}
.boardWrap .search select {padding:0 5px;color:#888}
.boardWrap .search input {padding:0 5px}
.boardWrap .search a {background-color:#310e78;height:37px;line-height:37px;display:inline-block;color:#fff;padding:0 25px;vertical-align:middle}
.boardWrap .search > * {margin:0 2px}

/* search tab */
.boardWrap .tab_menu {overflow:hidden;height:45px;margin:0;padding:0;width:100%;display:none}
.boardWrap .tab_menu li {margin:0;padding:0}ㄴ
.boardWrap .tab_menu li,
.boardWrap .tab_menu li a {letter-spacing:-1px}
.boardWrap .tab_menu li {float:left;margin-right:-1px;line-height:27px;_line-height:23px;font-size:1.05em}
.boardWrap .tab_menu li.rgt {margin-right:0px}
.boardWrap .tab_menu li a {display:inline-block;padding:8px 25px 15px 23px;*padding:9px 20px 15px 18px;color:#767676;text-decoration:none!important;border:1px solid #d6d6d6;background-color:#f7f7f7}
.boardWrap .tab_menu li a:hover {color:#000;font-weight:700}
.boardWrap .tab_menu li a:active {color:#000}
.boardWrap .tab_menu li.on {margin-right:0}
.boardWrap .tab_menu li.on a {font-weight:800;color:#494949;border:1px solid #666;background-color:#fff}

/* board table */
.boardWrap a:hover {#7d48ab}
.boardWrap table {border-top:2px solid #666;}
.boardWrap table td,
.boardWrap table th {text-align:center;border-bottom:1px solid #e1e1e1;padding:25px 20px;color:#5a595a;font:1.18em/1.5 'NanumSquareL','Malgun Gothic','맑은 고딕'}
.boardWrap table caption {height:0;line-height:0;visibility:hidden}
.boardWrap table thead th {font:1.22em 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#111!important}

.board_list table td img {vertical-align:middle;margin-right:5px}
.board_list table td.subject {text-align:left;color:#302f30;font-family:'NanumSquareR','Malgun Gothic','맑은 고딕'}
.board_list table td.date {font:1.063em robotoL,'NanumSquareR','Malgun Gothic','맑은 고딕';letter-spacing:0;color:#888}
.board_list .blank {padding:150px 0}
.board_list .reply_area {background-color:#f9f9f9;}
.board_list .reply_area .subject {padding-left:40px}
.board_list .flag {border:1px solid;padding:4px 5px;font-size:0.9em}
.board_list .re_box {border-color:#d9d9d9 #c2c2c2 #c2c2c2 #d9d9d9;color:#7d48ab;background-color:#fff;}
.board_list .new_box {border-color:#a40081;background-color:#a40081;color:#fff;margin-right:7px;padding:3px 7px;font:0.8em 'RobotoR','NanumSquareR','Malgun Gothic','맑은 고딕',sans-serif}

/* board button */
.boardWrap .btn_area {text-align:center;margin-top:20px;position:relative;padding-bottom:50px;width:100%}
.boardWrap .btn_area p {position:absolute}
.boardWrap .btn_area .right {right:0}
.boardWrap .btn_area .left {left:0}
.boardWrap .btn_area a {padding:13px 35px;background-color:#111;color:#fff;display:inline-block;font-size:1.2em}
.boardWrap .btn_area a.cancle {background-color:#fff;color:#555;border:1px solid #999}
.boardWrap .btn_area a.save {background-color:#ff8615;color:#fff;border:1px solid #ff8615}

/*
.write_qna {width:95%;padding:0 5px}
.notice {border:1px solid #ddd;background-color:#fafafa;padding:10px 15px;margin-top:10px}*/

/* board file */
.file_area ol {padding:20px 0 10px 0}
.file_area ol li {float:left;padding:3px 7px;margin:3px 5px 3px 0;border:1px solid #e2e2e2}
.file_area ol li img,.board_view table td.prev_area img {margin-right:5px;vertical-align:middle}
.file_area ol li a {color:#111;font:0.94em 'NanumSquareR','Malgun Gothic','맑은 고딕'}

/* board event */
.evt_list .thum {position:relative;}
.evt_list .thum a {-webkit-transition: all .3s linear;position:absolute;top:0;left:0;width:352px;height:140px}
.evt_list .thum a:hover {-webkit-transform:scale(1.1)!important;transition:all .9s;}
.evt_list .thum .wrap {display:block;width:352px;height:140px;position:relative;overflow:hidden}
.evt_list .dday {display:block;position:absolute;top:10px;left:10px;width:55px;height:50px;background:#310e78;text-align:center;color:#fff;font:0.9em/50px 'RobotoL','NanumSquareR','Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:0;z-index:10}
.evt_list .subject dt {font-size:1.22em;padding-bottom:10px}
.evt_list .subject dd a {color:#888}
.evt_list .subject dd.date {padding-top:20px;font:0.9em robotoL,'NanumSquareR','Malgun Gothic','맑은 고딕';letter-spacing:0;color:#888}
.evt_list .subject dd.date strong {padding-right:10px;color:#444}

/* .evt_list[class*='listType']>div{border-top:2px solid #a40081} */

/* board view */
.board_view {padding-bottom:120px}
.board_view table th, .board_view table td {text-align:left}
.board_view table thead th {font:1.5em 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#111!important}
.board_view table td.board_content{padding:40px 20px;color:#333;line-height:1.5;font-size:1.2em}
.board_view table td.prev_area {border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;color:#7a7a7a}
.board_view table td.prev_area strong {display:block;padding-bottom:10px;color:#444;font-weight:bold}
.board_view table tbody th {font-weight:bold}
.board_view table thead th,
.board_view table thead td {border:none}
.board_view table .board_name td, .board_view table .board_name th {padding-top:5px;font:1.05em robotoL,'NanumSquareR','Malgun Gothic','맑은 고딕';letter-spacing:0}
.board_view table tfoot th {font-weight:bold}

.arrow {display:inline-block;height:7px;position:relative;width:7px;margin-left:5px}
.arrow::after {border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;
 height:12px;left:0;position:absolute;top:0;width:12px}
.arrow.is-triangle::after {border-style:solid;border-width:0 0 5px 5px;height:0;width:0}
.arrow.is-top {-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.arrow.is-bottom {-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*
.arrow.is-right {-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);transform:rotate(315deg)}
.arrow.is-left {-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
*/
.arrow.is-triangle::after {border-color:transparent;border-bottom-color:#222}
.arrow::before {background-color:#222}


/** js.park 추가 **/
.board_content img {width:100%;}
.thum span.wrap a {width:inherit;height:inherit;}
.thum span.wrap a img {width:inherit;height:inherit;}


/* mobile mediaquery 320px*640px */

@media only screen and
(min-width:10px) and (max-width:640px)
{
	#lnbWrap .depth1 {display:none;}
	#gnbWrap ul li:not(:last-child) {display:none;}
	
    /* board search */
    .board_list {position:relative;padding-bottom:40px}
    .board_list:after, .tab_menu:after, .file_area ol:after {content:"";height:0;line-height:0;clear:both;display:block;visibility:hidden}
    .board_list.evt_list table td.subject {border-top:none;padding:0 20px 20px}
    .boardWrap table td, .boardWrap table th {padding:15px}
    .boardWrap table td.date {width:40px}

    .boardWrap .search {text-align:center;padding-bottom:20px;white-space:nowrap}
    .boardWrap .search .select_wrap {width:100px!important}
    .boardWrap .search input {width:130px}
    .boardWrap .evt_list table td {display:block}

    /* board event */
    .evt_list .thum {border-bottom:1px solid #fff}
    .evt_list .thum a {width:100%}
    .evt_list .thum .wrap {width:100%;height:130px}
    .evt_list .subject dd.date {padding-top:5px;font-size:0.85em}
    .evt_list .subject dd.date strong {display:none}
    .evt_list .subject dt {font-size:1.1em}
    .evt_list .dday {width:45px;height:35px;line-height:35px;font-size:0.85em}
    
    #container article {padding-left:0px;}
}

@media only screen and
(min-width:641px) and (max-width:999px)
{
	#lnbWrap .depth1 {display:none;}
	#gnbWrap ul li:not(:last-child) {display:none;}
	
    /* board search */
    .board_list {position:relative;padding-bottom:40px}
    .board_list:after, .tab_menu:after, .file_area ol:after {content:"";height:0;line-height:0;clear:both;display:block;visibility:hidden}
    .board_list.evt_list table td.subject {border-top:none;padding:0 20px 20px}
    .boardWrap table td, .boardWrap table th {padding:15px}
    .boardWrap table td.date {width:40px}

    .boardWrap .search {text-align:center;padding-bottom:20px;white-space:nowrap}
    .boardWrap .search .select_wrap {width:100px!important}
    .boardWrap .search input {width:130px}
    .boardWrap .evt_list table td {display:block}

    /* board event */
    .evt_list .thum {border-bottom:1px solid #fff}
    .evt_list .thum a {width:100%}
    .evt_list .thum .wrap {width:100%;height:130px}
    .evt_list .subject dd.date {padding-top:5px;font-size:0.85em}
    .evt_list .subject dd.date strong {display:none}
    .evt_list .subject dt {font-size:1.1em}
    .evt_list .dday {width:45px;height:35px;line-height:35px;font-size:0.85em}
    
    #container article {padding-left:0px;}
}

@media only screen and
(min-width:1000px) and (max-width:1299px)
{
	#container article {padding-left:300px;}
	#lnbWrap .depth1 ul {margin-left:20%;}
	#lnbWrap .depth2 .m_wrap {margin-left:33%;}
}

@media only screen and
(min-width:1300px) and (max-width:1700px)
{
	#container article {padding-left:350px;}
	#lnbWrap .depth1 ul {margin-left:25%;}
	#lnbWrap .depth2 .m_wrap {margin-left:32%;}
}