@charset "utf-8"; 

/* hot_news */
.hot_new_wrap {width:100%; border:solid 1px #5879c3; margin-bottom:30px; background:#f2f2f2; overflow:hidden;}
.hot_new_wrap:after {content:""; display:block; clear:both;}
.hot_new_wrap p {float:left; width:158px; margin-right:20px; margin-left:20px; text-align:center; height:186px; line-height:186px;}
.hot_new_wrap p img {max-width:100%; vertical-align:middle;}
.hot_new_wrap dl {float:left; padding:25px 25px 25px 0; width:570px;}
.hot_new_wrap dl.width100 {width:95% !important; margin-left:2%;}
.hot_new_wrap dl dt {font-size:15pt; line-height:15pt; font-family: 'ngb'; margin-bottom:15px;}
.hot_new_wrap dl dt a {display:block; color:#5879c3; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%;}
.hot_new_wrap dl dd {font-size:11pt; line-height:15pt;}
.hot_new_wrap dl dd a {display:block; color:#787878; max-height:138px; overflow:hidden;}

.ware_title_web {font-size:24px; line-height: 18pt; font-weight:700}
.ware_title_mob {font-size:18px; line-height: 18pt; font-weight:700}


/* 뉴스 리스트 */
.new_tab_wrap {width:100%; margin-bottom:40px;}
.new_tab_wrap ul.new_tab {}
.new_tab_wrap ul.new_tab:after {content:""; display:block; clear:both;}
.new_tab_wrap ul.new_tab li {float:left; width:50%;}
.new_tab_wrap ul.new_tab li.wd20 {width:20%;}
.new_tab_wrap ul.new_tab li a {display:block; font-size:11pt; line-height:11pt; padding:15px 0; text-align:center; }
.new_tab_wrap ul.new_tab li a {background:url('../images/common/tab_off.png') repeat; background-size:100% 100%; color:#606060; }
.new_tab_wrap ul.new_tab li a:hover {color:#5879c3; background:url('../images/common/tab_on.png') repeat; background-size:100% 100%;}
.new_tab_wrap ul.new_tab li a.on {font-family: 'ngb'; color:#5879c3; background:url('../images/common/tab_on.png') repeat; background-size:100% 100%;}

.new_tab_wrap ul.new_tab li.wd20 a {display:block; font-size:11pt; line-height:11pt; padding:15px 0; text-align:center; }
.new_tab_wrap ul.new_tab li.wd20 a {background:url('../images/common/tab20_off.png') repeat; background-size:100% 100%; color:#606060; }
.new_tab_wrap ul.new_tab li.wd20 a:hover {color:#5879c3; background:url('../images/common/tab20_on.png') repeat; background-size:100% 100%;}
.new_tab_wrap ul.new_tab li.wd20 a.on {font-family: 'ngb'; color:#5879c3; background:url('../images/common/tab20_on.png') repeat; background-size:100% 100%;}

.news_wrap {}
.news_wrap ul.new_list {width:100%;}
.news_wrap ul.new_list li {border-top:solid 1px #d9d9d9; margin-top:20px; padding-top:20px;}
.news_wrap ul.new_list li:first-child {border:none;  margin-top:0; padding-top:0;}
.news_wrap ul.new_list li:after {content:""; display:block; clear:both;}
.news_wrap ul.new_list.newsCh li p { height:72px; line-height:72px; }
.news_wrap ul.new_list li p {float:left; width:90px; margin-right:20px; height:92px; line-height:92px; text-align:center;}


/*
.news_wrap ul.new_list li p img {border:solid 1px #bbb; max-width:90% !important; vertical-align:middle; height:auto; max-height:60px;}
2021.06.16 max-height:92px로 수정 
*/
.news_wrap ul.new_list li p img {border:solid 1px #bbb; max-width:90% !important; vertical-align:middle; height:auto; max-height:92px;}

.news_wrap ul.new_list.newsCh li p img { max-height:97px;}
.news_wrap ul.new_list li dl {float:left; width:700px;}
.news_wrap ul.new_list li dl dt {font-size:14pt; line-height:16pt; font-family: 'ngb'; margin-bottom:20px;}
.news_wrap ul.new_list li dl dt .date {text-align:right;  color:#787878; font-family:ng; font-size:9pt !important;}
.news_wrap ul.new_list li dl dt a {display:block; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%;}
.news_wrap ul.new_list li dl dd {font-size:10pt; line-height:14pt;}
.news_wrap ul.new_list li dl dd a {display:block; color:#787878; overflow:hidden; height:54px;}


/* 해사물류 법률정보 */
.mlli_search {font-size:10pt; line-height:10pt; color:#3c4046; margin-bottom:20px;}

.mlli_wrap {width:100%; padding-top:5px; border-top:solid 2px #5879c3; border-bottom:solid 1px #5879c3;}
.mlli_wrap ul.mlli_list {}
.mlli_wrap ul.mlli_list li {border-top:solid 1px #d9d9d9; padding:10px 20px 10px 10px;}
.mlli_wrap ul.mlli_list li:first-child {border-top:0;}
.mlli_wrap ul.mlli_list li:after {content:""; display:block; clear:both;}
.mlli_wrap ul.mlli_list li a {float:left; font-size:10pt; padding-left:20px; line-height:10pt; color:#787878; background:url('/ksg/images/icon/icon_arrow2.png') left no-repeat; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:85%;}
.mlli_wrap ul.mlli_list li span.ddmmyy {float:right; color:#787878; font-size:10pt; line-height:10pt;}


/* 포토 뉴스 */
.photo_search_wrap {border:solid 1px #efeff0; background:#f2f2f2; width:667px; padding:26px 70px; margin-bottom:40px;}
.photo_search_wrap dl.photo_search {}
.photo_search_wrap dl.photo_search:after {content:""; display:block; clear:both;}
.photo_search_wrap dl.photo_search dt {float:left; width:70px; font-size:11pt; line-height:25pt; font-family: 'ngb'; margin-top:10px; color:#3c4046;}
.photo_search_wrap dl.photo_search dd input[type="checkbox"] {vertical-align:-2px; margin-left:10px;}
.photo_search_wrap dl.photo_search dd {float:left; width:590px; margin-top:10px;}
.photo_search_wrap dl.photo_search dd:first-child {margin-top:0;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; color:#3c4046; margin-right:20px;}
.photo_search_wrap dl.photo_search dd input[type="radio"] {vertical-align:-2px;}
.photo_search_wrap dl.photo_search dd span img {vertical-align:top; width:34px;}

.photo_search_wrap dl dd a.p_s_search {display:inline-block; width:75px; padding:11px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:#fff; background:url('../images/btn/bg_btn_blue.png') repeat-x; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input {display:inline-block; width:350px; padding:5px 0; background:url('../images/common/bg_searchB.png') repeat; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {border:none; background:none; margin-left:10px; width:95%; padding:5px 0; font-size:10pt; line-height:10pt; color:#3a3e44;}

.day_chk_Zone {width:100%;}
.day_chk_Zone:after {content:''; display:block; clear:both;}
.day_chk_Zone .leftday {float:left;}
.day_chk_Zone .rightday {float:left; }
.day_chk_Zone span.day_sign {float:left; padding:12px; font-size:10pt; line-height:10pt; color:#3c4046;}
.photo_search_wrap dl dd .p_s_day {display:inline-block; width:100px; padding:11px 10px; background:url('../images/common/bg_searchS.png') left top repeat; background-size:100% 100%; border:none; font-size:10pt; line-height:10pt; color:#3c4046;}
.day_chk_Zone .dayZoneButton {float:left;}
.day_chk_Zone .dayZoneButton .ui-datepicker-trigger {float:right; margin-left:5px; background:url('../images/icon/icon_calendar.png') no-repeat; width:36px; height:36px; border:none; text-indent:-9999em;}


/* 포토 갤러리 */
.photo_gallery_wrap {width:100%;}
.photo_gallery_wrap ul.photo_gallery_list {}
.photo_gallery_wrap ul.photo_gallery_list:after {content:""; display:block; clear:both;}
.photo_gallery_wrap ul.photo_gallery_list li {float:left; width:259px; margin:0 0 15px 10px;} 
.photo_gallery_wrap ul.photo_gallery_list li a {display:block; position:relative; color:#fff; font-family: 'ngb';}
.photo_gallery_wrap ul.photo_gallery_list li a img {max-width:259px; width:100%;}
.photo_gallery_wrap ul.photo_gallery_list li a p.photo_txt {position:absolute; left:0; bottom:0; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:239px; padding:20px 10px;}
.photo_gallery_wrap ul.photo_gallery_list li.last {margin-right:0;}


/* ksg 방송 */
.ksg_movie_page { width:100%; height:489px; }
.ksg_movie_page iframe { width:100%; height:100%; }
.ksg_ifame iframe {width:94%; padding:0 3%; height:456px; margin-top:3%;}
.ksg_tit {padding-bottom:15px; width:94%; margin:0 3% 0 3%; font-family: 'ngb'; font-size:13pt; line-height:13pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}
.FontRed{font-weight:bold; color:#cd2a07; position:relative;}
.Special_more{position:absolute; top:0; right:0; border:1px solid #7e807b; color:#000606; font-size:12px; padding:4px 10px; background-color:#fff;}
.special_subTxt{position:absolute; top:0; right:0; color:#cd2a07; font-size:12px;}
.f_Red{color:#cd2a07; font-size:12px;}


/* 방송 리스트 */
.charge_ksg_movie {padding:29px 30px; width:811px; background:#edf1fa; margin:40px 0;}
.charge_ksg_movie .ksg_tit {margin:0 0 20px 0; padding-bottom:15px; width:100%; font-family: 'ngb'; font-size:12pt; line-height:12pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}
.charge_ksg_movie ul.charge_ksg_movie_list {position:relative;}
.charge_ksg_movie ul.charge_ksg_movie_list li {width:771px; padding:0 18px 0 22px; }
.charge_ksg_movie ul.charge_ksg_movie_list li:after {content:""; display:block; clear:both;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one {float:left; width:231px; margin-right:36px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one.last {margin-right:0;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img {margin-bottom:10px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img img {width:100%; max-width:231px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

.charge_ksg_movie .bx-wrapper {position: relative;}
/* PAGER */
.charge_ksg_movie .bx-wrapper .bx-pager {display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.charge_ksg_movie .bx-wrapper .bx-prev {left: -10px; background: url('../images/icon/icon_slider_l_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-next {right: -10px; background: url('../images/icon/icon_slider_r_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a {position: absolute; top: 25%; outline: 0; width: 25px; height: 52px; text-indent: -9999px; z-index: 9999;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* 방송 리스트 */
.free_ksg_movie {padding:34px 23px; width:767px; margin:0 3%;}
.free_ksg_movie ul.free_ksg_movie_list {}
.free_ksg_movie ul.free_ksg_movie_list:after {content:""; display:block; clear:both;}
.free_ksg_movie ul.free_ksg_movie_list li {float:left; width:231px; margin:0 37px 25px 0;}
.free_ksg_movie ul.free_ksg_movie_list li.last {margin-right:0;}
.free_ksg_movie ul.free_ksg_movie_list li p.img {margin-bottom:10px;}
.free_ksg_movie ul.free_ksg_movie_list li p.img img {width:100%; max-width:231px;}
.free_ksg_movie ul.free_ksg_movie_list li p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

/*스페셜 더보기 리스트*/

.pd0{padding:34px 0;}
.special_ksg_movie_list > li{margin-bottom:5%;}
.special_ksg_movie_list > li:after{content:''; display:block; clear:both;}
.special_ksg_movie_list > li > div{float:left;}
.special_ksg_movie_list > li > div.sp_num{vertical-align:middle; text-align:center; width:10%; margin-top:10%;}
.special_ksg_movie_list > li > div.specialBtnWrap{float:right; margin-top:5%;}
.special_ksg_movie_list > li > div.specialBtnWrap a{display:block; margin-bottom:10px; text-align:center;}

.special_ksg_movie_list > li > div.sp_img{width:231px; margin-right:20px;}
.special_ksg_movie_list > li > div.sp_img .img {width:100%;margin-bottom:10px;}
.special_ksg_movie_list > li > div.sp_img .img img {width:100%; max-width:231px;}
.special_ksg_movie_list > li > div.sp_img .txt a {display:block; width:100%; height:100%; font-size:10pt; font-weight:bold; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

.special_ksg_movie_list > li > div.sp_table{margin-top:2%; width:340px;}
.special_ksg_movie_list > li > div.sp_table table{width:100%; font-size:12px; color:#cd2a07;}
.special_ksg_movie_list > li > div.sp_table table td{text-align:left; padding:5px 0; vertical-align:top;}

@media all and (min-width:1024px) and (max-width:1247px) { 
/* hot_news */
.hot_new_wrap {width:100%; border:solid 1px #5879c3;}
.hot_new_wrap:after {content:""; display:block; clear:both;}
.hot_new_wrap p {float:left; width:19%; margin-right:1.5%; margin-left:1.5%;}
.hot_new_wrap p img {width:100%;}
.hot_new_wrap dl {float:left; padding:3% 3% 3% 0; width:75%;}
.hot_new_wrap dl dt {font-size:15pt; line-height:15pt; font-family: 'ngb'; margin-bottom:15px;}
.hot_new_wrap dl dt a {display:block; color:#5879c3; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%;}
.hot_new_wrap dl dd {font-size:11pt; line-height:16pt;}
.hot_new_wrap dl dd a {display:block; color:#787878; max-height:108px; overflow:hidden;}

/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:10%; margin-right:2%;}
.news_wrap ul.new_list li p img {width:100%;}
.news_wrap ul.new_list li dl {width:87%;}
.news_wrap ul.new_list li dl dt {font-size:11.5pt; line-height:11.5pt; margin-bottom:3%;}
.news_wrap ul.new_list li dl dt a {}
.news_wrap ul.new_list li dl dd {font-size:10pt; line-height:14pt;}
.news_wrap ul.new_list li dl dd a {max-height:54px;}


/* 포토 뉴스 */
.photo_search_wrap {border:solid 1px #efeff0; background:#f2f2f2; width:92%; padding:3% 4%; margin-bottom:40px;}
.photo_search_wrap dl.photo_search {}
.photo_search_wrap dl.photo_search:after {content:""; display:block; clear:both;}
.photo_search_wrap dl.photo_search dt {float:left; width:70px; font-size:11pt; line-height:25pt; font-family: 'ngb'; margin-top:10px; color:#3c4046;}
.photo_search_wrap dl.photo_search dd input[type="checkbox"] {vertical-align:-2px; margin-left:10px;}
.photo_search_wrap dl.photo_search dd {float:left; width:88%; margin-top:10px;}
.photo_search_wrap dl.photo_search dd:first-child {margin-top:0;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; color:#3c4046; margin-right:20px;}
.photo_search_wrap dl.photo_search dd input[type="radio"] {vertical-align:-2px;}
.photo_search_wrap dl.photo_search dd span img {vertical-align:top; width:36px;}
.photo_search_wrap dl dd a.p_s_search {display:inline-block; width:75px; padding:11px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:#fff; background:url('/ksg/images/btn/bg_btn_blue.png') repeat-x; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input {display:inline-block; width:60%; padding:5px 0; background:url('../images/common/bg_searchB.png') repeat; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {border:none; background:none; margin-left:10px; width:95%; padding:5px 0; font-size:10pt; line-height:10pt; color:#3a3e44;}


/* 포토 갤러리 */
.photo_gallery_wrap {width:100%;}
.photo_gallery_wrap ul.photo_gallery_list {}
.photo_gallery_wrap ul.photo_gallery_list:after {content:""; display:block; clear:both;}
.photo_gallery_wrap ul.photo_gallery_list li {float:left; width:32%; margin:0 2% 15px 0;} 
.photo_gallery_wrap ul.photo_gallery_list li a {display:block; position:relative; color:#fff; font-family: 'ngb';}
.photo_gallery_wrap ul.photo_gallery_list li a img {max-width:259px; width:100%;}
.photo_gallery_wrap ul.photo_gallery_list li a p.photo_txt {position:absolute; left:0; bottom:0; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:239px; padding:20px 10px;}
.photo_gallery_wrap ul.photo_gallery_list li.last {margin-right:0;}


/* ksg 방송 */
.ksg_movie_page { width:100%; height:430px; }
.ksg_movie_page iframe { width:100%; height:100%; }
.ksg_ifame iframe {width:94%; padding:0 3%; height:378px;}
.ksg_tit {padding-bottom:15px; width:94%; margin:0 3% 0 3%; font-family: 'ngb'; font-size:13pt; line-height:13pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}

/* 방송 리스트 */
.charge_ksg_movie {padding:3%; width:94%; background:#edf1fa; margin:4% 0;}
.charge_ksg_movie .ksg_tit {margin:0 0 20px 0; padding-bottom:15px; width:100%; font-family: 'ngb'; font-size:12pt; line-height:12pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}

.charge_ksg_movie ul.charge_ksg_movie_list {position:relative;}
.charge_ksg_movie ul.charge_ksg_movie_list li {width:98%; padding:0 1%;}
.charge_ksg_movie ul.charge_ksg_movie_list li:after {content:""; display:block; clear:both;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one {float:left; width:32%; margin-right:2%;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one.last {margin-right:0;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img {margin-bottom:10px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img img {width:100%; max-width:231px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

.charge_ksg_movie .bx-wrapper {position: relative;}
/* PAGER */
.charge_ksg_movie .bx-wrapper .bx-pager {display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.charge_ksg_movie .bx-wrapper .bx-prev {left: -10px; background: url('../images/icon/icon_slider_l_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-next {right: -10px; background: url('../images/icon/icon_slider_r_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a {position: absolute; top: 25%; outline: 0; width: 25px; height: 52px; text-indent: -9999px; z-index: 9999;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a.disabled {display: none;}


/* 방송 리스트 */
.free_ksg_movie {padding:3% 2%; width:96%;}
.free_ksg_movie ul.free_ksg_movie_list:after {content:""; display:block; clear:both;}
.free_ksg_movie ul.free_ksg_movie_list li {float:left; width:29%; margin:0 3.3% 3% 0;}
.free_ksg_movie ul.free_ksg_movie_list li.last {margin-right:0;}
.free_ksg_movie ul.free_ksg_movie_list li p.img {margin-bottom:10px;}
.free_ksg_movie ul.free_ksg_movie_list li p.img img {width:100%; max-width:231px;}
.free_ksg_movie ul.free_ksg_movie_list li p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

}

@media all and (min-width:801px) and (max-width:1023px) { 
/* hot_news */
.hot_new_wrap {width:100%; border:solid 1px #5879c3;}
.hot_new_wrap:after {content:""; display:block; clear:both;}
.hot_new_wrap p {float:left; width:17%; margin-right:1.5%; margin-left:1.5% }
.hot_new_wrap p img {width:100%;}
.hot_new_wrap dl {float:left; padding:3% 3% 3% 0; width:76%;}
.hot_new_wrap dl dt {font-size:15pt; line-height:15pt; font-family: 'ngb'; margin-bottom:15px;}
.hot_new_wrap dl dt a {display:block; color:#5879c3; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%;}
.hot_new_wrap dl dd {font-size:11pt; line-height:16pt;}
.hot_new_wrap dl dd a {display:block; color:#787878; max-height:108px; overflow:hidden;}

/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:8.7%; margin-right:2%; height:63px; line-height:63px;}
.news_wrap ul.new_list li p img {width:100%;}
.news_wrap ul.new_list li dl {width:88%;}
.news_wrap ul.new_list li dl dt {font-size:11.5pt; line-height:11.5pt; margin-bottom:2%;}
.news_wrap ul.new_list li dl dt a {}
.news_wrap ul.new_list li dl dd {font-size:10pt; line-height:14pt;}
.news_wrap ul.new_list li dl dd a {max-height:54px;}


/* 포토 뉴스 */
.photo_search_wrap {border:solid 1px #efeff0; background:#f2f2f2; width:92%; padding:3% 4%; margin-bottom:40px;}
.photo_search_wrap dl.photo_search {}
.photo_search_wrap dl.photo_search:after {content:""; display:block; clear:both;}
.photo_search_wrap dl.photo_search dt {float:left; width:70px; font-size:11pt; line-height:25pt; font-family: 'ngb'; margin-top:10px; color:#3c4046;}
.photo_search_wrap dl.photo_search dd input[type="checkbox"] {vertical-align:-2px; margin-left:10px;}
.photo_search_wrap dl.photo_search dd {float:left; width:88%; margin-top:10px;}
.photo_search_wrap dl.photo_search dd:first-child {margin-top:0;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; color:#3c4046; margin-right:20px;}
.photo_search_wrap dl.photo_search dd input[type="radio"] {vertical-align:-2px;}
.photo_search_wrap dl.photo_search dd span img {vertical-align:top; width:36px;}
.photo_search_wrap dl dd a.p_s_search {display:inline-block; width:75px; padding:11px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:#fff; background:url('/ksg/images/btn/bg_btn_blue.png') repeat-x; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input {display:inline-block; width:65%; padding:5px 0; background:url('../images/common/bg_searchB.png') repeat; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {border:none; background:none; margin-left:10px; width:95%; padding:5px 0; font-size:10pt; line-height:10pt; color:#3a3e44;}


/* 포토 갤러리 */
.photo_gallery_wrap {width:100%;}
.photo_gallery_wrap ul.photo_gallery_list {}
.photo_gallery_wrap ul.photo_gallery_list:after {content:""; display:block; clear:both;}
.photo_gallery_wrap ul.photo_gallery_list li {float:left; width:32%; margin:0 2% 15px 0;} 
.photo_gallery_wrap ul.photo_gallery_list li a {display:block; position:relative; color:#fff; font-family: 'ngb';}
.photo_gallery_wrap ul.photo_gallery_list li a img {max-width:259px; width:100%;}
.photo_gallery_wrap ul.photo_gallery_list li a p.photo_txt {position:absolute; left:0; bottom:0; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:239px; padding:20px 10px;}
.photo_gallery_wrap ul.photo_gallery_list li.last {margin-right:0;}


/* 방송 리스트 */
.charge_ksg_movie {padding:3%; width:94%; background:#edf1fa; margin:4% 0;}
.charge_ksg_movie .ksg_tit {margin:0 0 20px 0; padding-bottom:15px; width:100%; font-family: 'ngb'; font-size:12pt; line-height:12pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}

.charge_ksg_movie ul.charge_ksg_movie_list {position:relative;}
.charge_ksg_movie ul.charge_ksg_movie_list li {width:98%; padding:0 1%;}
.charge_ksg_movie ul.charge_ksg_movie_list li:after {content:""; display:block; clear:both;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one {float:left; width:32%; margin-right:2%;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one.last {margin-right:0;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img {margin-bottom:10px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img img {width:100%; max-width:231px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

.charge_ksg_movie .bx-wrapper {position: relative;}
/* PAGER */
.charge_ksg_movie .bx-wrapper .bx-pager {display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.charge_ksg_movie .bx-wrapper .bx-prev {left: -10px; background: url('../images/icon/icon_slider_l_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-next {right: -10px; background: url('../images/icon/icon_slider_r_arrow.png') no-repeat;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a {position: absolute; top: 25%; outline: 0; width: 25px; height: 52px; text-indent: -9999px; z-index: 9999;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* 방송 리스트 */
.free_ksg_movie {padding:3% 2%; width:96%;}
.free_ksg_movie ul.free_ksg_movie_list:after {content:""; display:block; clear:both;}
.free_ksg_movie ul.free_ksg_movie_list li {float:left; width:29%; margin:0 3.3% 3% 0;}
.free_ksg_movie ul.free_ksg_movie_list li.last {margin-right:0;}
.free_ksg_movie ul.free_ksg_movie_list li p.img {margin-bottom:10px;}
.free_ksg_movie ul.free_ksg_movie_list li p.img img {width:100%; max-width:231px;}
.free_ksg_movie ul.free_ksg_movie_list li p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

}

/* Samsung Galaxy Tab */
@media screen and (max-width: 800px) { 
/* hot_news */
.hot_new_wrap {width:100%; border:solid 1px #5879c3; margin-bottom:4%;}
.hot_new_wrap:after {content:""; display:block; clear:both;}
.hot_new_wrap p {float:left; width:22%; margin-right:3%;}
.hot_new_wrap p img {width:100%;}
.hot_new_wrap dl {float:left; padding:3% 3% 3% 0; width:67%;}
.hot_new_wrap dl dt {font-size:15pt; line-height:15pt; font-family: 'ngb'; margin-bottom:5%;}
.hot_new_wrap dl dt a {display:block; color:#5879c3; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%; }
.hot_new_wrap dl dd {font-size:11pt; line-height:16pt;}
.hot_new_wrap dl dd a {display:block; color:#787878;  overflow:hidden;}

/* news_tit */
.news_tit {width:100%; display:block; margin-bottom:30px; background:url('/ksg/images/news/bg_news.png') 12px repeat-x;}
.news_tit h1 {display:inline-block; width:120px; font-size:18pt; line-height:20pt; font-family: 'ngb'; color:#3b3f45; background:#fff;}

.new_tab_wrap {margin-bottom:7%;}

/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:16%; margin-right:3%;}
.news_wrap ul.new_list li p img {width:100%;}
.news_wrap ul.new_list li dl {width:79%;}
.news_wrap ul.new_list li dl dt {font-size:11.5pt; line-height:11.5pt; margin-bottom:4%;}
.news_wrap ul.new_list li dl dt a {}
.news_wrap ul.new_list li dl dd {font-size:10pt; line-height:14pt;}
.news_wrap ul.new_list li dl dd a {max-height:54px;}


/* 해사물류 법률정보 */
.mlli_search {font-size:10pt; line-height:10pt; color:#3c4046; margin-bottom:3%;}

.mlli_wrap {width:100%; padding-top:5px; border-top:solid 2px #5879c3; border-bottom:solid 1px #5879c3;}
.mlli_wrap ul.mlli_list {}
.mlli_wrap ul.mlli_list li {border-top:solid 1px #d9d9d9; padding:1.5% 2% 1.5% 1%; width:96%;}
.mlli_wrap ul.mlli_list li:first-child {border-top:0;}
.mlli_wrap ul.mlli_list li:after {content:""; display:block; clear:both;}
.mlli_wrap ul.mlli_list li a {float:left; padding-left:20px; font-size:10pt; line-height:10pt; color:#787878; background:url('/ksg/images/icon/icon_arrow2.png') left no-repeat; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:83%;}
.mlli_wrap ul.mlli_list li span.ddmmyy {float:right; color:#787878; font-size:10pt; line-height:10pt;}

/* 포토 뉴스 */
.photo_search_wrap {border:solid 1px #efeff0; background:#f2f2f2; width:96%; padding:2%; margin-bottom:5%;}
.photo_search_wrap dl.photo_search {}
.photo_search_wrap dl.photo_search:after {content:""; display:block; clear:both;}
.photo_search_wrap dl.photo_search dt {float:left; width:70px; font-size:11pt; line-height:25pt; font-family: 'ngb'; margin-top:1.5%; color:#3c4046;}
.photo_search_wrap dl.photo_search dd input[type="checkbox"] {vertical-align:-2px; margin-left:1%;}
.photo_search_wrap dl.photo_search dd {float:left; width:88%; margin-top:1.5%;}
.photo_search_wrap dl.photo_search dd:first-child {margin-top:0;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; color:#3c4046; margin-right:2%;}
.photo_search_wrap dl.photo_search dd input[type="radio"] {vertical-align:-2px;}
.photo_search_wrap dl.photo_search dd span img {vertical-align:top; width:36px;}
.photo_search_wrap dl dd a.p_s_search {display:inline-block; width:75px; padding:11px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:#fff; background:url('/ksg/images/btn/bg_btn_blue.png') repeat-x; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input {display:inline-block; width:65%; padding:5px 0; background:url('../images/common/bg_searchB.png') left top repeat; background-size:100% 100%;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {border:none; background:none; margin-left:10px; width:95%; padding:5px 0; font-size:10pt; line-height:10pt; color:#3a3e44;}
.day_chk_Zone span.day_sign {float:left; padding:12px; font-size:10pt; line-height:10pt; color:#3c4046;}
.photo_search_wrap dl dd .p_s_day {display:inline-block; width:100px; padding:11px 10px; background:url('../images/common/bg_searchS.png') left top repeat; background-size:100% 100%; border:none; font-size:10pt; line-height:10pt; color:#3c4046;}
.day_chk_Zone .dayZoneButton {float:left;}
.day_chk_Zone .dayZoneButton .ui-datepicker-trigger {float:right; margin-left:5px; background:url('/ksg/images/icon/icon_calendar.png') no-repeat; width:36px; height:36px; border:none; text-indent:-9999em;}

/* 포토 갤러리 */
.photo_gallery_wrap {width:100%;}
.photo_gallery_wrap ul.photo_gallery_list {}
.photo_gallery_wrap ul.photo_gallery_list:after {content:""; display:block; clear:both;}
.photo_gallery_wrap ul.photo_gallery_list li {float:left; width:32%; margin:0 2% 15px 0;} 
.photo_gallery_wrap ul.photo_gallery_list li a {display:block; position:relative; color:#fff; font-family: 'ngb';}
.photo_gallery_wrap ul.photo_gallery_list li a img {max-width:259px; width:100%;}
.photo_gallery_wrap ul.photo_gallery_list li a p.photo_txt {position:absolute; left:0; bottom:0; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:94%; padding:5% 3%; }
.photo_gallery_wrap ul.photo_gallery_list li.last {margin-right:0;}

/* 방송 리스트 */
.ksg_movie_page { width:100%; height:370px; }
.ksg_movie_page iframe { width:100%; height:100%; }

.charge_ksg_movie {padding:3%; width:94%; background:#edf1fa; margin:4% 0;}
.charge_ksg_movie .ksg_tit {margin:0 0 20px 0; padding-bottom:15px; width:100%; font-family: 'ngb'; font-size:12pt; line-height:12pt; color:#5879c3; border-bottom:solid 1px #d9d9d9;}

.charge_ksg_movie ul.charge_ksg_movie_list {position:relative;}
.charge_ksg_movie ul.charge_ksg_movie_list li {width:98%; padding:0 1%;}
.charge_ksg_movie ul.charge_ksg_movie_list li:after {content:""; display:block; clear:both;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one {float:left; width:32%; margin-right:2%;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one.last {margin-right:0;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img {margin-bottom:10px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.img img {width:100%; max-width:231px;}
.charge_ksg_movie ul.charge_ksg_movie_list li .charge_ksg_movie_one p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:90%;}

.charge_ksg_movie .bx-wrapper {position: relative;}
/* PAGER */
.charge_ksg_movie .bx-wrapper .bx-pager {display:none;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.charge_ksg_movie .bx-wrapper .bx-prev {left: -10px; background: url('../images/icon/icon_slider_l_arrow.png') no-repeat; background-size:100% 100%;}
.charge_ksg_movie .bx-wrapper .bx-next {right: -10px; background: url('../images/icon/icon_slider_r_arrow.png') no-repeat; background-size:100% 100%;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a {position: absolute; top: 25%; outline: 0; width: 25px; height: 52px; text-indent: -9999px; z-index: 9999;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* 방송 리스트 */
.free_ksg_movie {padding:3% 2%; width:96%;}
.free_ksg_movie ul.free_ksg_movie_list:after {content:""; display:block; clear:both;}
.free_ksg_movie ul.free_ksg_movie_list li {float:left; width:29%; margin:0 3.3% 3% 0;}
.free_ksg_movie ul.free_ksg_movie_list li.last {margin-right:0;}
.free_ksg_movie ul.free_ksg_movie_list li p.img {margin-bottom:2%;}
.free_ksg_movie ul.free_ksg_movie_list li p.img img {width:100%; max-width:231px;}
.free_ksg_movie ul.free_ksg_movie_list li p.txt a {display:block; font-size:10pt; line-height:10pt; color:#3c4046; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width:95%;}

}

/* iphone4, iphone4S, iphone5 */
@media screen and (max-width: 640px) { 
/* hot_news */
.hot_new_wrap p {width:94%; margin:0; float:none; height:auto; line-height:20px; margin:0 auto;}
.hot_new_wrap dl { width:94%; float:none;  margin:0 auto;}
.hot_new_wrap dl dt {font-size:15pt; line-height:15pt;}
.hot_new_wrap dl dd {font-size:10.5pt; line-height:15pt;}


/* news_tit */
.news_tit {width:100%; display:block; margin-bottom:3%; background:url('/ksg/images/news/bg_news.png') 10px repeat-x;}
.news_tit h1 {display:inline-block; width:120px; font-size:16pt; line-height:20pt; font-family: 'ngb'; color:#3b3f45; background:#fff;}

/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:16%; margin-right:2%; height:63px; line-height:63px;}
.news_wrap ul.new_list li dl {width:80%;}
.news_wrap ul.new_list li dl dt {font-size:11.5pt; line-height:11.5pt; margin-bottom:3%;}
.news_wrap ul.new_list li dl dd {font-size:10pt; line-height:14pt;}
.news_wrap ul.new_list li dl dd a {height:36px;}

/* 해사물류 법률정보 */
.mlli_search {font-size:10pt; line-height:10pt; color:#3c4046; margin-bottom:3%;}

.mlli_wrap ul.mlli_list li {}
.mlli_wrap ul.mlli_list li a {width:78%;}


/* 포토 뉴스 */
.photo_search_wrap dl.photo_search dt {width:65px; font-size:10pt; line-height:22pt; margin-top:1%;}
.photo_search_wrap dl.photo_search dd {width:84%; margin-top:1%;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; margin-right:2%;}
.photo_search_wrap dl.photo_search dd span img {width:32px;}

.photo_search_wrap dl dd .p_s_input {width:50%; padding:7px 0;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {width:95%;font-size:10pt; line-height:10pt;}


/* ksg 방송 */
.ksg_ifame iframe {width:94%; padding:0 3%; height:338px;}
.ksg_movie_page { width:100%; height:330px; }
.ksg_movie_page iframe { width:100%; height:100%; }

}


@media screen and (max-width: 480px) {
/* hot_news */
.hot_new_wrap dl dt {font-size:14pt; line-height:14pt;}
.hot_new_wrap dl dd {font-size:10pt; line-height:14pt;}


/* 뉴스 리스트 */
.new_tab_wrap ul.new_tab li a {font-size:10pt; line-height:10pt; padding:8% 0;}

.news_wrap ul.new_list li p {width:15%; margin-right:2%; font-size:12pt; line-height:69px; height:69px;}
.news_wrap ul.new_list li dl {width:79%;}
.news_wrap ul.new_list li dl dt {font-size:10.5pt; line-height:10.5pt; margin-bottom:7%;}
.news_wrap ul.new_list li dl dd {font-size:9.5pt; line-height:12pt;}
.news_wrap ul.new_list li dl dd a {height:32px;}

/* 해사물류 법률정보 */.mlli_wrap ul.mlli_list li {padding:2% 2% 2% 1%; width:96%;}
.mlli_wrap ul.mlli_list li a {font-size:10pt; padding-left:20px; line-height:10pt; width:72%;}

/* 포토 뉴스 */
.photo_search_wrap dl.photo_search dt {width:65px; font-size:10pt; line-height:22pt; margin-top:1%;}
.photo_search_wrap dl.photo_search dd {width:100%; margin-top:1%;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; margin-right:2%;}
.photo_search_wrap dl.photo_search dd span img {width:32px;}

.photo_search_wrap dl dd .p_s_input {width:55%; padding:7px 0;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {width:95%;font-size:10pt; line-height:10pt;}


/* ksg 방송 */
.ksg_ifame iframe {width:100%; height:258px;}
.ksg_movie_page { width:100%; height:270px; }
.ksg_movie_page iframe { width:100%; height:100%; }

}


@media screen and (max-width: 360px) {
/* hot_news */
.hot_new_wrap dl dt {font-size:14pt; line-height:14pt;}
.hot_new_wrap dl dd {font-size:9.5pt; line-height:14pt;}


/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:20%; margin-right:3%;   line-height:55px; height:55px;}
.news_wrap ul.new_list li dl {width:70%;}
.news_wrap ul.new_list li dl dt {font-size:10pt; line-height:10pt; margin-bottom:7%;}
.news_wrap ul.new_list li dl dd {font-size:9pt; line-height:11.5pt;}
.news_wrap ul.new_list li dl dd a {height:30px;}


/* 해사물류 법률정보 */
.mlli_wrap ul.mlli_list li {padding:3% 2% 3% 1%; width:96%;}
.mlli_wrap ul.mlli_list li a {font-size:10pt; line-height:10pt; width:68%;}
.mlli_wrap ul.mlli_list li span.ddmmyy {font-size:10pt; line-height:10pt;}


/* 포토 뉴스 */
.photo_search_wrap dl.photo_search dt {width:65px; font-size:10pt; line-height:22pt; margin-top:1%;}
.photo_search_wrap dl.photo_search dd {width:100%; margin-top:1%;}
.photo_search_wrap dl.photo_search dd.wd_pd {width:80%;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; margin-right:2%;}
.photo_search_wrap dl.photo_search dd span img {width:28px;}

.photo_search_wrap dl dd .p_s_input {width:70%; padding:7px 0;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {width:95%;font-size:10pt; line-height:10pt;}

.photo_search_wrap dl dd .p_s_day {width:80px; padding:11px 10px;}
.day_chk_Zone .dayZoneButton .ui-datepicker-trigger {background:url('/ksg/images/icon/icon_calendar.png') repeat; background-size:100% 100%; width:32px; height:32px;}


/* 포토 갤러리 */
.photo_gallery_wrap ul.photo_gallery_list li a {font-size:7pt; line-height:7pt;}


/* ksg 방송 */
.ksg_movie_page { width:100%; height:210px; }
.ksg_movie_page iframe { width:100%; height:100%; }
.ksg_ifame iframe {width:94%; padding:0 3%; height:192px;}
.ksg_tit {margin-top:4%; padding-bottom:3%; font-size:10pt; line-height:10pt;}
.charge_ksg_movie .ksg_tit {margin-top:4%; padding-bottom:3%; font-size:10pt; line-height:10pt;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.charge_ksg_movie .bx-wrapper .bx-prev {left: -10px; background: url('../images/icon/icon_slider_l_arrow.png') no-repeat; background-size:100% 100%;}
.charge_ksg_movie .bx-wrapper .bx-next {right: -10px; background: url('../images/icon/icon_slider_r_arrow.png') no-repeat;  background-size:100% 100%;}
.charge_ksg_movie .bx-wrapper .bx-controls-direction a {position: absolute; top: 25%; outline: 0; width: 15px; height: 31px; text-indent: -9999px; z-index: 9999;}
.free_ksg_movie ul.free_ksg_movie_list li p.txt a {font-size:9pt; line-height:9.5pt;}
}


@media screen and (max-width: 320px) { 
/* hot_news */
.hot_new_wrap dl dt {font-size:14pt; line-height:14pt;}
.hot_new_wrap dl dd {font-size:9pt; line-height:12pt;}
.hot_new_wrap dl dd a {max-height:34px;}

/* 뉴스 리스트 */
.news_wrap ul.new_list li p {width:33%; margin-right:5%;}
.news_wrap ul.new_list li dl {width:62%;}
.news_wrap ul.new_list li dl dt {font-size:10pt; line-height:10pt; margin-bottom:13%;}
.news_wrap ul.new_list li dl dd {font-size:9pt; line-height:11.5pt;}
.news_wrap ul.new_list li dl dd a {height:30px;}

/* 포토 뉴스 */
.photo_search_wrap dl.photo_search dt {width:65px; font-size:10pt; line-height:22pt; margin-top:1%;}
.photo_search_wrap dl.photo_search dd {width:100%; margin-top:1%;}
.photo_search_wrap dl.photo_search dd.wd_pd {width:80%;}
.photo_search_wrap dl.photo_search dd label {font-size:10pt; line-height:26pt; margin-right:2%;}
.photo_search_wrap dl.photo_search dd span img {width:26px;}

.photo_search_wrap dl dd .p_s_input {width:70%; padding:7px 0;}
.photo_search_wrap dl dd .p_s_input input[type="text"] {width:95%;font-size:10pt; line-height:10pt;}
.photo_search_wrap dl dd .p_s_day {width:70px; padding:11px 10px;}
.day_chk_Zone .dayZoneButton .ui-datepicker-trigger {background:url('/ksg/images/icon/icon_calendar.png') repeat; background-size:100% 100%; width:32px; height:32px;}

/* 해사물류 법률정보 */
.mlli_wrap ul.mlli_list li a {font-size:9.5pt; line-height:9.5pt; width:64%;}
.mlli_wrap ul.mlli_list li span.ddmmyy {font-size:9.5pt; line-height:9.5pt;}

/* ksg 방송 */
.ksg_ifame iframe {width:94%; padding:0 3%; height:170px;}
.ksg_movie_page { width:100%; height:180px; }
.ksg_movie_page iframe { width:100%; height:100%; }

}