@charset "utf-8";
@import url('font.css');


html,body{text-align:left;}
img{width:auto;}
header h1{margin:0;}
p{margin:0;}
.db_checkbox_info{width:auto !important;}
.db_checkbox_wrap{text-align:left;}


/* start */
#wrap { width:1200px; margin:0 auto; position:relative; }
.inner { width:1200px; margin:0 auto; position:relative; }

.v-pc { display:block; margin-top:130px;  }
.v-mobile { display:none; }

/* header */
header { width:100%; background:url('../resources/Stock/pohighupiv/bg_header.png') top right no-repeat; background-color:#111; }
header h1 { display:inline-block; padding:38px 0; }
header .right-menu { width:58%; display:inline-block; float:right; }

/* Utility */
.utility { width:100%; padding-top:5px;    padding-left: 100px }
.utility li { width:14.2857%; float:left; text-align:center; padding:5px 0; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.2); border-left:0; }
.utility li:first-child { border-left:1px solid rgba(255, 255, 255, 0.2); }
.utility li a { color:#fff; font-size:11px; display:block; opacity: 0.5;}

/* GNB */
.gnbmenu { float:right; }
.gnbmenu li { display:inline-block; text-align:center; padding:25px 15px; float:left;}
.gnbmenu li a { font-size:20px; color: rgba(255, 255, 255, 0.8); letter-spacing: -0.06em;}
.gnbmenu li.select a { color:#FFD800; border-bottom:3px solid #FFD800; padding-right:1px; display:inline-block;}

/* lnb */
.lnb { background-color:#f9f9f9; border-bottom:1px solid #ddd; height:50px;}
.breadcrumb {background:none; padding:0; width:60%; box-sizing:border-box; float:left;}
.breadcrumb p { width:100%; height:50px; line-height:50px; letter-spacing: -0.03em; color:#777; }
.breadcrumb p b { color:#830904; font-weight:normal; }

/* search */
.lnb .search-area { width:30%; float:right; text-align:right; height:50px; padding:10px 0;}
.lnb .search-area .search-bar { width:300px; background-color:#fff; height:30px; display:inline-block; box-sizing:border-box; border:1px solid #bbb; text-align:left; overflow: hidden;}
.lnb .search-area input { width:270px; height:30px; padding:3px 5px; border:0; box-sizing:border-box; }
.lnb .search-area img { margin-top:-6px; cursor: pointer;}

/* 본문 */
.contents { width:860px; float:left; box-sizing:border-box; border-right:0px solid #ddd; padding-top:10px; padding-bottom:20px; padding-right:50px; padding-left:0; }
.contents .title { border-bottom:1px solid #eeeeee; }
.contents .title h2 { font-size:30px; color:#000; font-weight:500; line-height:1.4em;}
.contents .title h2 b { color:#830904; }
.contents .title-sub { font-size:15px; color:#555555; padding:0px 0 20px; line-height:1.7em; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; }
.contents .timebar { font-size:12px; color:#ababab; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움', AppleSDGothicNeo-Light,sans-serif; font-weight:bold; padding:10px 0; }
.contents .timebar .time { display:inline-block; }
.contents .timebar .timeicon { display:inline-block; padding-left:10px; }
.contents .snsbar { padding:10px 0; border-bottom:1px solid #eeeeee; }
.contents .snsbar .snsicon { float:left; display:block; font-size:12px; color:#bcbcbc;}
.contents .snsbar .snsicon img { padding-left:20px; }
.contents .snsbar .shareicon { float:right; display:block; }
.contents .snsbar .shareicon img { padding-left:5px; }

/* 기사내용 */
.contents-body { width:100%; padding:50px 0px 0; box-sizing:border-box; }
.contents-body .maintxt { font-size:16px; line-height:1.8em; letter-spacing:-0.03em; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; word-break: keep-all; color:#424242; }
.contents-body .mainimg { text-align:left; padding:35px 0; }
.contents-body .mainimg img { width:100%; }
.contents-body .caption { width:100%; text-align:left; padding:5px 0; color:#959595; font-weight:normal; }
.contents-body .maintxt .redtxt { color:red; font-weight:bold; border-bottom:1px solid red; }

/* 하단 바로가기 뉴스 */
.aside-bottomnews { margin:30px 0; }
.aside-bottomnews a { display:block; font-size:16px; color:#000; line-height:1.6em; }
.aside-bottomnews a:hover { text-decoration: underline; }
.aside-bottomnews a b { color:#830904; font-weight:bold; }

/* 메인 폼 */
.mainform { width:100%; border:1px solid #ddd; margin:30px auto 0; box-sizing:border-box; display:inline-block; background-color:#efefef; }
.mainform .form-box { }
.mainform .title-img { width:100%; }
.mainform .title-img img { width:100%; }
.mainform .input-wrap { padding:25px 130px 0; width:100%; box-sizing:border-box;  }
.mainform .input-wrap div { display:inline-block; width:100%; margin:5px 0;}
.mainform .input-wrap .form-label { display:block; width:20%; font-size:20px; box-sizing:border-box; float:left; padding:12px 0; display:none;}
  .mainform .input-wrap .form-input {display:block;width: 100%;font-size:20px;box-sizing:border-box;float:left;padding:10px 10px;border:1px solid #aaa;}
.mainform .input-wrap .form-input1 {display:block;width: 31%;font-size:20px;box-sizing:border-box;float:left;padding:10px 10px;border:1px solid #aaa;}
  .mainform .input-wrap .form-input1_m {display:block;width: 30%;font-size:20px;box-sizing:border-box;float:left;padding:10px 10px;border:1px solid #aaa;}
  .mainform .input-wrap select {display:block;width: 36%;font-size:20px;box-sizing:border-box;float:left;padding:10px 10px;border:1px solid #aaa;}
  .tt1{margin-left: 5px;margin-right: 5px;}

/* 버튼 */
.mainform .btn-area { text-align:center; position:relative; }
	.mainform .btn-area img{width:100%;}
.mainform .btn-area .hand-pointer { display:inline; position:absolute; top:35px; right:75px; width:80px; }

/* 이용약관 */
.info_agree { text-align:left; padding:0px 0; font-size:13px; }
.info_agree input { vertical-align: middle; width:15px; height:15px; display:inline-block; }
.info_agree label { display:inline-block; color:#000; }
.info_agree .toggle_down { font-size:12px; box-sizing:border-box; border:1px solid #ddd; padding:3px 5px; background-color:#f5f5f5; cursor: pointer; margin-left:20px; }
.info_agree .toggle_down-p { font-size:12px; box-sizing:border-box; border:1px solid #ddd; padding:3px 5px; background-color:#f5f5f5; cursor: pointer; margin-left:20px; }
.privacy { width:100%; margin:10px auto; border:1px solid #ddd; background-color:#ffffff; font-size:12px; text-align:left; padding:15px; box-sizing:border-box; height:100px; overflow-y:scroll; }

.agreement { width:100%; margin:10px auto; border:1px solid #ddd; background-color:#ffffff; font-size:12px; text-align:left; padding:15px; box-sizing:border-box; height:100px; overflow-y:scroll;}

/* 추가 컨텐츠 */
.more-contents { width:100%; clear:both; float:none; border-top:1px solid #eeeeee; padding:30px 0 50px; }
.more-contents .area-title { border:0; font-size:18px; color:#A21919; }
.more-contents .contents-wrap { width:100%; }
.more-contents .contents-wrap li { width:24.25%; float:left; box-sizing:border-box; margin-left:1%; }
.more-contents .contents-wrap li:first-child { margin-left:0; }
.more-contents .contents-wrap li a { width:100%; display:block; }
.more-contents .contents-wrap img { width:100%; }
.more-contents .contents-wrap span { font-size:16px; padding-top:5px; display:block; word-break:keep-all; }

/* 댓글영역 */
.contents-footer { border-top:1px solid #bbbbbb; }
.contents-footer .area-title { padding: 10px 0; font-size:15px; font-weight:400; }
.contents-footer .area-title .left-tt { float:left; color:#565656; }
.contents-footer .area-title .right-tt { float:right; font-weight:500; color:#565656; }
.contents-footer .area-com { width:100%; height:100px;box-sizing:border-box; padding:15px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#bbb; font-size:13px; line-height:1.5em; border:1px solid #bbb; position:relative; }
.contents-footer .area-com .maxtxt { position:absolute; right:15px; bottom:10px; font-size:12px; }
.contents-footer .area-btn { margin:10px 0 10px; float:right;  }
.contents-footer .area-btn a { display:inline-block; }
.contents-footer .area-btn .btn-white { width:100px; text-align:center; padding:8px 0; font-size:13px; font-weight:500; border:1px solid #ddd; float:left; cursor: pointer; }
.contents-footer .area-btn .btn-red { background-color:#333; color:#fff; font-weight:normal; }
.contents-footer .area-btn .btn-center { margin:0 5px; }

/* 댓글리스트 */
.comment-list { width:100%; clear:both; }
.comment-list .area-title { border-bottom:1px solid #ddd; font-weight:500; color:#FF3728; }
.comment-list .area-title b { color:#bbb; font-weight:normal; margin-left:10px;}
.comment-list ul { }
.comment-list .comment-item { padding:15px 0; border-bottom:1px solid #ddd; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; }
.comment-list .comment-item:last-child { border-bottom:0; }
.comment-list .comment-item .writer { display:inline-block; font-size:13px; font-weight:bold; color:#000; }
.comment-list .comment-item .icon { display:inline-block; padding:0 10px; }
.comment-list .comment-item .date { display:inline-block; color:#666; font-size:13px;}
.comment-list .comment-item .comment { font-size:13px; padding:10px 0; line-height:1.5em;}
.comment-list .commnet_icon { }
.comment-list .f_left { float:left; width:60px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; color:#333; }
.comment-list .f_left b { font-size:5px; }
.comment-list .f_right { float:right; }
.comment-list .icon-good { float:left; width:50px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; color:red; font-weight:550; background:url('/rg/img/sisanews/03/icon_good.png') 7px 4.5px no-repeat; padding-left:15px; margin-right:3px; }
.comment-list .icon-bad { float:left; width:50px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; background:url('/rg/img/sisanews/03/icon_bad.png') 7px 5.5px no-repeat; padding-left:15px; color:#000; }

/* 사이드메뉴 */
.aside { width:340px; float:right; box-sizing:border-box; padding:20px; }
.hot-topic { width:100%; margin:15px 0; }
.area-title { padding:8px 0; font-size:14px; font-weight:500; color:#000; border-bottom:1px solid #ddd; }
.area-title a { float:right; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; font-size:11px; display:inline-block; margin-top:3px; color:#666;}
.topic-wrap { padding:5px 0; }
.topic-item { padding:5px 0; font-size:11.5px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#000; }
.topic-item a:hover .subject { border-bottom:1px solid #000; }
.number { color:#9A0809; font-weight:bold; width:15px; display:inline-block; }
.subject { color:#333; }

/* HOT TOPIC */
.hot-topic .area-title { border:0; }
.hot-topic .aside-lnb { width:100%; border:1px solid #eeeeee; display:inline-block;}
.hot-topic .aside-lnb li { width:20%; float:left; box-sizing:border-box; border-left:1px solid #eeeeee; }
.hot-topic .aside-lnb li.select a { background:#333; color:#fff; }
.hot-topic .aside-lnb li:first-child { border-left:0; }
.hot-topic .aside-lnb li a { text-align:center; display:block; width:100%; padding:8px 0; font-size:14px; vertical-align: middle; margin:0; }
.hot-topic .number { border:1px solid #ddd; box-sizing:border-box; text-align:center; margin-right:5px; color:#999; }
.hot-topic .main-color .number { background-color:#9A0809; color:#fff; border:0; }

/* 많이본정보 */
.best-topic { width:100%; margin:15px 0; }
.color-gray .number { color:#a2a2a2; }

/* 베스트핫클릭 */
.hot-click { width:100%; margin:15px 0; }
.hot-click .area-title { color:#9A0809; }
.area-ad:hover .ad-txt { text-decoration: underline; color:#0072b5;}
.ad-txt { display:inline-block; width:100%; font-size:13px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#000; text-align:center; color:#0072b5; padding:5px -; }
.area-ad .left { width:49%; float:left; }
.area-ad .right { width:49%; float:right;}

/* 푸터 */
.footer { width:100%; background-color:#ededed; text-align:center; padding:20px 0; }
.footer ul { width:100%; }
.footer ul li { display:inline-block; padding:5px 20px; border:1px solid #bbb; background-color:#fff; margin:0 5px; color:#666; font-size:13px; border-radius: 5px; }
.footer .copyright { margin-top:10px; font-size:11px; color:#bbb;}

.footer { width:100%; text-align:center; padding:20px 0; }
.footer dl { width:100%; }
.footer dl dt { display:inline-block; padding:0px 20px; color:#666; font-size:13px; border-left:1px solid #ddd; }
.footer dl dt:first-child { border-left:0; }


/************************************************************
	MOBILE
************************************************************/
@media screen and (max-width: 768px) {


.db_checkbox_info{font-size:11px;}
	.db_checkbox_info a{padding:2px 5px;}
.db_checkbox_wrap{font-size:11px;}

/* start */
#wrap { width:100%; margin:0 auto; position:relative; }
.inner { width:100%; margin:0 auto; position:relative; }

.v-pc { display:none; }
.v-mobile { display:block; }

/* header */
header { width:100%; background:url('../resources/Stock/pohighupiv/bg_header.png') no-repeat; background-color:#111; background-size: 120% 100%; } 
header h1 { display:block; padding:0 0 8px 10px; width:50%; box-sizing:border-box; float:left;  }
header .right-menu { width:10%; display:block; float:right; text-align:right; padding:12px 10px 0 0;}

/* GNB */
.gnbmenu { width:100%; }
.gnbmenu li { width:16.6666%; float:left; display:block; text-align:center; padding:8px 0 13px; position:relative; }
.gnbmenu li a { font-size:16px; color: #000; letter-spacing: -0.06em; font-weight:bold; }
.gnbmenu li.select a { color:#C40515; border:0; padding-right:1px; display:inline-block; }
.gnbmenu li.select a:after { content: '▲'; display:block; position:absolute; width:10px; height:10px; font-size:12px; color:#f5f5f5; padding-left:8px;}
	
/* lnb */
.lnb-menu { width:100%; float:none; box-sizing:border-box; background-color:#f5f5f5; }
.lnb-menu li { display:inline-block; padding:0 2.2%; position:relative; }
.lnb-menu li a { font-size:15px; color:#000; font-weight:500; padding:7px 0; display:inline-block; letter-spacing: -0.03em; }
.lnb-menu li strong { font-size:15px; color:#C40515; font-weight:500; padding:10px 0; display:inline-block; position:relative; letter-spacing: -0.03em; }
.lnb-menu li strong:after { content:''; display:block; position:absolute; width:100%; height:3px; background-color:#C40515; bottom:0px;}
.lnb-menu li.ham-menu { width:40px; height:42px; border-left:1px solid #ddd; float:right; padding:0 0px; background-color:transparent; text-align: center; box-sizing:border-box; padding:0 10px; }
.lnb-menu li.ham-menu img { margin-top:0; }

/* 본문 */
.over-br { display:none; }
.contents { width:100%; float:none; box-sizing:border-box; border-right:0px solid #ddd; padding:10px 10px; }
.contents .title { border:0; }
.contents .title h2 { font-size:22px; color:#000; font-weight:500; line-height:1.3em; letter-spacing: -0.03em;}
.contents .title-sub { font-size:13px; color:#000; padding:5px 0; line-height:1.5em; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; letter-spacing: -0.03em; }
.contents .timebar { font-size:11px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; font-weight:bold; padding:15px 0; border-bottom:1px solid #eee; margin-bottom:5px; }
.contents .timebar .time { display:inline-block; }
.contents .timebar .timeicon { display:inline-block; float:right; margin-top:-3px;}
.contents .snsbar { padding-bottom:10px; border-bottom:1px solid #ddd; }
.contents .snsbar .snsicon { float:left; display:block; max-width:50%;}
.contents .snsbar .shareicon { float:right; display:block; display:none; }

/* Utility */
.utility { width:100%; padding:10px 0px; display:inline-block; }
.utility li { width:25%; float:left; text-align:center; padding:5px 0; box-sizing:border-box; border:1px solid #eee; border-left:0; }
.utility li:first-child { border-left:1px solid #eee; }
.utility li a { color:#fff; display:block; opacity: 1; padding:5px 0; }
.utility li a img { width:15px; margin-right:10px; margin-top:-3px; }
.utility li a span { font-size:12px; color:#cecece; }	

	
/* 기사내용 */
.contents-body { width:100%; padding:10px 0px; box-sizing:border-box; }
.contents-body .maintxt { font-size:16px; line-height:1.7em; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; word-break: break-all;     word-wrap: break-word; }
.contents-body .mainimg { text-align:center; padding:35px 0; }
.contents-body .maintxt .redtxt { color:red; font-weight:bold; border-bottom:1px solid red; }

/* 메인 폼 */
.mainform { width:100%; border:1px solid #ddd; margin:30px auto; box-sizing:border-box; display:inline-block; background-color:#efefef; }
.mainform .form-box { }
.mainform .title-img { width:100%; float:none; }
.mainform .title-img img { width:100%; }
.mainform .input-wrap { padding:20px 10px 10px; width:100%; float:none; box-sizing:border-box;  }
.mainform .input-wrap div { display:inline-block; width:100%; margin:5px 0;}
.mainform .input-wrap .form-label { display:block; width:20%; font-size:20px; box-sizing:border-box; float:left; padding:12px 0; display:none;}
.mainform .input-wrap .form-input {display:block;font-size:20px;box-sizing:border-box;float:left;padding:10px 10px;}

/* 버튼 */
.mainform .btn-area { text-align:center; position:relative; padding:0 10px 10px; }
.mainform .btn-area .hand-pointer { display:inline; position:absolute; top:35px; right:75px; width:80px; }


/* 이용약관 */
.info_agree { text-align:left; font-size:11px; }
.info_agree input { vertical-align: middle;}
.info_agree .toggle_down { font-size:10px; box-sizing:border-box; border:1px solid #ddd; padding:3px; background-color:#f5f5f5; cursor: pointer; margin-left:10px; display:inline-block; }
.info_agree .toggle_down-p { font-size:10px; box-sizing:border-box; border:1px solid #ddd; padding:3px; background-color:#f5f5f5; cursor: pointer; margin-left:10px; display:inline-block; }
.privacy { width:100%; margin:0 auto 10px; border:1px solid #ddd; background-color:#fff; font-size:10px; text-align:left; padding:15px; box-sizing:border-box; height:100px; overflow-y:scroll; }
.agreement { width:100%; margin:0 auto 10px; border:1px solid #ddd; background-color:#fff; font-size:10px; text-align:left; padding:15px; box-sizing:border-box; height:100px; overflow-y:scroll; }
	
/* 댓글영역 */
.contents-footer { border-top:2px solid #eee; }
.contents-footer .area-title { padding: 10px 0; font-size:17px; font-weight:400;}
.contents-footer .area-title .left-tt { float:left; }
.contents-footer .area-title .right-tt { float:right; font-weight:500; font-size:15px; }
.contents-footer .area-com { width:100%; height:100px; box-sizing:border-box; padding:15px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#bbb; font-size:13px; line-height:1.5em; border:1px solid #bbb; position:relative; }
.contents-footer .area-com .maxtxt { position:absolute; right:15px; bottom:10px; font-size:12px; }
.contents-footer .area-btn { margin:10px 0 10px; float:none; width:100%; }
.contents-footer .area-btn .btn-white { width:30%; text-align:center; padding:8px 0; font-size:13px; font-weight:500; border:1px solid #ddd; float:left; cursor: pointer; }
.contents-footer .area-btn .btn-red { color:#fff; font-weight:normal; }
.contents-footer .area-btn .btn-center { margin:0 4%; }
 
/* 댓글리스트 */
.comment-list { width:100%; clear:both; border-bottom:1px solid #ddd; }
.comment-list .area-title { border-bottom:1px solid #ddd; font-weight:500; }
.comment-list .area-title b { color:#bbb; font-weight:normal; margin-left:10px;}
.comment-list ul { }
.comment-list .comment-item { padding:15px 0; border-bottom:1px solid #ddd; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; }
.comment-list .comment-item:last-child { border-bottom:0; }
.comment-list .comment-item .writer { display:inline-block; font-size:15px; font-weight:bold; color:#000; }
.comment-list .comment-item .icon { display:inline-block; padding:0 10px; }
.comment-list .comment-item .date { display:inline-block; color:#666; font-size:13px;}
.comment-list .comment-item .comment { font-size:14px; padding:10px 0; line-height:1.5em;}
.comment-list .commnet_icon { }
.comment-list .f_left { float:left; width:60px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; color:#333; }
.comment-list .f_left b { font-size:5px; }
.comment-list .f_right { float:right; }
.comment-list .icon-good { float:left; width:50px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; color:red; font-weight:550; background:url('/rg/img/sisanews/03/icon_good.png') 7px 4.5px no-repeat; padding-left:15px;margin-right:5px;}
.comment-list .icon-bad { float:left; width:50px; height:30px; line-height:28px; text-align:center; font-size:12px; box-sizing:border-box; border:1px solid #ddd; background:url('/rg/img/sisanews/03/icon_bad.png') 7px 5.5px no-repeat; padding-left:15px; color:#000; }

/* 사이드메뉴 */
.aside { width:100%; float:none; box-sizing:border-box; padding:0px 10px 20px; }
.hot-topic { width:100%; margin:15px 0; }
.area-title { padding:8px 0; font-size:16px; font-weight:500; color:#000; border-bottom:1px solid #ddd; }
.area-title a { float:right; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif;font-size:13px; display:inline-block; margin-top:3px; color:#666; letter-spacing:-0.1em; }
.topic-wrap { padding:5px 0; }
.topic-item { padding:5px 0; font-size:14px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#000; }
.topic-item a:hover { border-bottom:1px solid #000; }
.number {  font-weight:bold; width:15px; display:inline-block; }
.subject { color:#333; }
.more-contents { padding:10px 0; }
	
/* 추가 컨텐츠 */
.more-contents { width:100%; clear:both; float:none; border-top:1px solid #eeeeee; padding:0px 0 10px; }
.more-contents .area-title { border:0; font-size:18px; }
.more-contents .contents-wrap { width:100%; }
.more-contents .contents-wrap li { width:49%; float:left; box-sizing:border-box; margin-left:2%; margin-bottom:20px; }
.more-contents .contents-wrap li:nth-child(3n+1) { margin-left:0; }
.more-contents .contents-wrap li a { width:100%; display:block; }
.more-contents .contents-wrap img { width:100%; }
.more-contents .contents-wrap span { font-size:14px; padding-top:5px; display:block; word-break:keep-all; }

/* 모바일사이드메뉴 */
.mobile-asidenews { width:100%; border-bottom:10px solid #efefef; box-sizing:border-box; padding:0 8px;}
.mobile-asidenews ul { width:100%; }
.mobile-asidenews .aside-item { width:100%; padding:10px 0; border-bottom:1px solid #ddd;}
.mobile-asidenews .aside-item .area-info { width:75%; float:left; padding:6px 10px; box-sizing:border-box; padding-left:0; }
.mobile-asidenews .aside-item .area-tt { font-size:16px; letter-spacing:-0.03em; color:#000; line-height:1.5em; height:3em; overflow: hidden; } 
.mobile-asidenews .aside-item .area-icon { font-size:12px; color:#999; } 
.mobile-asidenews .aside-item .area-icon img { width:15px; height:15px; padding:right:5px;}
.mobile-asidenews .aside-item .area-img { width:25%; float:right; }
.mobile-asidenews .aside-item:last-child { border-bottom:0; }   
 
/* 많이본정보 */
.best-topic { width:100%; margin:15px 0; }
.color-gray .number { color:#a2a2a2; }

/* 베스트핫클릭 */
.hot-click { width:100%; margin:15px 0; box-sizing:border-box; padding:0 8px; }
.hot-click .area-title { }
.area-ad:hover .ad-txt { text-decoration: underline; }.ad-txt { display:inline-block; width:100%; font-size:12px; font-family:'Malgun Gothic','맑은 고딕',Malgun Gothic,'MalgeunGothicWeb','돋움',AppleSDGothicNeo-Light,sans-serif; color:#0072b5; text-align:center; }
.area-ad .right { }
.area-ad { text-align:center; width:100%; box-sizing:border-box; padding:10px 0; }

} 

@media screen and (min-width: 430px) and (max-width: 768px) {
.over-br { display:block!important; height:0; }
	
}










/* 신청현황 */
.latest { max-width: 1000px; margin: 15px auto 30px; border: 2px solid #260862; background: #fff; font-size:14px; }
.latest .imgbox.imgbox { margin-top: 0; }
.latest-box { margin: 0 auto; padding: 10px 15px; box-sizing: border-box; }
.latest-box > .inner { }
.latest-box ul { width: 100%; box-sizing: border-box; }
.latest-box ul li {/* padding: 15px !important; *//* border-bottom: 1px solid #aaa; */line-height: 2;white-space: nowrap; overflow: hidden; }
.latest-box ul li:after { content: ''; display: table; clear: both; }
.latest-box ul li > div { display: inline-block; text-align: center; }
.latest-box ul li .date { width: 30%; }
.latest-box ul li .username { width: 20%; }
.latest-box ul li .tel { width: 50%; }
.latest-box ul li:last-child { border-bottom: 0; }
@media (max-width:479px) {
    .latest { margin-top: 1%; margin-bottom: 6%; }
    .latest-box { padding: 10px; }
    .latest-box ul { padding: 0; }
    .latest-box ul li {/* font-size: 16px; */ }
    .latest-box ul li > div { width: auto !important; padding-right: 15px; }
}
.quick-banner { position: fixed; right: 10px; bottom: 10px; }
.quick-banner img { width: 95px; }
@media (max-width:479px) {
    .quick-banner img { width: 72px; }
}
  
  
  
  video{width: 300px;
    height: 300px;}
  .com-txt{text-align: center;}
   iframe{width: 300px;
    height: 300px;}
  .com-txt{text-align: center;}
  
  /* topForm */
#topForm{position: fixed; top: 0; width: 100%; padding: 10px 0 10px 0; background: #999; z-index: 999;}
#topForm form{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 5px;}
#topForm .form-tit{display: none;}
#topForm .input_wrap{width: 100%;}
#topForm .consult_wrap{display: flex; justify-content: space-between; width: 100%;}
#topForm .input_wrap ul{display: flex; justify-content: space-between; align-content: flex-start; gap: 10px;}
#topForm .input_wrap ul:first-child{margin-bottom: 10px;}
#topForm .input_wrap ul li{width: 40%;}
#topForm .input_wrap ul li label.skip{display: none;}
#topForm .input_wrap ul li .st-btn span label{width: 100%; color:#fff; font-size: 13px; letter-spacing: -2px;}
#topForm .input_wrap ul li input {width: 100%; padding: 10px 5px; border-radius: 5px; background: #fff; font-size: 13px;}
#topForm .input_wrap ul li input::placeholder{color: #999; font-size: 13px;}
#topForm .input_wrap ul li select {width: 100%; padding: 10px 5px; border-radius: 5px; background: #fff; font-size: 13px;}
#topForm .input_wrap ul li .tel-con {display: flex; justify-content: space-between; width: 100%; gap: 5px;}
#topForm .input_wrap ul li .tel-con span {display: flex; flex-basis: 33.333%;}
#topForm .input_wrap .st-btn {display: flex; gap: 5px; align-items: center; width: 100%;}
#topForm .input_wrap .st-btn span {display: block;}
#topForm .input_wrap .st-btn input[type="radio"] {display: none; appearance: none;}
#topForm .input_wrap .st-btn input[type="radio"] + label {display: block; width: 100%; padding: 10px; background: #aaa; color: #fff; text-align: center; border-radius: 5px; cursor: pointer;}
#topForm .input_wrap .st-btn input[type="radio"]:checked + label {background: #4f7bc2; font-weight: 600;}
#topForm .agree_wrap {margin: 10px 0; padding: 0;}
#topForm .agree_wrap p {justify-content: flex-start; margin-bottom: 0; font-size: 13px; line-height: 22px; letter-spacing: -0.5px;}
#topForm .agree_wrap p input {margin-right:3px;}
#topForm .db_btn_wrap button {display: block; width: 100%; text-align: center; padding: 12px 40px; border-radius: 5px; background: #333; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: -2px;}
  .container{max-width: 1200px; margin:auto; }