html, body {height:auto; font-style:normal;}
body {width:100%; min-width:320px;height:100%;margin:0;padding:0;background-color:#f5f7f7;font-style:normal;}
body.on {position:fixed;}
.font_sel {transform:skew(-0.001deg);}
* {-webkit-tap-highlight-color:transparent; margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
ol,ul{padding-left:0; list-style:none;}
li{list-style:none;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* 블록요소 */
html,div,map,dt,from{display:block;}
body{display:block; font-family:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Noto Sans",Dotum,"돋움",sans-serif; font-size:medium; background-color:rgb(255, 255, 255); color:#5d6064; font-size:14px; letter-spacing:-0.8px;font-style:normal;}
p,dl,{display:block; margin-bottom:1em;}
dd{display:block; margin-left:40;}
address{display:block;}
blockquote{display:block; margin:1em 40px;}
h1{display:block; font-size:2em; font-weight:bold;}
h2{display:block; font-size:1.5em; font-weight:bold;}
h3{display:block; font-size:1.125em; font-weight:bold; margin:1em 0;}
h4{display:block; font-size:1em; font-weight:bold; margin:1.33em 0;}
h5{display:block; font-size:0.75em; font-weight:bold; margin:1.67em 0;}
h6{display:block; font-size:0.5625em; font-weight:bold; margin:2.33em 0;}
pre{display:block; font-family:monospace; white-space:pre; margin:1em 0;}
hr{display:block; border:1px; margin:0.5em auto 0.5em auto;}
/* link */
a:link {color:#50555C; text-decoration:none;}
a:visited {color:#50555C; text-decoration:none;}
a:active {color:#50555C; text-decoration:none;}
a:hover {color:#50555C; text-decoration:none;}
table{border-spacing:2px; border-collapse:separate; margin-top:0; margin-bottom:0; text-indent:0;}
caption{text-align:center;}
td{padding:1px;}
th{font-weight:bold; padding:1px;}
tbody,thead,tfoot{vertical-align:middle;}
/* 인라인요소 */
strong{font-weight:bold;}
code,kbd,samp{font-family:monospace;}
ins{text-decoration:line-through;}
sub{vertical-align:-0.25em; font-size:smaller; line-height:normal;}
sup{vertical-align:0.5em; font-size:smaller; line-height:normal;}
abbr[title],{border-bottom:dotted 1px;}
/* 리스트요소 */
/* 안에 들어있는 리스트의 상단과 하단의 마진을 없애는 처리 */
ul ul,ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl{ margin-top:0; margin-bottom:0;}
/* line */
.txt_bar {font-size:12px;color:#b6b6b6} /* 텍스트형 구분라인 */
/* Background Image - common 요소 */
.btn_comm {background:url() no-repeat} /* 버튼 */
.ico_comm {background:url() no-repeat} /* 아이콘 */
.tit_comm {background:url() no-repeat} /* 타이틀 */
.line_comm {background:url() no-repeat} /* 라인 */
#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f_l {float:left;}
.f_r {float:right;}
.cl_b{width:0;height:0;font-size:0;line-height:0;clear:both;}
.show {display:block;}
.hide {display:none;}
.tbl {border-collapse:collapse;border-spacing:0;} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1;}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";}
.cur{cursor:pointer;}
.cur_de{cursor:default}
.lineL{border:1px solid #ccc;}
.lineR{border:1px solid #ccc;}
.lineT{border:1px solid #ccc;}
.lineB{border:1px solid #ccc;}
/* 폰트 */
.fc_fff{color:#fff;}
.fc_txt1{color:#333;}
.fc_txt2{color:#666;}
.fc_txt3{color:#888;}
.fc_date{color:#999;}
.fs_11{font-size:11px;}
.fs_12{font-size:12px;}
.fs_14{font-size:14px;}
.fs_18{font-size:18px;}
.fs_24{font-size:24px;}
.fw_b{font-weight:bold;}
.fw_n{font-weight:normal;}
.txt_al{text-align:left;}
.txt_ac{text-align:center;}
.txt_lr{text-align:right;}
.txt_uline{text-decoration:underline;}
.txt_none{text-decoration:none;}
.ls_0{letter-spacing:0px;}
.ls_1{letter-spacing:1px;}
.ls_2{letter-spacing:2px;}
.ls_m1{letter-spacing:-1px;}
.ls_m2{letter-spacing:-2px;}
.ls_1{line-height:14px; font-size:14px; letter-spacing:-1px;}
.fc_pt{color:orange}
.col_000{color:#000;}
.col_fff{color:#fff;}
.col_red{color:#fd262e}
.col_redb{color:#930303}
.col_blue{color:#4797f9;}
input.fc_pt::-webkit-input-placeholder{color:orange;outline:0px;}
input.fc_pt::-ms-input-placeholder{color:orange;outline:0px;}
input::placeholder, select::placeholder {color:#979797;}
input, textarea {}
select {-webkit-appearance: none;-moz-appearance: none; appearance: none; background: none;}
.bgBtn_nv{background:#273346;}
.bgBtn_gray{background:#6c6c6c;}
.bgBtn_gray0{background:#f8f8f8;}
/* 마진요소 */
/* margin-left */
.mar_L4{margin-left:4px;}
.mar_L5{margin-left:5px;}
.mar_L10{margin-left:10px;}
.mar_L11{margin-left:11px;}
.mar_L12{margin-left:12px;}
.mar_L15{margin-left:15px;}
.mar_L20{margin-left:20px;}
.mar_L25{margin-left:25px;}
.mar_L30{margin-left:30px;}
.mar_L35{margin-left:35px;}
.mar_L40{margin-left:40px;}
/* margin-top */
.mar_t1{margin-top:1px;}
.mar_t2{margin-top:2px;}
.mar_t3{margin-top:3px;}
.mar_t5{margin-top:5px;}
.mar_t10{margin-top:10px;}
.mar_t15{margin-top:15px;}
.mar_t20{margin-top:20px;}
.mar_t25{margin-top:25px;}
.mar_t30{margin-top:30px;}
.mar_t35{margin-top:35px;}
.mar_t40{margin-top:40px;}
.mar_tm3{margin-top:-3px;}
/* margin-right */
.mar_r3{margin-right:3px;}
.mar_r4{margin-right:4px;}
.mar_r5{margin-right:5px;}
.mar_r6{margin-right:6px;}
.mar_r7{margin-right:7px;}
.mar_r8{margin-right:8px;}
.mar_r9{margin-right:9px;}
.mar_r10{margin-right:10px;}
.mar_r11{margin-right:11px;}
.mar_r12{margin-right:12px;}
.mar_r13{margin-right:13px;}
.mar_r14{margin-right:14px;}
.mar_r15{margin-right:15px;}
.mar_r20{margin-right:20px;}
.mar_r25{margin-right:25px;}
.mar_r26{margin-right:26px;}
.mar_r30{margin-right:30px;}
.mar_r35{margin-right:35px;}
.mar_r40{margin-right:40px;}
/* margin-bottom */
.mar_b5{margin-bottom:5px;}
.mar_b10{margin-bottom:10px;}
.mar_b12{margin-bottom:12px;}
.mar_b15{margin-bottom:15px;}
.mar_b20{margin-bottom:20px;}
.mar_b25{margin-bottom:25px;}
.mar_b30{margin-bottom:30px;}
.mar_b35{margin-bottom:35px;}
.mar_b40{margin-bottom:40px;}
.mar_tm20{margin-top:-20px;}
/* 패딩요소 */
/* padding-left */
.pad_L5{padding-left:5px;}
.pad_L8{padding-left:8px;}
.pad_L10{padding-left:10px;}
.pad_L15{padding-left:15px;}
.pad_L20{padding-left:20px;}
.pad_L25{padding-left:25px;}
.pad_L30{padding-left:30px;}
.pad_L35{padding-left:35px;}
.pad_L40{padding-left:40px;}
/* padding-top */
.pad_t5{padding-top:5px;}
.pad_t10{padding-top:10px;}
.pad_t12{padding-top:12px;}
.pad_t15{padding-top:15px;}
.pad_t20{padding-top:20px;}
.pad_t25{padding-top:25px;}
.pad_t30{padding-top:30px;}
.pad_t35{padding-top:35px;}
.pad_t40{padding-top:40px;}
/* padding-right */
.pad_r5{padding-right:5px;}
.pad_r10{padding-right:10px;}
.pad_r15{padding-right:15px;}
.pad_r20{padding-right:20px;}
.pad_r25{padding-right:25px;}
.pad_r30{padding-right:30px;}
.pad_r35{padding-right:35px;}
.pad_r40{padding-right:40px;}
/* padding-bottom */
.pad_b5{padding-bottom:5px;}
.pad_b10{padding-bottom:10px;}
.pad_b15{padding-bottom:15px;}
.pad_b17{padding-bottom:17px;}
.pad_b20{padding-bottom:20px;}
.pad_b25{padding-bottom:25px;}
.pad_b30{padding-bottom:30px;}
.pad_b35{padding-bottom:35px;}
.pad_b40{padding-bottom:40px;}
/* 넓이요소 */
/* width 값 */
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w50p{width:50%;}
.w100p{width:100%;}
div::-webkit-scrollbar {
width: 0px;
height: 1px;
background: transparent;
}
#m_wrap{position:relative; width:100%; height:auto;}
.m_in_wrap{margin:0 auto; width:100%; height:auto;}
.m_top_area{float:left; width:100%; height:auto;}
.head_in{margin:0 auto; width:92%; height:40px; padding:4%; background:#Fff;}
.head_area{width:100%; height:40px; background:#Fff;}
.gnb_menu{float:left; width:40px; height:40px; cursor:pointer;}
.h1_area{width:100%; margin-left:5%;}
h1.m_logo{width:170px; margin:0 auto; cursor:pointer;}
h1.m_logo img{float:left; width:170px; height:43px;}
.search_area{position:relative; width:100%; height:36px; font-size:20px; border-bottom:2px solid #000; margin:0 auto;}
.search_area legend{width:80%;}
.search_area legend input{float:left; padding-left:15px; width:100%; height:36px; border:none; font-size:18px;outline:0px;}
.search_area legend span{position:absolute; right:0; top:10px; width:auto; height:20px; float:left; width:10%; cursor:pointer;}
.navi{position:relative; float:left; width:100%; height:45px; border-bottom:1px solid #ccc;overflow:hidden;}
.navi_menu{float:left; width:100%; height:40px; margin-top:4px; font-size:16px; padding-left:0%; overflow-y:hidden;overflow-x:scroll;-ms-overflow-style: none;}
.navi_menu ul {min-width:1200px; }
.navi_menu ul li{float:left; margin:9px 2px; width:auto; height:40px; list-style-type:none;}
.navi_menu a{height:16px; color:#000; font-family:arial; font-size:16px; padding:0 10px 0 10px; text-decoration:none;}
.navi_menu a:hover{color:#D4F4FA; height:18px; color:red; font-weight:bold; border-bottom:3px solid #FAED7D;}
.navi_menu ul ul {display:none; position:absolute; top:44px; left:0; background-color:#a0a0a0; z-index:500;}
.navi_menu ul li:hover ul{display: block; width:100%; height:30px;}
.navi_menu ul ul li{float:left; width:auto; height:30px; margin-right:-5px; margin-left:6px;}
.navi_menu ul ul li a{color:#fff; float:left; width:auto; font-size:12px;}
.navi_menu ul li.on a{font-weight:bold; color:red;border-bottom:3px solid #FAED7D;}
.m_content_area{float:left; width:100%; height:auto; margin-top:10px;}
/* Main List */
.main_content_0{position:relative; width:100%; height:auto; margin-bottom:10px;}
.main_content_1{position:relative; width:100%; height:auto; max-height:473px; margin-bottom:10px;}
.tit_area{position:relative; float:left; width:100%; height:50px; font-size:18px; line-height:2.6em; font-weight:bold; text-align:center; color:#396dbb; margin-top:10px;}
/*
.slide_icon{position:absolute; right:4%; top:17px; width:auto; height:10px;}
.slide_icon ul li{float:left; margin:0 3px; width:10px; height:10px; background:#ccc; border-radius:10px; cursor:pointer;}
.slide_icon ul li.on{background:#000;}
*/
.img_area{position:relative; float:left; width:100%;padding-top: 45%; overflow: hidden;background-size:cover;background-position:center center;}
.img_area img{position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; }
.img_main_tit{position:relative; bottom:0; float:left; width:92%; padding-top:2%; padding-right:4%; padding-left:4%; opacity:0.6; background:#000;}
.img_main_tit ul li{margin-bottom:5px; height:20px;}
.img_main_tit ul li.month_area{width:32%; height:16px; text-align:center; background:#466fab; overflow:hidden;}
.main_txt_area{float:left; width:100%; height:auto; padding-left:4%; padding-right:4%; padding-top:2%; margin-bottom:10px; border-bottom:10px solid #e8e7e7;}
.main_txt{float:left; width:92%; height:auto; min-height:14px; font-size:16px; color:#000; border-bottom:1px solid #e8e7e7; padding:3% 0;}
.main_txt_last{float:left; width:92%; height:auto; min-height:14px; font-size:16px; color:#000; padding:3% 0;}
.main_txt p{float:left; width:100%; cursor:pointer;}
.main_txt p span{width:10%; height:16px; margin-left:2%; color:#ccc; font-size:14px; line-height:1.7em;}
.main_txt p.tit{float:left; width:100%; cursor:pointer; margin-bottom:10px;}
.main_txt p.date{float:left; width:100%; height:16px; color:#ccc; font-size:14px;}
.main_txt_last p{float:left; width:100%; cursor:pointer;}
.main_txt_last p span{width:10%; height:16px; margin-left:2%; color:#ccc; font-size:14px; line-height:1.7em;}
.main_txt_last p.tit{float:left; width:100%; cursor:pointer; margin-bottom:10px;}
.main_txt_last p.date{float:left; width:100%; height:16px; color:#ccc; font-size:14px;}
.report_top{float:left; width:92%; height:auto; min-height:88px; padding-bottom:10px; border-bottom:1px solid #e8e7e7; margin-bottom:4px; cursor:pointer;}
.report_t_txt{float:left; width:59%; height:auto; min-height:88px; margin-right:4%; text-align:justify;}
.report_t_txt span.tit{float:left; height:auto; font-size:16px; margin-bottom:10px; color:#000; cursor:pointer;}
.report_t_txt span.writer{clear:both; float:left; height:auto; color:#ccc;}
.report_t_txt2{float:left; width:100%; height:auto; height:50px; margin-right:4%; text-align:justify;}
.report_t_txt2 span.tit{float:left; width:100%; height:auto; font-size:16px; margin-bottom:10px; color:#000; cursor:pointer;}
.report_t_txt2 span.date{float:left; width:100%; height:auto; color:#ccc;}
.report_t_img{position:relative;float:right; width:36%; height:86px; border:1px solid #e8e7e7; cursor:pointer; overflow:hidden;}
.report_t_img img{
width:100%; cursor:pointer;
}
.article_area{float:left; width:100%; max-height:52px; line-height:130%; overflow:hidden; margin-top:15px; color:#999; margin-bottom:10px; text-align:justify;}
.report_cont{float:left; width:92%; height:auto; margin-top:10px; min-height:68px; margin-bottom:14px;}
.report_c_img{float:left; width:27%; height:68px; margin-right:4%; border:1px solid #e8e7e7; cursor:pointer;overflow:hidden;}
.report_c_img img{width:100%; height:68px;}
.report_c_txt{float:left; width:68%; height:auto; text-align:justify;}
.report_c_txt span.tit{float:left; height:auto; font-size:16px; margin-bottom:10px; color:#000; cursor:pointer;}
.report_c_txt span.writer{float:left; height:auto; color:#ccc;}
#menu_list,
#menu_list ul,
#menu_list ul li,
#menu_list ul li a {float:left; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; width:100%;}
#menu_list {float:left; width:100%; font-family: Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom:15px;}
#menu_list ul ul { display: none;}
.align-right { float: right;}
#menu_list > ul > li > a {padding: 15px 20px; border-left: 1px solid #1c74a2; border-right: 1px solid #1c74a2; border-top: 1px solid #1c74a2; cursor: pointer; z-index: 2; font-size: 13px; text-decoration: none; color: #ffffff; background:#346e97;}
#menu_list > ul > li > a:hover,
#menu_list > ul > li.active > a,
#menu_list > ul > li.open > a { color: #fff; background:#346e97;}
#menu_list > ul > li.open > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #1682ba;
}
#menu_list > ul > li:last-child > a,
#menu_list > ul > li.last > a { border-bottom: 1px solid #1c74a2;}
.holder {width: 0; height: 0; position: absolute; top: 0; right: 0;}
.holder::after,
.holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.holder::after {top: 17px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;}
#menu_list > ul > li > a:hover > span::after,
#menu_list > ul > li.active > a > span::after,
#menu_list > ul > li.open > a > span::after { border-color: #82e8f2;}
.holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; text-align:center;}
#menu_list ul ul li a { cursor: pointer; border-bottom: 1px solid #2d4d66; border-left: 1px solid #2d4d66; border-right: 1px solid #2d4d66; padding: 10px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #fff; background: #3d6889; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); text-align:center;}
.hr_top{display:inline-block;float:left; width:92%; min-height:171px; padding-bottom:10px; border-bottom:1px solid #e8e7e7;}
.hr_section{float:left; width:48%; height:auto; cursor:pointer;}
.hr_section span.img{position:relative; float:left; width:100%; padding-top:75%; overflow:hidden; background-size:cover;}
.hr_section span.img img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; }
.hr_section span.txt{float:left; line-height:100%; padding-top:10px; overflow:hidden; font-size:15px; color:#000;}
.m_bottom_area{float:left; width:100%; height:150px;}
.foot_area{float:left; width:100%; height:39px; background:#fff}
.foot_menu{margin:0 auto; width:100%; height:38px; cursor:pointer;}
.foot_menu ul li{float:left; width:33%; height:38px; text-align:center; line-height:3.6em; margin-top:-10px;}
.foot_menu ul li.bar{float:left; width:1px; height:8px; margin-top:10px; background:#ccc;}
.foot_line{clear:both; margin:0 auto; width:90%; border-bottom:1px solid #e8e7e7; margin-bottom:25px;}
.copyright{width:100%; text-align:center; margin:0 auto; color:#333;}
/* sns */
.sns_wrap {margin:1em 0; text-align:center}
.sns_wrap li {width:30px; height:30px; margin-right:.3em; display:inline-block}
.sns_wrap li img {width:100%;}
.sns_wrap li:last-child {margin:0;}
.m_list_area{float:left; margin-top:25px; width:100%; height:auto; border-bottom:8px solid #e8e7e7; overflow-x:hidden;}
.m_txt_round{float:left; width:100%; height:auto; padding-top:10px; padding-left:4%; padding-right:4%;}
.txt_inAround{float:left; width:92%; height:auto; overflow:hidden; box-sizing:border-box; margin-bottom:20px; background:#fff}
.author_sec{float:left; width:100%; height:auto; margin-bottom:15px;}
.author_img{float:left; width:40px; height:40px; border:1px solid #e8e7e7; border-radius:50px; margin-right:10px; box-sizing:border-box;margin-bottom:0px;background-size:cover;background-position:center center;}
.author_img img{width:40px; height:40px; border-radius:50px;}
.author_info{float:left; width:240px; height:40px; margin-top:4px; box-sizing:border-box;}
.author_info p.author_name{float:left; width:100%; height:18px; color:#3f7cd5; overflow:hidden; margin-bottom:2px;}
.author_info p.date_txt{float:left; width:60%; height:15px; overflow:hidden; font-size:12px; color:#666;}
.author_info p.date_txt span{float:right;}
.author_info p.date_txt span img{width:9px; height:9px;padding-top:5px;}
.author_article{float:left; width:100%; height:37px; line-height:130%; font-size:16px; color:#000; text-align:justify; cursor:pointer;overflow-y:hidden;}
.author_article a{color:#000;}
.m_img_round{float:left; width:100%; height:auto; border-top:1px solid #e8e7e7; background:#fff; cursor:pointer;}
.author_bigImg{position:relative; float:left; width:100%; min-height:250px; height:60%; padding-top:0%; overflow:hidden; background-size:cover;background-position:50% 20%;}
.author_bigImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; }
.author_tit_sec{float:left; margin-top:0px;width:92%; height:auto; min-height:44px; padding-right:4%; padding-left:4%; padding-top:12px; padding-bottom:10px; background:#f0f1f3; border-bottom:1px solid #e4e4e4;}
.date_num{float:left; margin-bottom:8px; width:auto; background:#466fab; padding-left:8px; padding-right:8px; color:#fff; line-height:1.1em; padding-top:3px; font-size:12px;}
.author_tit{clear:both; float:left; font-weight:bold; font-size:16px; color:#000; cursor:pointer;}
.m_convenience_round{float:left; width:92%; height:31px; padding-top:16px; padding-left:4%; padding-right:4%; color:#333; font-size:13px; border-bottom:1px solid #ccc;}
.l_nice_sec{float:left;}
.l_nice_sec p.nice_img{float:left; margin-right:5px; cursor:pointer;}
.l_nice_sec p.nice_img img{float;left;width:15px; height:15px;}
.l_nice_sec p.nice_txt{float:left; cursor:pointer;}
.r_cart_sec{float:right; cursor:pointer;}
.r_cart_sec p.cart_img{float:left; margin-right:5px; cursor:pointer;}
.r_cart_sec p.cart_img img{float:left;width:15px; height:15px;}
.r_cart_sec p.cart_txt{float:left; cursor:pointer;}
/* view_page */
.article_body{float:left; width:92%; height:auto; overflow:hidden; box-sizing:border-box; margin-bottom:20px; background:#fff}
.headline{float:left; width:92%; height:auto; margin-bottom:6px; color:#000; font-size:18px; font-weight:bold;}
.view_article{float:left; width:100%; height:auto; font-size:16px; color:#000; text-align:justify; line-height:1.8em;}
p.reporter_line{float:left; width:100%; height:14px; margin-top:10px; font-size:16px;}
/* SNS_page */
.share_article{float:left; width:100%; height:38px; margin-top:20px; margin-bottom:30px;}
.sns_area{margin:0 auto; width:200px; height:38px;}
.sns_area ul li{float:left; width:38px; height:38px; margin-left:10px; cursor:pointer;}
/* 트렌드 뉴스_page */
.trend_news{float:left; width:100%; height:auto; font-size:16px;}
.trend_news ul li{float:left; width:100%; border-bottom:1px solid #e8e7e7; padding-top:10px; padding-bottom:10px;}
.trend_news ul li.sub{font-size:18px; font-weight:bold; color:#b70e0e; border-bottom:none; margin-bottom:-5px;}
/* 댓글_page */
.rIpple_area{float:left; width:92%; height:120px;}
.rIpple_area p.tit{font-size:18px; font-weight:bold; color:#000; margin-top:15px; border-bottom:none; margin-bottom:-5px;}
.rIpple_input{float:left; width:99.6%; height:47px; border:1px solid #ccc; padding-top:4px; padding-right:1px; margin-top:15px;}
.rIpple_input input{float:left; width:82%; height:45px; border:none; padding-left:2%; font-size:16px; margin-right:7px;outline:0px;}
.rIpple_input #re_memo{float:left; width:82%; height:45px; border:none; padding-left:2%; font-size:16px; margin-right:7px;outline:0px;}
.rIpple_input p.btn{float:left; width:13%; cursor:pointer; text-align:center; color:#fff; font-size:16px; line-height:2.7em; background:#706f6f;}
.rep_txt{float:left; width:92%; height:auto; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
.rep_txt p.id_txt{float:left; width:100%; height:20px; margin-bottom:10px; color:#000; font-weight:bold;}
.rep_txt p.tx_txt{float:left; width:100%; color:#333;}
.rep_txt p.day_txt{float:left; width:100%; margin-top:10px; font-size:12px; color:#999;}
/* register_회원가입_page */
.lst_step{width:300px; height:30px; margin:0 auto; font-size:16px; line-height:2.2em;}
.lst_step ul li{float:left; width:25%; text-align:center;}
.lst_step ul li.on{color:red; width:25%; border-top:2px solid red; line-height:1.9em;}
/* 회원가입_STEP_1_약관동의 */
.commom_area{width:100%; height:auto;}
.commom_area p.subtit{float:left; width:100%; text-align:center; line-height:1.5em; height:20px; background:#000; color:#fff; margin-bottom:15px;}
.lst_age_tit{width:100%; height:23px; font-size:14px; font-weight:bold; color:#777;}
.lst_age_txt{width:91.4%; height:80px; margin-top:10px; border:1px solid #e0e0e0; padding:4%; background:#fff; font-size:12px; text-align:justify; overflow-y:auto; overflow-x:hidden; line-height:1.7em;}
.register_btn{float:left; width:100%; margin-bottom:50px; margin-top:30px; box-sizing:border-box;}
.register_btn p.lst_l_btn{width:100%; height:53px; margin-bottom:10px; border:1px solid #e0e0e0; border-radius:5px; color:#222; line-height:3.2em; font-size:16px; cursor:pointer; text-align:center; margin-right:13px; box-sizing:border-box;}
.register_btn p.lst_l_btn a{width:100%; height:52px; color:#222; display:inline-block;}
.register_btn p.lst_r_btn{width:47.5%; height:53px; background:#f00000; border:1px solid red; border-radius:5px; color:#fff; line-height:3.2em; font-size:16px; cursor:pointer; text-align:center; box-sizing:border-box;}
.register_btn p.lst_r_btn a{width:100%; height:52px; color:#fff; display:inline-block;}
/* 회원가입_STEP_2_회원정보 */
.wrap_text_field{float:left; width:100%; margin-bottom:16px;}
.wrap_text_field p.tit{margin-bottom:5px; font-weight:bold; font-size:12px; box-sizing:border-box;}
.wrap_text_field p.tit span.star{color:#fc1d1d; margin-left:3px;}
.wrap_text_field input[type=text],input[type=password]{float:left; height:38px; border:none; border-bottom:1px solid #e0e0e0; border-radius:0px; font-size:16px; box-shadow:none!important; -webkit-appearance:none; box-sizing:border-box; outline:0px;}
.wrap_text_field input[type=radio]{width:20px;height:20px;margin-left:3%; margin-right:2%; outline:0px;vertical-align:bottom;margin-top:10px;}
.wrap_text_field p.btn{float:left; width:18%; height:38px; border:1px solid #888; color:#333; text-align:center; line-height:2.8em; border-radius:2px; font-size:14px; box-sizing:border-box; margin-left:2%; cursor:pointer;}
.birth_field{float:left; width:100%; height:38px; margin-left:3%; box-sizing:border-box;}
.birth_field select.birth{float:left; width:30%; height:40px; border-radius:0px; font-size:16px; margin-right:8px; padding-left:5px; border:1px solid #ccc; -webkit-appearance:none; color:#999;}
.wrap_text_field select.choice{float:left; width:77%; height:40px; border-radius:0px; font-size:16px; padding-left:5px; border:1px solid #ccc; -webkit-appearance:none; color:#999; background:#fff; box-sizing:border-box; margin-left:3%;}
.dsc_txt{float:left;height:auto; text-align:justify; margin-top:10px;}
.dsc_txt p.tit{width:100%; height:20px; font-weight:bold; margin-bottom:5px;}
.dsc_txt p.txt{color:#d70808; margin-bottom:30px;}
.dsc_txt p.txt input{float:left; margin-right:8px;outline:0px;}
.fc{color:orange;}
.lst_sub{width:100%; height:auto; margin-bottom:20px; font-weight:bold;}
/* 회원가입_STEP_3_회사정보 */
.lst_btn_area{ width:96%; height:50px; padding-left:4%; padding-top:20px;}
.lst_btn{width:100%; height:28px; margin-bottom:20px;}
.lst_btn ul{float:right;}
.lst_btn ul li{float:left; width:auto; height:20px; margin-left:4px; cursor:pointer; background:#666; color:#fff; border-radius:2px; padding-left:7px; padding-right:7px; border:1px solid #444; padding-top:3px; padding-bottom:3px; line-height:1.6em;}
/* 회원가입_STEP_4_가입완료 */
.finish_img img{width:350px; height:200px;}
p.txt_00{margin:0 auto; width:260px; margin-bottom:10px; font-size:20px; font-weight:600; color:#222; text-align:center;}
p.txt_01{margin:0 auto 20px; width:260px; font-size:20px; color:#222; text-align:center;}
p.txt_02{margin:0 auto 40px; width:260px; font-size:14px; text-align:center; color:#8d8d8d;}
.my_info_area{margin:0 auto; width:100%; margin-top:15px;}
.my_info{width:280px; margin:0 auto 30px; padding:.6em 1em; color:#222; font-size:16px; background:#f1f1f1;line-height:2.2em; border-radius: 5px; box-sizing: border-box;}
.my_info p {display:inline-block;}
.my_info p.id {font-weight:600; overflow: hidden;}
.my_info p.mail {max-width:250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.finish_btn{float:left; width:92%; height:auto; padding-left:4%; padding-right:4%; padding-top:20px; background:#fff;}
/* 로그인_page */
#login_wrap{position:relative; width:100%; height:auto; min-height:650px; overflow-x:hidden; overflow-y:hidden; background:#f5f5f5;}
.log_section{margin:0 auto; width:100%; height:400px;}
.login_in{margin:0 auto; width:92%; height:200px; margin-top:70px; padding:4%; background:#f5f5f5;}
.login_in h1.logo{width:269px; margin:0 auto; cursor:pointer; height:69px;}
.login_in p.logo_txt{margin:10px auto; width:280px; height:30px; color:#777;}
.login_input{float:left; width:90%; height:370px; padding:5%;}
.log_txtarea{float:left; width:99.6%; height:44px; border:1px solid #e8e7e7; margin-bottom:14px;}
.log_txtarea input{float:left; width:95%; height:44px; border:none; border-radius:0px; padding-left:5%; font-size:16px;outline:0px;}
.log_txtarea input[type="password"]{float:left; width:100%; height:44px; border:none; border-radius:0px; padding-left:5%; font-size:16px;outline:0px;margin-left:0;}
.login_btn{float:left; width:100%; height:56px; border-radius:4px; text-align:center; font-size:18px; color:#fff; background:#e50404; cursor:pointer; line-height:3.1em;}
.login_cek{float:left; width:100%; height:30px; margin-top:10px;}
.login_cek input{float:left; width:18px; height:18px; border-radius:0; border:1px solid #ccc; margin-right:10px;outline:0px;}
.login_cek p{float:left; margin-top:1px;}
.log_box{float:left; width:100%; height:30px; border-top:1px solid #dcdcdc; margin-top:90px;}
.log_info{display:table;width:auto; height:30px; padding-top:15px; margin:0 auto;}
.log_info ul li{float:left; }
.log_info ul li.ba{width:1px; margin-left:12px; margin-right:12px; width:1px; height:12px; margin-top:2px; background:#d7d7d7;}
.log_info ul li a{color:#999;}
/* ID/PW_page */
.phone_tetarea{float:left; width:99.6%; height:44px; margin-bottom:14px; box-sizing:border-box;}
.phone_tetarea input{float:left; border:1px solid #e8e7e7; width:30%; height:44px; padding-left:5%; font-size:16px; border-radius:0px; box-sizing:border-box; -webkit-appearance:none;outline:0px;}
.phone_tetarea p.dash{float:left; width:5%; text-align:center; line-height:3.5em; color:#000; box-sizing:border-box;}
.tab-wrapper{float:left; margin: 23px auto; width: 100%; box-sizing:border-box;}
.tab-menu{float:left; width:100%;}
.tab-menu li { float:left; position:relative; background-color: #fff; color:#bcbcbc; display: inline-block; padding: 20px 0px; width:50%; border:1px solid #ccc; border-bottom:1px solid #ccc; opacity: 0.8; background:#e8e7e7; text-align:center; cursor:pointer; box-sizing:border-box; z-index:0;}
.tab-menu li:hover{color:#e10808;}
.tab-menu li.active{ background:#f5f5f5; color:#e10808; border-bottom:none; opacity: 1; border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;}
.tab-menu li.active:hover{color:#e10808;}
.tab-content>div{padding-top:20px;float:left; background-color: #fff; box-sizing:border-box; width: 100%; min-height:300px; background:#f5f5f5;}
/* 개인정보관리_page */
.tab-menu2{float:left; width:100%;}
.tab-menu2 li { float:left; position:relative; background-color: #fff; color:#bcbcbc;
display: inline-block; padding: 9px 0px; width:16.6%; border:1px solid #ccc; border-bottom:1px solid #ccc; opacity: 0.8; background:#e8e7e7; text-align:center; border-right:none; font-size:11px; cursor:pointer; box-sizing:border-box; z-index:0;}
.tab-menu2 li:hover{color:#e10808;}
.tab-menu2 li.active { background:#f5f5f5; color:#e10808; border-bottom:none; opacity: 1; border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;}
.tab-menu2 li.active:hover{color:#e10808;}
.log_tab{float:left; width:90%; height:auto; padding:5%;}
p.ex_txt{float:left; width:100%; text-align:justify; margin-bottom:15px; color:#c30404; font-size:11px;}
p.ex_txt span img{float:left; width:15px; height:15px; margin-right:4px;}
.table_tit{float:left; width:100%; height:20px; border-bottom:1px solid #555; font-size:12px; text-align:center;}
.table_tit ul li{float:left; color:#000;}
.table_tit li input{float:left; width:16px; height:16px; border:1px solid #ccc; border-radius:0;outline:0px;}
.pay_line{float:left; width:100%; height:auto; border-bottom:1px solid #ccc; font-size:12px; text-align:left;}
.pay_line li input{float:left; width:16px; height:16px; border:1px solid #ccc; border-radius:0;outline:0px;}
.pay_line ul li{float:left; padding:8px 0;}
.cart_total{float:left; width:100%; height:30px; margin-top:15px; margin-bottom:15px;}
.cart_total ul li.cut_btn{float:left; width:40px; height:20px; margin-top:1px; line-height:2em; text-align:center; font-size:11px; color:#fff; border-radius:2px; background:#000;}
.cart_total ul li.price{float:right; color:#000; font-size:18px; font-weight:bold;}
.pay_inpoBox{float:left; width:96%; height:20px; background:#e8e7e7; padding:2%;}
.pay_inpoBox ul li{float:left; font-size:11px;}
.commom_area ul li{float:left; text-align:center; margin-bottom:10px;}
p.txt{float:left; width:100%; height:auto; text-align:justify; margin-top:10px; font-size:12px; margin-bottom:15px;}
.total_area{float:left; width:100%; height:32px; font-size:18px; border-bottom:1px solid #ccc; color:#000; text-align:right; font-weight:bold; margin-top:12px;}
/* 과월호 결제_page */
.magazine_pay{float:left; width:92%; height:600px; padding-top:20px; padding-left:4%; padding-right:4%; background:#fff;}
.maga_pay_wrap{float:left; width:100%; height:450px;}
.pay_tit{float:left; width:100%; height:30px; font-size:20px; font-weight:bold; color:#000; margin-bottom:10px;}
.pay_page_in{float:left; width:100%; height:180px;}
.pay_book{float:left; width:40%; height:179px; border:1px solid #e8e7e7; cursor:pointer;}
.pay_book img{width:100%; height:179px;}
.book_info{float:right; width:53%; height:190px; text-align:justify;}
.book_info p.tit_txt{font-size:18px; color:#000; margin-bottom:10px;}
.book_info p.text_area{font-size:11px; color:#000; margin-bottom:5px;}
.all_book{float:left; width:100%; height:75px; border-top:1px solid #000; border-bottom:1px solid #000;}
.all_book select{float:left; width:100%; height:20px; margin-top:10px; border-radius:0; margin-bottom:10px;}
.book_go_Btn{float:left; padding:2% 5%; background:#000; color:#fff; border-radius:2px; cursor:pointer;}
.choice_area{float:left; width:92%; padding-left:4%; padding-right:4%; height:80px; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:30px; margin-bottom:10px; padding-top:15px; overflow-y:auto;}
.choice_Box{float:left; width:100%; height:20px;}
.choice_Box input{float:left; width:16px; height:16px; border:1px solid #ccc; border-radius:0;outline:0px;}
.choice_Box span.{}
.choice_Box span.{}
.info_area{float:left; width:100%; height:90px;}
.delete_btn{float:left; width:40px; height:20px; line-height:2em; text-align:center; font-size:11px; color:#fff; border-radius:2px; margin-left:4%; background:#000;}
.price_all{float:right; text-align:right; font-size:18px; font-weight:bold; color:#000; width:70%; height:20px;}
p.domain_txt{float:left; width:100%; height:40px; margin-top:20px; margin-bottom:20px; text-align:justify;}
/* 사이드바 스타일 */
.sidenav {
height:100%;
width: 0;
position: fixed;
z-index:900;
top: 0;
left: 0;
background-color:#f2f2f2;
overflow-x: hidden;
transition:0.5s ease-in-out;
border-right:1px solid #ccc;
}
.closebtn {
position: absolute;
top: 3px;
right: 15px;
font-size: 36px !important;
margin-left: 50px;
}
.gnb_menu:hover {
color:rgb(0,154,200);
transition:0.5s ease-in-out;
}
.gnb_menu {
font-size: 25px;
cursor:pointer;
transition:0.5s ease-in-out;
}
.gnb_menu > i {
font-size: 30px;
}
#main {
transition:0.5s ease-in-out;
}
/* 미디어쿼리 적용 */
@media screen and (max-height:450px) {
.sidenav {
padding-top:15px;
}
.sidenav a {
font-size: 18px;
}
}
.sdf ul li{float:left;}
.sdf ul li a{color:#fff;}
.sdf ul li.log_in a{ color:#000;}
.dsdd{}
.dsdd ul li{float:left; width:48%; height:90px; text-align:center; color:#000; cursor:pointer; background:#fff;}
.dsdd ul li:hover{color:red;}
.dsdd ul li a{color:#000;}
.dsdd ul li a:hover{color:red;}
.wwww0 ul li a{color:#fff;}
.user-select-none {
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/* 회원가입_인증번호받기 */
.kakao_txt {position:relative;}
.kakao_txt span.guide_txt {display:none; position:absolute; right:0; bottom:-1.2em; color:#d70808; font-size:11px; transition: .3s;}
.kakao_txt:focus-within span.guide_txt {display:block;}
/** join **/
.sub_header {position:relative; width:100%; height:48px; z-index:99;}
.header-border .sub_header_inner {border-bottom:1px solid #e0e0e0;}
.sub_header .sub_header_inner {position:fixed; top:0; left:0; right:0; width:100%; height:48px; background-color:#fff;}
.sub_header .sh_content {position:relative; max-width:768px; margin:0 auto; border-bottom:1px solid #e0e0e0;}
.sub_header .sub_header_inner .btn_back {position:absolute; left:13px; top:13px;}
.sub_header .sh_title {display:flex; display:-webkit-flex; height:48px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; color:#222;}
.sub_header .sh_title h1 {font-size:1.43em; line-height:48px; margin-top:0; margin-bottom:0; font-weight:500;}
.sub_header .sh_title h1 img {vertical-align: middle;}
.sub_header .sh_close {position:absolute; right:0; top:0; height:48px;}
.sub_header .sub_header_inner .btn_close {position:relative; top:13px; right:16px;}
/* join_01 */
#m_wrap {color:#222;}
#m_wrap .register_head {margin:0 auto; padding:0 1em; margin-top:25px; margin-bottom:58px;}
#m_wrap .register_head p {font-size:14px; color:#222;}
#m_wrap .register_head div.site_process {margin:5px 0 15px; display:flex; justify-content: space-between;}
#m_wrap .register_head div.site_process ul {display:flex; align-items: center; justify-content: space-between;}
#m_wrap .register_head div.site_process ul li {margin-right:6px;}
#m_wrap .register_head div.site_process ul li:last-child {margin-right:none;}
#m_wrap .register_head span {display:inline-block; font-size:14px; color:#8D8D8D;}
#m_wrap .commom_area {padding:0 1em; box-sizing: border-box;}
#m_wrap .commom_area p.sub {margin-bottom:18px; color:#222; font-size:14px;}
#m_wrap .commom_area .total_agree{padding-bottom:12.5px; font-size:16px; font-weight:600; border-bottom:1px solid #e0e0e0;}
#m_wrap .commom_area .total_agree p {display:inline-block;}
#m_wrap .commom_area .total_agree p input{display:none;}
#m_wrap .commom_area .total_agree p input + label {display:inline-block; width:24px; height:24px; background:url('/ja_data/images/all/all_input_check_off.svg') no-repeat center;}
#m_wrap .commom_area .total_agree p input:checked + label {background:url('/ja_data/images/all/all_input_check.svg') no-repeat center;}
#m_wrap .commom_area .total_agree p label span {width:300px; margin-left:39px; display:inline-block;}
#m_wrap .commom_area .lst_agree{height:auto; padding-top:30px; font-size:16px; font-weight:600;}
#m_wrap .commom_area .lst_agree span.side {font-size:14px;}
#m_wrap .commom_area .lst_agree .checkbox-style {margin-bottom:10px;}
#m_wrap .commom_area .lst_agree input {display:none;}
#m_wrap .commom_area .lst_agree input + label {display:inline-block; width:24px; height:24px; background:url('/ja_data/images/all/input_check_off.svg') no-repeat center;}
#m_wrap .commom_area .lst_agree input:checked + label {background:url('/ja_data/images/all/input_check.svg') no-repeat center;}#m_wrap .commom_area .lst_agree label span.label {width:260px; margin-left:39px; display:inline-block;}
#m_wrap .commom_area .lst_agree .input_list {position:relative;}
#m_wrap .commom_area .lst_agree .input_list .updown_arrow {width:24px; height:24px; position:absolute; top:0; right:0; background:url('/ja_data/images/all/down_arrow.svg') no-repeat center;}
#m_wrap .commom_area .lst_agree .input_list .updown_arrow.active {width:24px; height:24px; position:absolute; top:0; right:0; background:url('/ja_data/images/all/up_arrow.svg') no-repeat center;}
.lst_age_txt {display:none; width:91.4%; height:80px; margin-top:10px; border:1px solid #e0e0e0; padding:4%; background:#fff; font-size:12px; text-align:justify; overflow-y:auto; overflow-x:hidden; line-height:1.7em;}
.lst_age_ex{width:100%; height:40px; margin-bottom:15px; margin-top:79px; font-size:14px; font-weight:normal; color:#8D8D8D;}
.register_btn p.lst_r_btn {width:100%; border:1px solid #222; background:#222;}
/* join_02 */
#m_wrap .commom_area .lst_wrap:after {content:""; display:block; clear:both;}
.join_overlap_btn {background: #ff3c3c;padding: 10px 25px; color: aliceblue;float: right;margin: 0px 0 10px 0;}
.lst_need {width:100%; height:auto; margin-top:20px; margin-bottom:40px;clear:both;}
.lst_need span {margin-top:8px; display:block; font-size:14px; color:#8d8d8d;}
.lst_need span:nth-child(1) {color:#d70808;}
#vc_uJikjongCode, #in_uTeamCode, #in_uPositionCode, #in_workRegionCode {float:left; width:100%; height:40px; border-radius:0px; font-size:16px; padding-left:5px; border:none; border-bottom:1px solid #e0e0e0; -webkit-appearance:none; color:#999; box-sizing:border-box;}
/* join_03 */
#m_wrap .commom_area input:disabled {background:#fff;}
#lean_overlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height:100%; width:100%; display: none; background-color: rgba(0, 0, 0, 0.5);}
#signup {width: 90%; height: 90%; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); margin:5% auto; z-index: 1001;}
#signup-header {background: url('/images/hd-bg.png'); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
.modal_close {float: right; top: 0px; right: 12px; display: block; width: 14px; height: 14px; background: url('/images/modal_close.png'); z-index: 1003;}
#ifrm_companysearch {border: none; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; min-height:100%; display:none; z-index:1002;overflow:hidden;}
#cp_type1, #cp_type2, #cp_type3, #worker_cnt {float:left; width:100%; height:40px; border-radius:0px; font-size:16px; padding-left:5px; border:none; border-bottom:1px solid #e0e0e0; -webkit-appearance:none; color:#999; box-sizing:border-box;}
.sel_disa{disabled:disabled;}
.com_search_btn {background-color:#00b1a7;border:1px solid #119e96;color:#ffffff;font-size:13px;padding:7px 10px 6px 10px;cursor:pointer;}
.com_direct_btn {background-color:#626262;border:1px solid #454545;color:#ffffff;font-size:13px;padding:7px 10px 6px 10px;cursor:pointer;}
/* join_04 */
.finish_page{margin:0 auto; width:100%; height:auto;}
.finish_img{margin:80px auto 15px; width:350px; height:200px;}