@charset "utf-8";

/* 레이아웃/박스/배경/폰트/기타 
레이아웃 : display, visibility, overflow, float, clear, position, top, right, bottom, left, z-index
박스 : width, height, margin, padding, border
배경 : background
폰트 : font, color, letter-spacing, text-align, text-decoration, text-indent, vertical-align, white-space
기타 
*/

/* html{font-size:62.5%;width:100vw;height:100vh} */
body{color:#333;letter-spacing:-0.03em}
.wrap{width:100%}
header{width:100%}
ul{float:left}
b, strong, h3, h4, h5, h6{font-weight:500}
button{background:none}
textarea{font-family:'Noto Sans KR';font-weight:300}
a, button{color:#333}
i{font-style:normal}
.axi{position:relative;left:0;top:0}
th{font-weight:500}

/* Radio 버튼 색상변경 */
input[type='radio']{-webkit-appearance:none;width:1.5em;height:1.5em;border:1px solid #ccc !important;border-radius:50%;outline:none;background:#e6e6e6}
input[type='radio']:before{content:'';display:block;width:50%;height:50%;margin:25% auto;border-radius:50%}
input[type='radio']:checked:before{background:#0274b6}

h1.title{overflow:hidden;position:absolute !important;border:0;width:1px;height:1px;clip:rect(1px 1px 1px 1px);/*IE6,7*/clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}

.admin_login_ing { background:#000; padding:10px; position:fixed; right:10px; top:10px; z-index:999; border-radius:15px; font-size:12px; }
.admin_login_ing a { color:#fff; }

.cheditor-editarea img { max-width:100%; }

/* 배너 300x94 / 870x108 / 300x250 / 160x600 / 870x153 */
.banner_con{float:left;margin-bottom:20px}
.banner_con a{display:inline-block}
.banner_wrap{float:left}
.banner_wrap > div{float:left}
.banner_con img{max-width:100%}

/* 이미지처리 */
.thumb{width:100%;object-fit:cover;object-position:50% 50%}

/* 백그라운드 이미지 */
/* .thumb{display:block;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center 30%;background-size:cover} */

/* Transition - Fade-In */
.fadeIn{transition:all 0.5s;animation:scale 0.5s 1}
@keyframes scale{
	0% {transform:scale(0)}	
	100% {transform:scale(1)}
}
div{transition: all 0.5s ease}

/* Scale */
/*
#menu ul .logo a h1{font-family:'Raleway','sans-serif';font-size:2.5em;transform:scale(1);transition:all .3s ease}
#menu ul .logo a h1:hover{font-size:2.5em;transform:scale(0.9);transition:all .3s ease}
*/

/* Checkbox - 로그인 */
.chk_hidden{display:none;cursor:pointer}
.check-icon{display:inline-block;width:18px;height:18px;margin-right:4px;background:url('../images/icon/check_out_01.png')left center no-repeat;vertical-align:middle;transition-duration:.1s}
input[type="checkbox"]:checked + .check-icon{display:inline-block;width:18px;height:18px;background:url('../images/icon/check_in_02.png')left center no-repeat;vertical-align:middle;transition-duration:.1s}

/* Checkbox - 회원가입 */
.chk01{display:inline-block;width:100%;text-align:center;margin-bottom:30px}
.chk01 label{font-size:16px;margin:0 10px}
.chk01 label .check-icon{display:inline-block;width:22px;height:22px;margin-left:7px;margin-top:-3px;margin-right:4px;background:url('../images/icon/check_out_02.png')left center no-repeat;vertical-align:middle;transition-duration:.1s}
.chk01 label input[type="checkbox"]:checked + .check-icon{display:inline-block;width:22px;height:22px;background:url('../images/icon/check_in_07.png')left center no-repeat;vertical-align:middle;transition-duration:.1s}

/* Paging*/
.paging{display:inline-block;width:100%;margin-top:40px;text-align:center}
.paging a{display:inline-block;width:34px;height:32px;line-height:30px;margin-left:4px;border:1px solid #e3e3e3;border-radius:2px;font-size:14px;color:#888;text-align:center;transition:all .2s ease-in-out}
.paging a:first-child{margin-left:0}
.paging a.on{border-color:#18a2ff;background:#18a2ff;color:#fff}
.paging i{position:relative;top:6px;height:18px;font-size:17px}

/* Button */
.btn_con{display:inline-block;width:100%;padding:20px 0;text-align:center}
.btn_default{display:inline-block;width:134px;height:48px;margin:0 3px;border-width:1px;border-style:solid;border-radius:4px;font-size:16px;font-weight:500;text-align:center;letter-spacing:0;;transition:all .2s ease-in-out}
.btn_default:first-child{margin-left:0}
.btn_default:last-child{margin-right:0}
.btn_default:hover{opacity:.8}
.btn_style1{border-color:#999;background:#fff;color:#333}
.btn_style2{border-color:rgba(0,0,0,.2);background:#1090fd;color:#fff}
.btn_style3{border-color:rgba(0,0,0,.2);background:#627198;color:#fff}


/*** 메인 ***/
.m_main_c_wrap {margin-left:-20px;}
.wrap{float:left;position:relative;width:100%;background:#f2f4f7}
.main_content{float:left;width:100%}
.main_content_wrap{width:970px;margin:0 auto}
.sub_content{float:left;width:100%}
.sub_content_wrap{width:970px;margin:0 auto}
h2{font-weight:500;letter-spacing:-0.03em}
h2 .intro{position:relative;bottom:2px;margin-left:10px;font-size:15px;color:#888;vertical-align:bottom}
h3{font-size:14px;font-weight:400;letter-spacing:-0.03em}
h3:hover, h3 a:hover{text-decoration:underline !important}
.img_box{background-size:cover !important;background-position:center 30% !important}



/*** Header ***/
header{width:970px;margin:0 auto 20px;border:1px solid #e6e6e6;border-top:0;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.header{display:table;position:relative;width:100%;padding:10px 15px;background:#fff}
.header .col_left{display:table-cell;width:15%;vertical-align:middle}
.header .col_left a{display:inline-block}
.header .col_left a i{padding:5px;font-size:30px;color:#666}
.header .col_right a{display:inline-block}
.header .col_right{display:table-cell;width:15%;vertical-align:middle;text-align:right}
.header .col_right a i{padding:5px;font-size:22px;color:#666}
.header .logo_area{display:table-cell;width:70%;text-align:center}
.header .logo_area img{width:152px;height:auto;vertical-align:middle}
.menu {border-top:1px solid #f5f5f5;background:#fff; }
.menu .navbar { height:50px; line-height:50px; position:relative; } /* 스크롤 없앨때 overflow:hidden; */
.menu .navbar > div { overflow-y:hidden; overflow-x:auto; white-space:nowrap; margin:0 15px;height:50px;line-height:50px; } /* 스크롤 없앨때 height:70px; */
.menu .navbar > div a{display:inline-block;font-size:16px;font-weight:500; margin-right:15px;}
.menu .navbar > div a.on {color:#18a2ff;border-bottom:2px solid #18a2ff}

.menu.not_scroll .navbar { overflow:hidden; }
.menu.not_scroll .navbar > div { height:70px; }


/* 좌측 슬라이드 메뉴 */
.nav_top{float:left;position:relative;width:100%;height:54px;line-height:54px;padding:0 10px;background:#18a2ff;color:#fff}
.nav_top a{float:left;height:20px;line-height:20px;font-size:16px;font-weight:400;color:#fff;letter-spacing:0;text-align:center}
.nav_top button{float:right;position:absolute;left:15px;top:50%;width:20px;height:20px;line-height:20px;margin-top:-10px;font-family:'Arial';font-size:30px;color:rgba(0,0,0,.3)}
.nav_top ul{float:right;position:absolute;right:15px;top:50%;height:22px;line-height:22px;margin-top:-11px}
.nav_top ul li{float:left;height:22px;line-height:22px;margin-left:10px}
.nav_top ul li i{float:left;position:relative;top:2px;vertical-align:middle;color:rgba(255,255,255,.9);font-size:17px}
.nav_top ul .login-bt a{position:relative;top:-1px;height:23px;line-height:21px;padding:0 10px;border:1px solid rgba(255,255,255,.9);border-radius:50px;font-size:12px;font-weight:500;color:rgba(255,255,255,.9)}
.nav_top ul .login-bt .logOut a{border:1px solid #fff;background:rgba(255,255,255,1);color:#18a2ff}
.slide_nav{position:absolute;left:0;top:0;z-index:30000;width:250px;height:auto;background:#fafafa;box-shadow:0 3px 10px rgba(0,0,0,.6)}
.slide_nav:after{content:"";position:absolute;right:-14px;width:14px;height:100%}
.slide_nav > ul{position:relative}
.slide_nav > ul > li{float:left;width:250px;border-bottom:1px solid #e5e5e5;background:#f9fafb;font-size:16px;font-weight:500}
.slide_nav > ul > li::after { background: url('../images/icon/menu_plus.png')no-repeat center; }
.slide_nav > ul > li em{position:relative;left:110px;top:15px;height:19px;line-height:19px;padding:0 10px;font-size:11px;font-weight:400;background:#cd4237;color:#fff;letter-spacing:0;transition:all .3s ease-in-out}  
.slide_nav > ul > li:hover{float:left;position:relative;width:250px;background:#fff url('../images/icon/menu_minus.png')no-repeat 215px center;transition:all .3s ease-in-out}
.slide_nav > ul > li.on{position:relative;background:#f9fafb url('../images/icon/menu_minus.png')no-repeat 215px 12px;color:#18a2ff;transition:all .3s ease-in-out}
.slide_nav > ul > li:hover > a{color:#18a2ff;transition:all .3s ease-in-out}
.slide_nav > ul > li.on > a{color:#18a2ff;transition:all .3s ease-in-out}
.slide_nav > ul > li a{display:inline-block;width:100%;height:42px;line-height:42px;padding:0 20px;font-size:14px}
.slide_nav > ul > li:last-child{border-bottom-color:#d9d9d9}
.slide_nav > ul > li.on .sub_nav{display:block;} 
.sub_nav{background:#fff} 
.sub_nav:after{content:"";position:absolute;right:-14px;width:14px;height:100%;background:url('../images/menu_bg.png')}  
.sub_nav ul{width:100%;border-top:1px solid #e5e5e5}
.sub_nav ul li{position:relative;width:100%;border-top:1px dashed #f9f9f9;background:#fff;font-size:14px;font-weight:400}
.sub_nav ul li:first-child{border-top:0}
.sub_nav ul li.on {font-weight:bold;} 
.sub_nav ul li a:hover{color:#18a2ff;transition:all .3s ease-in-out}
.sub_nav ul li a:hover:after{content:"";float:left;position:absolute;right:20px;top:50%;margin-top:-6px;width:8px;height:12px;background:#1090fd url('../images/icon/menu_on_right.png')no-repeat center/8px 12px}
.nav_btm{float:left;width:100%}
.nav_btm ul{width:100%;padding:15px 10px;background:url('../images/icon/pattern01.png')}
.nav_btm ul li{width:100%;height:42px;line-height:42px;margin-bottom:15px;border:1px solid #e5e5e5;border-radius:50px;background:#fff}
.nav_btm ul li:last-child{margin-bottom:0}
.nav_btm ul li a{display:block;width:100%;padding:0 20px;font-size:14px}
.nav_btm ul li a span{float:right;height:40px;line-height:40px}
.nav_btm ul li a i{position:relative;top:-3px;font-size:22px;color:#aaa;vertical-align:middle}
.nav_btm ul li:hover{background:#18a2ff;border-color:#18a2ff}
.nav_btm ul li:hover a{color:#fff}
.nav_btm ul li:hover a i{color:#fff;transition:all .3s ease-in-out}
.nav_login{float:left;width:100%;margin-top:10px;padding:0 10px}
.nav_login button{width:100%;height:42px;line-height:42px;border-radius:50px;background:#18a2ff;font-size:16px;font-weight:500;color:#fff;transition:all .3s ease-in-out}
.nav_login button:hover{opacity:.8}
.btn_bx{float:left;width:100%;padding:5px 10px 20px;border-radius:2px;background:url('../images/icon/pattern01.png')}
.btn_bx .btn_bx_wrap{float:left;width:100%;background:rgba(0,0,0,.05)}
.btn_bx a{float:left;position:relative;width:50%;height:38px;line-height:38px;font-size:13px;color:#2a5979;text-align:center;transition:all .2s ease-in-out}
.btn_bx a:hover{color:#18a2ff}
.btn_bx a+a:before{content:"";position:absolute;left:0;top:11px;width:1px;height:18px;background:#d9d9d9}

/* Section */
.section_li{width:47.97%;padding:20px 25px;float:left;margin-bottom:20px;border:1px solid #e6e6e6;box-shadow:0 1px 10px rgba(0,0,0,.05);background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.section_li.w100 { width:100%; }
.section_li_wrap {width:47.97%; float:left; margin-left:20px;}
/*.section_li_wrap:nth-child(even){margin-left:0px}*/
.section_li_wrap>.section_li {width:100%;}
.section_li > ul{float:left;width:100%}
.section_li h2{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;font-size:22px}
.section_li h2 a{position:relative;display:inline-block;width:100%;letter-spacing:-0.03em}
.section_li h2 a .more{position:absolute;right:-6px;height:22px;line-height:22px;font-size:14px;font-weight:400;color:#888}
.section_li h2 a i{position:relative;right:-10px;top:50%;margin-top:-10px;float:right;font-size:20px;vertical-align:middle;color:#888}
.section_li h3{height:18px}
.section_li .thumb h3{height:44px;} /*main 2줄까지 노출하기위해 height:44px;였는데 왜 22였지*/
.section_li ul li{width:100%;clear:both;height:18px;line-height:18px;margin-bottom:12px;font-size:14px}
.section_li ul li:last-child{margin-bottom:0}
.section_li ul li em{float:left;position:relative;top:50%;margin-top:-7px;min-width:40px;height:16px;line-height:16px;color:#fff;font-size:10px;font-weight:400;margin-right:5px;text-align:center;max-width:40px;}
.section_li_wrap .banner_con {width:100%;}
.section_li_wrap .banner_con .banner_wrap {width:100%; }
/*.section_li_wrap .banner_con .banner_wrap>div {width:100%; }
.section_li_wrap .banner_con .banner_wrap>div a {display:block; width:100%;}*/
.banner_wrap2 a {display:block; width:100%;}
.banner_wrap2 a img {width:100%; }
.section_li_wrap .banner_con .banner_wrap>div a img {width:100%; }
em.notice_ {background:#333; color:#fff !important;}
em.color01{background:#f4494d}
em.color02{background:#6375b9}
em.color03{background:#7a7f93}
em.color04{background:#359bff}
em.color05{background:#1abc9c}
em.color06{background:#ff8c05}
.section_li ul li span{float:left}
.section_li ul li a{float:left;/*max-width:calc(100% - 80px)*/;max-width:81%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.section_li ul li .date{float:right;color:#888;font-size:13px}
.section_li ul li .comment{color:#00adef;padding-left:5px;font-size:13px}
.li_webzine01 ul li:nth-child(3n){margin-right:0}
.li_image .thumb .img_box{width:127px;height:89px}
.li_image ul li{width:34.8% !important;margin-right:0 !important}
.li_image ul li:nth-child(3n){padding-right:0 !important;width:32.6% !important}
.li_image ul li:nth-child(3n+1){padding-left:0 !important;width:32.6% !important}
.section_li.li_image ul li{position:relative;padding:0 10px;margin-bottom:42px}
.section_li.li_image ul li:after{content:'';position:absolute;left:0;bottom:-22px;width:100%;border-bottom:1px dashed #e4e8eb}
.li_image ul li:nth-last-child(1){margin-bottom:0 !important}
.li_image ul li:nth-last-child(2){margin-bottom:0 !important}
.li_image ul li:nth-last-child(3){margin-bottom:0 !important}
.li_image ul li:nth-last-child(1):after{content:'';border:0 !important}
.li_image ul li:nth-last-child(2):after{content:'';border:0 !important}
.li_image ul li:nth-last-child(3):after{content:'';border:0 !important}
.li_image ul li a{line-height:22px !important}
.section_li .thumb{float:left;width:127px;height:138px;clear:none;margin-right:20px}
.section_li .thumb .tit_con{float:left;width:100%;margin-top:5px}
.section_li .thumb a{width:127px;max-width:100%;line-height:22px}
.contents .section_li .thumb a em{display:inline-block;float:none !important;position:relative;top:11px;width:40px !important; overflow:hidden;}
.li_webzine01 .thumb .img_box{width:127px;height:89px}
.li_webzine02 ul{border-bottom:1px solid transparent}
.li_webzine02 ul li{margin-bottom:15px}
.li_webzine02 ul li:nth-child(3n){margin-right:0}
.li_webzine02 ul li.none_ { width:100%; text-align:Center; height:68px; overflow:hidden; color:#888; font-size:12px;}
.li_webzine02 .thumb{width:100%;height:auto;margin-right:0}
.li_webzine02 .thumb .img_box{float:left;width:87px;height:68px;margin-right:15px;margin-right:12px}
.li_webzine02 .thumb .tit_con{float:none;width:100%;margin-top:0}
.li_webzine02 .thumb a{width:100%;overflow:unset;text-overflow:clip;white-space:normal}
.meta_info{font-size:12px;color:#999;font-weight:300}
.meta_info span{padding-left:4px}
.meta_info span:first-child{padding-left:0; max-width:190px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.meta_info span+span:before{content:'/\00a0';color:#ddd;font-weight:100;font-family:'Noto Sans KR';padding-right:2px}
.meta_info{font-size:12px !important;letter-spacing:0}

.sec2_con{width:100%;margin-left:0 !important}
.sec2_con > ul{width:50%}
.sec2_con ul{padding-right:25px}
.sec2_con ul:last-child{padding-right:0;padding-left:25px;border-left:1px dashed #f2f2f2}
.sec2_con ul li.thumb{margin-right:19px}
.sec2_con ul li.thumb:nth-child(3){margin-right:0}
.li_image02 .thumb{width:187px;height:auto;;margin-right:23px !important}
.li_image02 .thumb a{width:187px}
.li_image02 ul{width:100% !important;padding:0;border:0}
.li_image02 ul:last-child{padding:0;border:0}
.li_image02 ul li{margin-bottom:20px}
.li_image02 ul li.thumb:nth-child(3){margin-right:20px}
.li_image02 ul li:nth-child(3){margin-bottom:20px !important}
.li_image02 ul li:nth-child(4){margin-bottom:20px !important}
.li_image02 ul li.thumb:nth-child(4n){margin-right:0 !important}
.li_image02 ul li:nth-last-child(1){margin-bottom:0}
.li_image02 ul li.none_:nth-last-child(1) {width:100% !important; overflow:hidden; height:50px; background:#fff; border:none; text-align:center; color:#888;  font-size:12px;}
.li_image02 ul li:nth-last-child(2){/*margin-bottom:0*/}
.li_image02 ul li:nth-last-child(3){/*margin-bottom:0*/}
.li_image02 ul li:nth-last-child(4){/*margin-bottom:0*/}

/*** 서브페이지 ***/
.content_view{padding:70px 3% 20px}
.snb{float:right;margin-bottom:30px}
.snb i{top:-1px;vertical-align:middle}
.snb a{color:#999;font-size:13px;letter-spacing:-0.03em}
.snb a+a:before{content:"/\00a0";padding:0 2px;font-size:11px;color:#d9d9d9}
.snb2{float:left;position:absolute;top:0;left:0;width:100%;height:40px;line-height:38px;padding:0 3%;border-bottom:1px solid #f5f5f5;background:#fff}
.snb2 i{top:-1px;vertical-align:middle}
.snb2 .snb2_wrap{float:right}
.snb2 a{color:#999;font-size:13px;letter-spacing:-0.03em}
.snb2 a+a:before{content:"/\00a0";padding:0 2px;font-size:11px;color:#d9d9d9}
.content_view{float:left;position:relative;width:100%;margin-bottom:20px;padding:70px 25px 30px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.content_view h2{float:left;width:100%;margin-bottom:30px;;border-bottom:0;font-size:28px;color:#18a2ff}
.content_view h2 span{position:relative;bottom:3px;margin-left:10px;font-size:17px;font-weight:400;color:#888;vertical-align:bottom}
.view_con{float:left;border-bottom:1px solid #eee;margin-bottom:30px}
.view_con.content_{ float:none; }
.view_con h3{margin-bottom:34px;line-height:38px;font-size:30px;font-weight:500;text-decoration:none !important}
.view_hd{float:left;width:100%;height:42px;line-height:42px;padding:0 15px;background:#f9fafb}
.view_hd span{margin-right:10px;color:#888;font-size:14px}
.view_hd i{position:relative;top:-1px;margin-right:4px;color:#888e92;vertical-align:middle}
.view_hd .col1{float:left;letter-spacing:0}
.view_hd .col1 .user-id{color:#1e88e5}
.view_hd .col2{float:right}
.view_hd .col2 > span{margin-left:4px;margin-right:0}
.view_hd .col2 > span:last-child{margin-left:4px}
.view_hd .col2 span+span:before{content:"/\00a0";padding-right:4px;font-size:11px;color:#d9d9d9}
.view_hd .post-info span:last-child{margin-right:0}
.view_contents{float:left;width:100%;padding-top:34px;font-size:16px;line-height:1.7;font-weight:400}
.view_contents h4{float:left;width:100%;position:relative;margin-bottom:34px;padding-left:14px;font-size:18px;font-weight:400}
.view_contents h4:before{content:"";position:absolute;left:0;height:100%;border-left:3px solid #333}
.post_button{display:inline-block;width:100%;margin:30px 0;text-align:center}
.btg1 button{width:60px;height:60px;margin:0 2px;border-radius:50%;background:#fafafa;font-size:13px;box-shadow: 0 3px 10px rgba(0,0,0,.1);transition:all .1s ease}
.btg1 button:active{margin-top:3px;margin-bottom:-3px;box-shadow:none;opacity:.8}
.btg1 button:last-child{background:#18a2ff}
.btg1 button:last-child i{color:#fff}
.btg1 button:last-child span{color:#fff}
.btg1 button i{display:block;margin-bottom:5px;font-size:20px;color:#7a7f93}
.btg1 button span{display:block;color:#888}
.btg2{position:relative;margin-top:20px}
.btg2 button{height:29px;line-height:27px;padding:0 8px;margin:10px 0 0 4px;border:1px solid #ccc;border-radius:3px;background:#fafafa;color:#7a7f93;}
.btg2 button:first-child{margin-left:0}
.btg2 button i{position:relative;top:0;font-size:13px}
.btg2 button span{font-size:13px;margin-left:3px}
#pop01{top:35px}
#pop01 a em{margin-top:7px !important}
#pop02{left:120px;top:35px}
#pop02 button{float:left;width:50%;margin:0;padding:0;border:0;border-radius:0}
.post-info{position:relative}

#pop01 .pop_wrap{position:fixed;top:50%;left:50%;z-index:30000;width:310px;margin-top:-90px;margin-left:-155px;padding:10px;border:0 solid #dfdfdf;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.overlay:after{content:"";position:fixed;left:0;top:0;z-index:20000;width:100%;height:100%;background:rgba(0,0,0,.6) center/100%}
#pop01 a{float:left;width:72px;height:60px;margin:10px 0;text-align:center}
#pop01 a em{display:block;height:15px;line-height:15px;margin-top:10px !important;font-size:12px;color:#666}
#pop01 i{position:absolute;top:-9px;left:297px;z-index:350000;width:22px;height:22px;line-height:22px;border-radius:50px;background:#fff;font-size:14px;color:#627198;text-align:center;cursor:pointer}

#pop02 .pop_wrap{position:fixed;top:50%;left:50%;z-index:30000;width:240px;margin-top:-54.5px;margin-left:-120px;padding:15px;border:0 solid #dfdfdf;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}
#pop02 .overlay:after{content:"";position:fixed;left:0;top:0;z-index:20000;width:100%;height:100%;background:rgba(0,0,0,.6) center/100%}
#pop02 .report_option{float:left;width:100%;height:34px;line-height:34px;margin-bottom:15px;padding:0 0px}
#pop02 select{float:left;width:100%;height:34px;line-height:34px;padding:5px 10px;border:1px solid #eee;font-size:14px}
#pop02 .popup_btn{width:100%}
#pop02 .popup_btn button{float:left;width:50%;height:30px;line-height:30px;background:#e8ecef;font-size:13px;font-weight:400}
#pop02 .popup_btn button:last-child{background:#18a2ff;color:#fff}
#pop02 .etc input[type="text"]{float:left;width:100%;height:34px;line-height:34px;padding:0 10px;margin-bottom:15px;border:1px solid #eee;font-size:14px}


/* 첨부파일 */
.file_li h5{font-size:14px;margin-bottom:10px}
.file_li h5 i{margin-right:4px;font-size:14px}
.file_li ul{width:100%;border-bottom:1px solid #eee;}
.file_li ul li{float:left;width:100%;height:41px;line-height:41px;padding:0 20px;border:1px solid #eee;border-bottom:0;background:#f8f9fa}
.file_li ul li .file_size{margin-left:10px;font-size:12px;color:#888}
.file_li ul li button{float:right;height:26px;line-height:24px;margin-top:7px;padding:0 12px;border:1px solid #e5e5e5;border-radius:50px;font-size:12px;background:#fff;color:#00adef}

/* 댓글 */
.commment_list .reply_blind_ { color:#999; }
.comment_con{float:left;width:100%;margin-bottom:20px}
.comment_con h3{margin-bottom:20px;font-size:20px;font-weight:500}
.comment_con h3:hover{text-decoration:none !important}
.comment_con h3 em{margin-left:5px;font-weight:700;color:#d9534f}
.comment_con .comment_write_div { position:relative; width:100%; }
label.comment_secret_ { float:right; top:-7px; position:relative;  font-size:14px; color:#444; margin-right:2px;}
.comment_con .cmt_hd{float:left;width:100%}
.comment_con .cmt_hd input{height:31px;line-height:31px;font-size:13px;border-bottom:1px solid #dedede;background:none}
.comment_con .cmt_hd input:focus{border-width:0 0 1px 0 !important}
.comment_con .cmt_hd label{margin-left:20px}
.comment_con .cmt_hd label:nth-child(1){margin-left:0}
.comment_con .cmt_hd label:nth-child(1) input{margin-left:0;width:120px}
.comment_con .cmt_hd label:nth-child(2) input{width:120px}
.comment_con .cmt_hd label:nth-child(3) input{width:200px}
.comment_con textarea{float:left;width:100%;height:60px;padding:10px;border:1px solid #ccc;border-radius:2px}
.comment_box{float:left;width:100%;margin-bottom:20px;padding:15px;border:1px solid #dedede;border-radius:3px;background:#f9fafb}
.comment_box label{float:left;height:31px;line-height:31px}
.cmt_hd{margin-bottom:15px}
.cmt_hd .auto_key{float:left;height:30px;line-height:30px;margin-left:4px;border-radius:50px;color:#00adef;letter-spacing:0}
.cmt_input textarea{width:89.5%}
.cmt_input button{width:9.5%;height:60px;margin-left:1%;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#18a2ff;color:#fff}
.list_item{float:left;width:100%;padding:20px 10px;border-top:1px solid #eee}
.list_item:last-child{margin-bottom:20px;border-bottom:1px solid #eee}
.cmt2{position:relative;padding-left:30px}
.cmt2:before{content:"└";position:absolute;top:18px;left:5px;color:#ccc}
.comment_info{float:left;width:100%;margin-bottom:15px;font-size:12px;color:#999}
.comment_info ul li{height:14px;line-height:14px;margin-left:10px}
.comment_info ul li:first-child{margin-left:0}
.comment_info .info1{float:left}
.comment_info .info1 li{float:left}
.comment_info .info1 li.name{font-size:13px;font-weight:500;color:#158fe4}
.comment_info .info2{float:right}
.comment_info .info2 li{float:left;position:relative;margin-left:8px;padding-left:8px}
.comment_info .info2 li+li:before{content:'';position:absolute;top:2px;left:0;width:1px;height:10px;background:#eee}
.comment_info .info2 li button{color:#999}
.list_item p{/*float:left;*/margin-bottom:15px;font-size:13px;line-height:20px}
.list_item p em{margin-right:10px;font-size:13px;color:#1abc9c}
.list_item p em:after{content:">";position:relative;top:-2px;height:18px;line-height:18px;padding-left:8px;font-size:12px;vertical-align:middle}
.comment_bottom{font-size:12px}
.like_btn{float:right}
.like_btn button{margin-left:15px}
.like_btn button i{margin-right:2px;color:#7597dc}
.like_btn button span{color:#7597dc}
.comment_num{color:#00a9d8;letter-spacing:0;cursor:pointer;}
.cmt_input {position:relative;}
.cmt_input .re_secret {position:absolute; right:2px; top:-56px; color:#555; font-size:14px; font-weight:400;}
/*게시판 상단*/
.board_top_content_ { overflow:hidden; margin-bottom:20px; }
.board_bottom_content_ {  }

/* 인기글 */
.popular_post{float:left;width:99.9%;margin-bottom:40px}
.popular_post span.not_ { color:#999; }

.tab_con{float:left;width:100%;border:1px solid #dfdfdf;border-left:0}
.tab_con button{float:left;position:relative;width:33.333333%;height:50px;line-height:50px;border-left:1px solid #dfdfdf;background:#f3f3f3;font-size:14px;color:#666}
.tab_con button.on{font-weight:500;background:#fff}
.tab_con button.on:before{content:"";position:absolute;left:-1px;top:-1px;z-index:100;width:100.7%;height:2px;background:#18a2ff}
.tab_con button.on:after{content:"";position:absolute;left:0px;bottom:-1px;z-index:100;width:100%;border-bottom:1px solid transparent;background:#fff}
.item_li{float:left;width:100%;padding:10px 0;border:1px solid #dfdfdf;border-top:0;background:#fff}
.item_li ul{width:100%;padding:0 20px}
.item_li:nth-child(even){margin-left:20px}
.item_li h2{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;font-size:22px}
.item_li h2 a{position:relative;display:inline-block;width:100%;letter-spacing:-0.03em}
.item_li h2 a .more{position:absolute;right:-6px;height:22px;line-height:22px;font-size:14px;font-weight:400;color:#888}
.item_li h2 a i{float:right;margin-top:1px;font-size:20px;vertical-align:middle;color:#888}
.item_li h3{height:50px}
.item_li ul:first-child{border-right:1px dashed #fafafa}
.item_li ul li{clear:both;width:100%;height:50px;line-height:50px;font-size:14px;border-bottom:1px solid #fafafa}
.item_li ul li:last-child{margin-bottom:0;border-bottom:0}
.item_li ul li em{float:left;position:relative;top:50%;margin-top:-9px;min-width:24px;height:20px;line-height:18px;margin-right:8px;border-radius:2px;background:#f4494d;color:#fff;font-size:12px;font-weight:400;text-align:center;vertical-align:middle}
.item_li ul li em.color01{background:#18a2ff}
.item_li ul li em.color02{background:#fff;border:1px solid #18a2ff;color:#18a2ff}
.item_li ul li span{float:left}
.item_li ul li a{float:left;/*max-width:calc(100% - 70px);*/max-width:83%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.item_li ul li .date{float:right;color:#888;font-size:13px}
.item_li ul li .comment{color:#00adef;padding-left:10px;font-size:13px}
.commment_list span.delete_ { color:#888; }
.popular_post .catgs{float:left;width:100%;padding:20px 0;border-bottom:1px solid #dfdfdf; }
.popular_post .catgs ul li{float:left;font-size:14px;padding:5px 0}
.popular_post .catgs ul li a{display:inline-block;height:30px;line-height:30px;margin:0 10px;padding:0 2px;border-radius:0;color:#333}
.popular_post .catgs ul li a:hover{color:#1090fd;transition:all .3s ease-in-out}
.popular_post .catgs ul li.on a{border-bottom:2px solid #1090fd;background:#fff;color:#1090fd}

/* 하단 목록 */
.board_con{float:left;width:100%;margin-bottom:40px;}
.board_top{float:left;width:100%;height:54px;line-height:54px;padding:10px;background:#f2f4f9;margin-bottom:10px;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.board_top select{width:100px;height:34px;line-height:34px;margin-right:3px;padding:0 5px;border:1px solid #dfdfdf;background:#fff;font-size:13px;}
.board_top input[type="text"]{width:350px;height:34px;line-height:34px;padding:0px 10px;padding-right:38px;font-size:13px;border:1px solid #dfdfdf;font-weight:300}
.board_top .sch_box{float:right; /*210428>>*/margin-right:10px; }
.board_top .sch_sort{/*width:150px;*/margin-right:0}
.board_top a{/*float:right;*/ display:inline-block; width:90px;height:34px;line-height:32px;border:1px solid #1090fd;border-radius:50px;background:#fff;font-size:14px;color:#1090fd;text-align:center}
.board_top a i{display:none;top:-2px;margin-right:2px;font-size:20px;vertical-align:middle}
.board_top label{position:relative;height:34px;line-height:34px}
.board_top button{/*position:absolute;top:50%;right:10px;margin-top:-16px;*/ margin-left:-30px;font-size:18px}
.board_top button i {vertical-align:0.01em;;}
.board_top .txt{float:right;height:34px;line-height:34px;color:#888;letter-spacing:0}
.board_top .txt em{color:#4c80ec}
.board_btm{width:80%;background:none;padding:0;margin-top:10px;margin-bottom:0 !important}
.bottom_area{float:left;width:20%;margin-top:10px}
.bottom_area > button{height:34px;line-height:32px;padding:0 12px;border:1px solid #ccc;border-radius:5px;background:#fafafa;font-size:12px;letter-spacing:0}
.bottom_area > button i{font-size:14px;top:1px}
.bottom_area > button span{margin-left:5px}
.board_list table{width:100%;border-top:1px solid #333}
.board_list tr.notice{background:#f9f9f9}
.board_list th{font-weight:400;font-size:14px;height:46px;line-height:46px;border-bottom:1px solid #bfbfbf}
.board_list td{height:50px;line-height:50px;border-bottom:1px solid #eee;text-align:center;font-size:12px;letter-spacing:0;color:#888}
.board_list td:nth-child(2){font-size:14px;font-weight:400;color:#333;letter-spacing:-0.03em}
.board_list td a{float:left;/*width:467px*/}
.new_ico{display:inline-block;position:relative;top:-1px;min-width:17px;height:16px;line-height:16px;background:#ed6355;font-family:'Arial';font-size:11px;font-weight:bold;margin-right:5px;text-align:center;color:#fff;vertical-align:middle}
.board_list td em{display:inline-block;min-width:40px;height:16px;line-height:16px;font-size:10px;font-weight:400;margin-right:5px;text-align:center;color:#fff;vertical-align:middle}
.board_list td .time{color:#18a2ff}

.board_webzine{width:100% !important;margin-bottom:40px;padding:0 !important;border:0;box-shadow:none}
.board_webzine ul{width:100%;padding-right:0}
.board_webzine ul:last-child{border:0;padding-left:0}
.board_webzine ul li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.board_webzine ul li:first-child{padding-top:20px;border-top:1px solid #dfdfdf}
.board_webzine ul li.thumb{margin-right:0}
.board_webzine ul li.thumb.delete_tag_ .tit_con{ height:87px; line-height:87px; color:#999; text-align:center; }
.board_webzine ul li h3{margin-bottom:5px}
.board_webzine ul li p{font-size:13px;line-height:1.5;color:#999}
.board_webzine .thumb .img_box{width:111px !important;height:87px !important}
.board_webzine .meta_info span+span:before{padding-right:4px}
.board_webzine .meta_info span{padding-left:8px;color:#888 !important}
.board_webzine .meta_info span:first-child{padding-left:0}
.board_webzine .meta_info span i{position:relative;top:-2px;margin-right:5px;color:#8d8d8d;vertical-align:middle}
.board_webzine .list_head{margin-bottom:20px;border-bottom:1px solid #dfdfdf}
.board_webzine .list_head .tb_tab{position:relative;top:1px;margin-bottom:10px}

.board_image{width:100% !important;margin-bottom:40px;padding:0 !important;border:0;box-shadow:none}
.board_image ul{width:100%;padding-right:0;padding-top:20px;border-top:1px solid #dfdfdf}
.board_image ul:last-child{border:0;padding-left:0}
.board_image ul li{width:23% !important;margin-bottom:20px;padding:15px 10px 10px;border:1px solid #eee;background:#fafafa}
.board_image ul li.thumb{margin-right:0}
.board_image ul li h3{margin-bottom:5px}
.board_image ul li p{font-size:13px;line-height:1.5;color:#999}
.board_image .thumb{margin-right:1% !important;margin-left:1% !important}
.board_image .thumb a{width:100%}
.board_image .thumb .img_box{width:127px !important;height:89px !important;margin:0 auto 5px}
.board_image .thumb.delete_tag_ .img_box { width:187px; height:127px; background:#6DD0F7; }
.board_image .thumb.delete_tag_ .line_int { color:#999; }
.board_image .meta_info span+span:before{padding-right:2px}
.board_image .meta_info span{padding-left:0;padding-right:6px;color:#888 !important}
.board_image .meta_info span:last-child{padding-left:0}
.board_image .meta_info span i{position:relative;top:-2px;margin-right:5px;color:#8d8d8d;vertical-align:-0.25em;}
.board_image .meta_info span.user{color:#00adef !important; width:100%;}
.board_image .list_head{margin-bottom:20px;border-bottom:1px solid #dfdfdf}
.board_image .list_head .tb_tab{position:relative;top:1px;margin-bottom:10px}
.board_image .meta_info span+span:before{display:none}


.table_con{float:left;width:100%;border-top:1px solid #333}
.table_con .tb-hd > div{height:46px;line-height:46px;border-bottom:0;font-size:14px;font-weight:400;color:#333;text-align:center}
.table_con .row{float:left;width:100%}
.table_con .row i{display:none}
.table_con .row i.new_ico { display:inline-block; }
.table_con .col{float:left}
.table_con .row > div:nth-child(1){width:10%}
.table_con .row > div:nth-child(2){width:63%}
.table_con .row > div:nth-child(3){width:12%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; /*<모바일버전 작성자 글자 침범*/}
.table_con .row > div:nth-child(4){width:5%}
.table_con .row > div:nth-child(5){width:5%}
.table_con .row > div:nth-child(6){width:5%}
.table_con .row.delete_tag_ > div:nth-child(2){width:90%; color:#999; }

/*이미지형,웹진형공지*/
.table_con_2{float:left;width:100%; border-bottom:1px solid #eee;}
.table_con_2:first-child {border-top:1px solid #333}
.table_con_2:last-child {border-bottom:none;}
.table_con_2 .tb-hd > div{height:46px;line-height:46px;border-bottom:0;font-size:14px;font-weight:400;color:#333;text-align:center}
.table_con_2 .row{float:left;width:100%}
.table_con_2 .row i{display:none}
.table_con_2 .row i.new_ico { display:inline-block; }
.table_con_2 .row:last-child {border-bottom:none;}
.table_con_2 .col{float:left}
.table_con_2 .row > div:nth-child(1){width:10%}
.table_con_2 .row > div:nth-child(2){width:70%}
.table_con_2 .row > div:nth-child(3){width:10%}
.table_con_2 .row > div:nth-child(4){width:10%}
.table_con_2 .row.delete_tag_ > div:nth-child(2){width:90%; color:#999; }
.board_list .table_con_2 .notice{float:left;background:#f9f9f9}
.table_con_2 .row:last-child .col {border-bottom:none;}

/**/
.is_report { color:#999; }
.board_list .tb-hd{float:left;width:100%;font-weight:400;font-size:14px;height:46px;line-height:46px;border-bottom:1px solid #bfbfbf}
.board_list .col{height:50px;line-height:49px;border-bottom:1px solid #eee;text-align:center;font-size:12px;letter-spacing:0;color:#888}
.board_list .col.none_ {width:100% !important;}
.board_list .col:nth-child(2){font-size:14px;font-weight:400;color:#333;letter-spacing:-0.03em}
.board_list .col a{float:left;width:100%}
.board_list_text .col a{width:93%}
.board_list_text .col .comment{color:#00adef;padding-left:0;font-size:13px}
.board_list .col i.new{display:inline-block;position:relative;top:-1px;min-width:16px;height:16px;line-height:16px;background:#ed6355;font-family:'Arial';font-size:11px;font-weight:bold;margin-right:5px;text-align:center;color:#fff;vertical-align:middle}
.board_list .col em{display:inline-block;position:relative;top:-1px;min-width:40px;height:16px;line-height:16px;font-size:10px;font-weight:400;margin-right:5px;text-align:center;color:#fff;vertical-align:middle}
.board_list .col .time{color:#18a2ff}
.board_list .table_con .notice{float:left;background:#f9f9f9}

.tb_tab{float:left;width:100%;margin:10px 0;padding-top:1px}
.tb_tab button{float:left;position:relative;width:auto;height:32px;line-height:30px;margin:5px;padding:0 17px;border:1px solid #dfdfdf;border-radius:50px;background:#fff;font-size:14px;color:#666}
.tb_tab button.on{border:0;background:#1090fd;color:#fff}

/* 인기글, 최신글 */
.aside01{margin-top:20px}
.ranking{float:left;width:100%;background:#fff;margin-left:0 !important;padding:20px}
.ranking .tab{float:left;width:100%;margin-bottom:20px;background:#f8f9fa}
.ranking .tab button{position:relative;float:left;width:50%;height:41px;line-height:41px;color:#888;border:1px solid #dfdfdf}
.ranking .tab button.w100 { width:100%; }
.ranking .tab button:last-child{margin-left:-1px}
.ranking .tab button.on:before{content:"";position:absolute;top:-1px;left:-1px;z-index:100;width:100%;height:39px;border:1px solid #18a2ff}
.ranking .tab button.on{background:#fff;color:#18a2ff}
.section_li .rnk_list li{float:left;width:100%;height:auto;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eee}
.section_li .rnk_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.section_li .rnk_list li a{display:table;border-collapse:separate;position:relative;width:100%;max-width:100%}
.section_li .rnk_list em{float:left;width:20px;min-width:auto;height:60px;line-height:32px;margin-top:0;margin-right:15px;background:none;font-size:34px;color:#ced0d2}
.section_li .rnk_list .subject{display:table-cell}
.section_li .rnk_list .subject h2{line-height:22px}
.section_li .rnk_list .img_box{display:table-cell}
.section_li .rnk_list .category{color:#00adef}
.section_li .rnk_list h3{height:auto;padding-right:10px;line-height:20px}
.section_li .rnk_list h3:hover{text-decoration:underline !important}
.section_li .rnk_list .img_box{height:55px}
.section_li .rnk_list .meta_info{display:inline-block;margin-top:2px}

/* 공지사항 */
.li_notice{margin-left:0 !important;width:100% !important}
.li_notice ul li{position:relative;padding-left:15px}
.li_notice ul li:after{content:"\2022";position:absolute;top:2px;left:0;height:16px;line-height:10px;font-size:18px;color:#18a2ff}
.li_notice ul li a{/*max-width:calc(100% - 32px)*/max-width:96%}

/* 설문조사 */
.poll{width:100% !important;margin-left:0 !important;font-size:14px}
.poll .poll_txt{line-height:1.5;margin-bottom:15px;padding:10px;background:#eef2fb;color:#4667aa;letter-spacing:-0.05em}
.poll .poll_txt em{float:left;width:20px;height:20px;line-height:20px;margin-right:5px;padding:0;border-radius:3px;background:#18a2ff;font-family:'Arial';font-size:14px;color:#fff;text-align:center}
.poll label{float:left;width:100%;margin-bottom:15px}
.poll input[type="radio"]{position:relative;top:-1px;width:14px;height:14px;margin-right:4px}
.poll fieldset{padding:0 5px;border-bottom:1px dashed #ededed}
.poll .btn_con{padding:20px 0 0 0}
.poll .btn_con button{width:48%;height:38px;line-height:36px;border-radius:3px;font-size:14px}

.poll .btn_con2 {padding:0px 0 0 0}
.poll .btn_con2 button {position:absolute; right:0; top:23px; margin-right:30px; width:10%;height:32px;line-height:30px; padding-top:5px; border:none; background:none;}
.poll .btn_con2 button .axi-ion-close {color:#000; font-size:24px;}

.poll .btn_style1{border-color:rgba(0,0,0,.2)}
.poll .btn_style2{border-color:rgba(0,0,0,.1)}
#pollLayer{position:fixed;left:50%;top:10%;z-index:200000;width:450px;min-height:700px; max-height:80% !important; overflow:scroll;margin-left:-225px;padding:30px;border:1px solid #dfdfdf;background:#f9fafb;box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}
#pollLayer h1{margin-bottom:20px;font-size:20px;color:#333;font-weight:500}
#pollLayer ul{width:100%}
#pollLayer ul li{float:left;width:100%;height:auto;margin-bottom:15px}
#pollLayer ul li p{float:left;width:100%;margin-bottom:5px}
#pollLayer ul li p span{float:right;margin-left:10px;color:#4f86c6}
#pollLayer ul li .row{float:left;width:100%;border:1px solid #999;border-radius:50px;background:#fff}
#pollLayer ul li .progress_bar{height:15px;background-color:#18a2ff;border-radius:50px}
#pollLayer .poll_txt{margin-bottom:20px;border:1px solid #ccc;font-size:15px;background:#fff}
#pollLayer .poll_txt em{width:21px;height:21px;line-height:21px;border-radius:3px;margin-right:5px}
#pollLayer .btn_con button{width:90px}


/*** 서비스페이지 ***/

/* 회사소개 */
.sec_contents{width:970px !important}
.service_con{float:left;width:100%;margin-bottom:20px;padding:30px 40px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.service_con aside{float:left;width:240px;margin-left:0;margin-top:35px;background:#fff;margin-right:30px}
.service_con aside ul{width:100%}
.service_con aside ul li{height:60px;line-height:60px;padding:0 30px;font-size:18px;font-weight:500}
.service_con .service_view{float:left;width:848px;margin-bottom:40px}
.service_con .service_view h2{float:left;width:100%;font-size:30px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #999}
.service_con aside ul li.on a{color:#1090fd}
.service_con aside ul li.on{position:relative}
.service_con aside ul li.on:before{content:"";float:left;position:absolute;left:8px;top:50%;margin-top:-8px;width:10px;height:15px;background:#1090fd url('../images/icon/menu_on.png')no-repeat}
.service_con .company_intro{float:left;width:100%;font-size:15px;color:#333;background:#f8faff;padding:50px 40px;border:0 solid #ccc}
.service_con .company_intro .co_name{display:block;font-size:60px;font-weight:600;color:#03b4f5;margin-right:10px}
.service_con .company_intro .co_url{color:#03b4f5;font-size:1.3em}
.service_con .company_intro .title{margin-bottom:20px}
.service_con .company_intro p{line-height:180%;color:#333;margin-bottom:0}
.service_con .company_intro p strong{font-size:28px;color:#03b4f5}
.service_con .company_intro .company_info{float:left;width:430px;margin-top:20px;margin-right:50px;border-radius:5px}
.service_con .company_intro .company_info th{float:left;height:50px;line-height:50px;width:110px;padding:0 15px;text-align:left;font-weight:400;color:#999;border-bottom:1px dashed #dee3eb}
.service_con .company_intro .company_info th:hover{text-decoration:none !important}
.service_con .company_intro .company_info td{float:left;height:50px;line-height:50px;width:320px;padding:0 0 0 20px;color:#555;border-bottom:1px dashed #dee3eb}
.service_con .company_intro .company_img{float:left;margin-top:20px}
.service_con .company_intro .company_img img{width:262px}

.service_con .company_intro .company_info{float:left;width:430px;margin-top:20px;margin-right:50px;border-radius:5px}
.service_con .company_intro .company_info dt{float:left;height:50px;line-height:50px;width:110px;padding:0 15px;text-align:left;font-weight:400;color:#999;border-bottom:1px dashed #dee3eb}
.service_con .company_intro .company_info dt:hover{text-decoration:none !important}
.service_con .company_intro .company_info dd{float:left;height:50px;line-height:50px;width:320px;padding:0 0 0 20px;color:#555;border-bottom:1px dashed #dee3eb}




/* 이용약관 */
.sec_info{float:left;width:100%;line-height:30px;padding:30px 0;font-size:14px;font-weight:400;color:#888}
.sec_info h3{font-size:19px;color:#222;margin:70px 0 20px}
.sec_info h3:hover{text-decoration:none !important}
.sec_info h4{margin:40px 0 10px;font-size:16px;font-weight:500;color:#333}
.sec_con2 .sec_info h3{margin:40px 0 10px;font-size:16px;font-weight:500;color:#333}
.sec_con3 .sec_info h3{margin:40px 0 10px;font-size:16px;font-weight:500;color:#333}
.sec_con3 .sec_info{min-height:800px}
.sec_con4 .sec_info{padding:0}
.sec_con4 .tab{float:left;width:100%;margin-bottom:20px}
.sec_con4 .tab a{float:left;width:23.8%;height:34px;line-height:32px;margin-left:1.5%;margin-bottom:10px;padding:0 10px;border:1px solid #e5e5e5;font-size:14px;text-align:center}
.sec_con4 .tab a:first-child{margin-left:0}
.sec_con4 .tab a.on{border:1px solid #18a2ff;background:#18a2ff;color:#fff}
.sec_con4 .tab a:hover{border:1px solid #18a2ff;background:#18a2ff;color:#fff;transition:all .2s ease-in-out}

/* 1:1 맞춤상담 */
.sec_info .info{float:left;width:100%;margin-bottom:20px;padding:15px 30px;background:#fafafa;color:#0277bd}
.sec_info .info ul li{position:relative;padding-left:12px;line-height:28px;font-size:13px}
.sec_info .info ul li:before{content: "\2022";position:absolute;top:0;left:0;display:inline-block;width:1em;margin-top:-1px;margin-left:0;font-weight:bold}
.sec_info .form_field{float:left;width:100%;padding:30px}
.sec_info2 {float:left;width:100%;line-height:30px;padding-bottom:10px;font-size:14px;font-weight:400;color:#888}
.sec_info2 .info {float:left;width:100%; padding:10px 20px;background:#fafafa;font-weight:300;color:#0277bd}
.sec_info2 .info ul li{line-height:28px;font-size:13px}
.sec_info2 .info ul li:before{content: "\2022";display:inline-block;width:1em;margin-left:0;font-weight:bold}
.form_field{float:left;width:100%;background:#f9fafb}
.box_bg1{background:#f4f6fa url('../images/icon/pattern01.png')}
.form_field .row{float:left;width:100%}
.form_field .row .check-btn{height:40px;line-height:38px;margin-left:8px;padding:0 20px;border:1px solid #999;border-radius:5px;background:#fff;color:#666}
.form_field label{float:left; width:100%; height:30px;line-height:30px;margin-bottom:5px;font-size:16px;font-weight:500;color:#333}
.form_field textarea{width:100%;height:150px;line-height:28px;margin-bottom:10px;padding:10px 15px;border:1px solid #ccc;font-size:14px;color:#666}
.form_field textarea:focus{border:1px solid #ccc !important}
.form_field label.agree{float:right;width:auto;font-size:14px;font-weight:400;color:#333}
.form_field label.agree input[type="checkbox"]{position:relative;top:-1px;width:14px;height:14px;margin-right:5px}
.required:after{content:"*";color:#ff3a5f;margin-left:5px}
.form_field .row{float:left;width:100%;margin-bottom:20px}
.form_field .row input[type="text"].input02{/*width:calc(100% - 110px)*/width:86.9%}
.form_field .row input[type="text"]{float:left;width:100%;height:40px;line-height:40px;padding:0 10px;border:1px solid #ccc;border-radius:3px}
.form_field .row input[type="password"]{float:left;width:100%;height:40px;line-height:40px;padding:0 10px;border:1px solid #ccc;border-radius:3px}
.form_field .row input[type="file"]{float:left;width:100%;height:40px;line-height:38px;padding:0 10px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px}
.form_field .row select{float:left;width:100%;height:40px;line-height:40px;border:1px solid #ccc;border-radius:3px}
.form_field .row2{float:left;width:100%}
.form_field .subject .row2 select{float:left;width:19%;margin-right:1%;padding:0 10px}
.form_field .subject .row2 input[type="text"]{float:left;width:80%}
.form_field .subject .row2 textarea{margin-top:10px}
.refer{float:right;font-size:13px;color:#24a2e4}
.captcha_con .row2{display:table-cell;padding:10px;padding-right:15px;border:1px solid #ccc;border-radius:3px;background:#fafafa;vertical-align:middle}
.captcha_con .row2 input[type="text"]{border-color:#dbdbdb;background:#fff;vertical-align:middle}
.captcha_con .row2 img{vertical-align:middle}
.captcha_box{float:left;width:auto}
.captcha_box img{border:1px solid #dbdbdb}
.captcha_btn{float:left;width:25px;height:52px;padding:0;margin-left:5px;margin-top:0;vertical-align:middle}
.captcha_btn button{float:left;width:25px;height:25px;margin:0;border-radius:2px;background:#dfe1e5}
.captcha_btn button:last-child{margin-top:2px}
.captcha_btn button img{float:left}
.captcha_btn button i{position:relative;top:-2px;font-size:17px;color:#7d7d7d}
.captcha_key{float:left;/*width:570px;*/margin-left:15px;margin-top:6px}
.captcha_con .row2 #captcha_img {width:120px;height:50px;padding:0 2px;float:left;border:1px solid #ccc;vertical-align:top;}

.mb_value {float:left; width:100%;height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; border-radius:3px; background:#efefef; margin-top:0px; font-size:1em;}


/* 첨부파일 */
.file_btn{position:relative;top:0px;margin-left:10px}
.file_btn img{float:left;vertical-align:middle}

/* 글쓰기 */
.box_bg2{/*background:#f2f6fa url('../images/icon/pattern01.png');*/background:none;padding:0 !important}
.contents .write_con{padding:30px 25px}
.write_con{float:left;width:100%;margin-bottom:20px;padding:30px 25px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.write_con .write_section{float:left;width:100%}
.write_con .write_section h2{float:left;width:100%;font-size:28px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #999}
.write_con .write_section h2 i{position:relative;top:5px;margin-right:5px;font-size:33px}
.write_con .company_intro{float:left;width:100%;font-size:15px;color:#333;background:#f8faff;padding:50px 40px;border:0 solid #ccc}
.write_con .company_intro .co_name{font-size:60px;font-weight:600;color:#03b4f5;margin-right:10px}
.write_con .company_intro .co_url{color:#03b4f5;font-size:1.3em}
.write_con .company_intro .title{margin-bottom:20px}
.write_con .company_intro p{line-height:180%;color:#333;margin-bottom:20px}
.write_con .company_intro p strong{font-size:28px;color:#03b4f5}
.write_con .company_intro .company_info{float:left;width:430px;margin-right:50px;border-radius:5px}
.write_con .company_intro .company_info dt{float:left;height:50px;line-height:50px;width:110px;padding:0 15px;text-align:left;color:#999;border-bottom:1px dashed #dee3eb}
.write_con .company_intro .company_info dt:hover{text-decoration:none !important}
.write_con .company_intro .company_info dd{float:left;height:50px;line-height:50px;width:320px;padding:0 0 0 20px;color:#555;border-bottom:1px dashed #dee3eb}
.write_con .company_intro .company_img{float:left}
.write_con .company_intro .company_img img{width:262px}
.write_con input, .write_con textarea{background:#f9fafb}
.write_con .form_field .row{position:relative}
.write_con .wr_secret{position:absolute;right:0;float:left;width:auto;font-weight:400;font-size:14px}
.write_con .wr_secret input{position:relative;top:-1px;margin-right:4px}
.captcha_key{/*width:calc(100% - 188px)*/width:79.5%}
.captcha_con .row2{background:#fafafa}
.captcha_con .row2 input[type="text"]{background:#fff; width:100% !important; height:45px !important; line-height:45px !important;}


/*** 2차 카테고리 ***/
.content_box{float:left;position:relative;width:100%;margin-bottom:20px;padding:70px 25px 30px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.content_box .snb{float:right;margin-bottom:30px}
.content_box .snb a{color:#999;font-size:13px;letter-spacing:-0.03em}
.content_box .snb a+a:before{content:"/\00a0";padding:0 6px;font-size:11px;color:#d9d9d9}
.content_box h2{float:left;width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #888;font-size:28px}
.content_box h2 span{position:relative;bottom:1px;margin-left:10px;font-size:15px;color:#888;vertical-align:bottom}
.list_con{float:left;border-bottom:1px solid #eee;margin-bottom:30px}
.list_con h3{margin-bottom:34px;line-height:38px;font-size:30px;font-weight:500;text-decoration:none !important}


/*** 검색페이지 ***/
.content_box h2 i{position:relative;top:1px;margin-right:5px}
.search_input_ { padding:10px 15px; background:#fff; border-top:1px solid #f5f5f5; display:none; position:relative; }
.search_input_  button { position:absolute; right:20px; z-index:2; }
.search_input_  i { font-size: 20px; width: 20px; line-height:30px; }
.search_input_ input { height:34px; line-height:34px; border:1px solid #ddd; width:100%; box-sizing:border-box; padding-left:10px; padding-right:30px; outline:none; }


/*** 로그인 ***/
.login .column_left{float:none;margin-top:0}
.login .contents{width:970px;margin:0 auto}
.contents .login_con{padding:60px 25px}
.login_con{width:970px;margin:0 auto 20px;background:#fff}
.login_con h2{float:left;width:100%;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #888;font-size:28px}
.login_box{display:inline-block;;width:100%;/*padding:20px 0*/padding:50px 0;background:none;box-shadow:none;border:0;text-align:center}
.login_box section{display:inline-block;width:438px;/*height:426px*/height:auto;background:none;text-align:center}
.login_box section:nth-child(1){border-radius:5px}
.login_box section:nth-child(1) img{border-radius:5px}
.login_box section:nth-child(2){margin-left:30px}
.login_box section.col1{border-radius:5px}
.login_box section.col2{/*padding:5px;border:1px solid #ccc;border-radius:5px;background:#f5f5f5*/}
.login label{float:left;height:auto;line-height:14px;margin-bottom:10px;font-size:15px;text-align:left}
.login .form_field{background:none}
.login .form_field fieldset{float:left;width:100%;/*height:414px*/height:auto;padding:0;/*border:1px solid #e5e5e5;border-radius:5px;background:#fff*/}
.login .form_field .row input{height:48px;line-height:48px;background:#f0f3fb}
.login .form_field .row ul{float:right;width:70%}
.login .form_field .row ul li{float:left;width:50%;height:20px;line-height:20px}
.login .form_field .row ul li a{font-size:14px;color:#888}
.login .form_field .row ul li i{position:relative;top:-1px}
.login .form_field .row ul li label{height:20px;line-height:20px;margin-bottom:0;font-size:14px;color:#888}
.login .form_field .row .login_option a+a:before{content:"\02758";padding:0 20px;font-size:14px;color:#e5e5e5}
.login .form_field .row .login_option label{float:left;width:30%;line-height:18px;margin-bottom:0;font-size:14px;font-weight:300}
.login .form_field .row .login_option label i{position:relative;top:-1px}
.login .form_field .row .login_option a{font-size:14px;color:#333}
.login .form_field .row .login_option .option_btn{float:right}
.login .login_button{float:left;width:100%;height:52px;line-height:52px;margin-top:20px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:#18a2ff;font-weight:500}
.login .login_button button{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;letter-spacing:0}
.login .tab{float:left;width:100%;margin-bottom:30px;border-bottom:1px solid #e5e5e5}
.login .tab button{float:left;position:relative;top:1px;width:50%;height:56px;line-height:54px;padding:0 23px;font-size:22px;font-weight:500;letter-spacing:-0.03em;color:#a3a3a3;text-align:center}
.login .tab button.on{border:1px solid #e5e5e5;border-bottom:0;border-top-right-radius:5px;border-top-left-radius:5px;background:#fff;color:#18a2ff}
.login .tab button:first-child.on{left:1px}
.login .tab button:last-child.on{right:1px}
.login2{float:left;width:100%}
.login2 ul{width:100%}
.sns_button{position:relative;width:100%;height:50px;line-height:50px;margin-top:20px;border-radius:50px;border:1px solid rgba(0,0,0,.1);background:#ddd;color:rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.75);transition:all .1s ease-in-out}
.sns_button:active{box-shadow:none}
.sns_button strong{float:right;position:relative;width:82%;height:48px;line-height:48px;border-left:1px solid rgba(255,255,255,.2);font-size:20px;color:#fff}
.sns_button strong:after{content:"";position:absolute;left:-2px;top:0;width:1px;height:48px;background:rgba(0,0,0,.1)}
.sns_button i{position:absolute;top:50%;left:30px;margin-top:-17px;font-size:34px}
.login2{margin-top:10px}
.login2 ul li .sns_button.kakao_{background:#ffcd00}
.login2 ul li .sns_button.twitter_{background:#1da1f2}
.login2 ul li .sns_button.naver_{background:#19ce60}
.login2 ul li .sns_button.facebook_{background:#1877f2}
.login2 ul li:first-child .sns_button{margin-top:0}
.login2 ul li .sns_button.kakao_ i{left:32px;margin-top:-15px;font-size:28px}
.login2 ul li .sns_button.naver_ i{font-family:'Arial';font-size:30px;font-weight:900;margin-top:-25px;height:49px}
.login2 ul li .sns_button.facebook_ i{left:31px}


/*** 아이디, 비밀번호 찾기 ***/
.find_info .column_left{float:none}
.find_info .contents{width:970px;margin:0 auto}
.find_con{float:left;width:100%;padding:70px 150px}
.find_con h2{float:left;width:100%;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #888;font-size:28px}
.find_con h2 span{position:relative;bottom:3px;margin-left:10px;font-size:16px;font-weight:400;color:#888;vertical-align:bottom}
.find_info_con{display:inline-block;width:100%;margin-top:30px;padding:0;background:none;box-shadow:none;border:0;text-align:center}
.find_info_con section{display:inline-block;width:100%;height:auto;background:none;text-align:center}
.find_info_con section:nth-child(1){border-radius:5px}
.find_info_con section:nth-child(1) img{border-radius:5px}
.find_info_con section:nth-child(2){margin-left:0}
.find_info_con section.box_con{border-radius:5px}
.find_info label{margin-bottom:10px;font-size:15px;text-align:left}
.find_info .form_field{background:none}
.find_info .form_field fieldset{float:left;width:100%;height:auto;border:0 solid #ccc;border-radius:5px;background:#fff}
.find_info .form_field .row input{height:40px;line-height:40px;background:#fafafa}
.find_info .form_field .row .txt{font-size:14px}
.find_info .form_field .row p{padding:0;line-height:24px;color:#333;text-align:left;letter-spacing:0}
.find_info .form_field .row ul{width:100%}
.find_info .form_field .row ul li{float:left;height:20px;line-height:20px}
.find_info .form_field .row ul li a{color:#888}
.find_info .form_field .row ul li i{position:relative;top:-1px}
.find_info .form_field .row ul li label{height:20px;line-height:20px;margin-bottom:0;font-size:14px;color:#888}
.find_info .form_field .row ul li+li:before{content:"\02758";padding:0 19px;font-size:14px;color:#dfdfdf}
.find_info .confirm_btn{display:inline-block;width:140px;height:48px;line-height:48px;margin-top:30px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:#18a2ff;font-weight:500;text-align:center}
.find_info .confirm_btn button{width:100%;height:46px;line-height:46px;font-size:18px;color:#fff;letter-spacing:0;text-align:center}
.find_info .tab{float:left;width:100%;margin-bottom:20px;border-bottom:1px solid #dfdfdf}
.find_info .tab button{float:left;position:relative;top:1px;width:50%;height:58px;line-height:56px;padding:0 23px;font-size:22px;font-weight:500;letter-spacing:-0.03em;color:#a3a3a3;text-align:center}
.find_info .tab button.on{border:1px solid #dfdfdf;border-bottom:0;border-top-right-radius:5px;border-top-left-radius:5px;background:#fff;color:#18a2ff}
.find_info .tab button:first-child.on{left:1px}
.find_info .tab button:last-child.on{right:1px}


/*** 회원가입 ***/
.join .column_left{float:none}
.join .contents{width:970px;margin:0 auto}
.join .sec_conts{margin-bottom:0}
.section_con .box_bg3{background:#f4f6fa url('../images/icon/pattern01.png')}
.section_con .sec_conts{float:left;width:100%;margin-bottom:10px;padding:0;border:0 solid #e5e5e5}
.section_con .sec_cont{float:left;width:100%;margin-bottom:30px}
.section_con .sec_cont h3{font-size:18px;font-weight:500;color:#333;margin-bottom:15px}
.section_con .sec_cont h3:hover{text-decoration:none !important}
.section_con .sec_cont textarea{width:100%;height:150px;line-height:28px;margin-bottom:10px;padding:10px 15px;border:1px solid #ccc;background:#fafafa;font-size:14px;color:#666}
.section_con .sec_cont .agree{float:right;width:auto;height:30px;line-height:30px;margin-bottom:5px;font-size:14px;font-weight:400;color:#333}
.section_con .sec_cont .agree input[type="checkbox"]{position:relative;top:-1px;width:14px;height:14px;margin-right:5px}
.section_con .sec_cont .text_area01{float:left;width:100%;line-height:28px;margin-bottom:10px;padding:30px;border:1px solid #ccc;background:#fafbfc;font-size:14px;color:#333;text-align:center}
.section_con .sec_cont .text_area01 p{font-size:16px;font-weight:400;color:#24a2e4}
.section_con .sec_cont .text_area01 a{display:inline-block;height:42px;line-height:40px;padding:0 20px;margin-top:30px;border:1px solid #1090fd;border-radius:50px;background:#fff;font-size:16px;font-weight:500;color:#1090fd;transition:all .2s ease-in-out}
.section_con .sec_cont .text_area01 a:hover{background:#1090fd;color:#fff}
.step{display:inline-block;width:100%;text-align:center;margin-bottom:20px;padding:30px 0;background:#e8f0fe url('../images/icon/pattern01.png')}
.step ul{display:inline-block;float:none;width:450px}
.step ul li{float:left;position:relative;width:33.333333%;height:40px;line-height:40px;text-align:center;font-size:18px;color:#999}
.step ul li+li:before{content:"";position:absolute;left:-9px;top:50%;width:20px;height:1px;background:#aaa}
.step ul li span{display:inline-block;width:40px;height:40px;line-height:38px;margin-right:10px;border:1px solid #999;border-radius:50px;font-size:17px;font-weight:400;background:#fff;color:#999}
.step .on{color:#333}
.step .on span{border:1px solid #18a2ff;background:#18a2ff;color:#fff}

/*회원가입-아이핀, 휴대폰본인 인증*/
.ipin_content {width:100%; margin-right:2%;}
.cellphone_content {width:100%;}
.cellphone_content>h3 {margin-top:20px;}
.bonin h3 {width:100%;}
p.box_title {background:#24a2e4; text-align:center; color:#fff; margin-bottom:10px;}
.bonin_box {width:100%; border:1px solid #ccc; background:#fafbfc; font-size:14px; font-weight:400; color:#666; padding:10px 15px; line-height:26px;}
.bonin p span {color:#24a2e4; font-weight:500;}
.bonin span.line {display:block; border-top:1px dotted #ddd; width:100%; margin:10px 0; }
.bonin_btn {text-align:center; margin:15px 0;}
.bonin a {display:inline-block; text-align:center; height:42px;line-height:40px; padding:0 20px; margin:0 auto; border:1px solid #1090fd;border-radius:50px;background:#fff;font-size:16px;font-weight:500;color:#1090fd;transition:all .2s ease-in-out}

/* 회원기입 정보입력 */
.register .sec_conts{margin-top:20px;margin-bottom:0;padding:40px;border:1px solid #eee}
.register .step{margin-bottom:0}
.register .refer{float:none;position:absolute;margin-left:20px}
.chk_box label{display:inline-block;float:none;width:180px;margin-bottom:0;font-size:16px;font-weight:500;text-align:center}

/* 회원가입 완료 */
.complete .box_bg3{background:#f4f6fa}
.complate .section_con .sec_cont{margin-bottom:0}
.complete .sec_cont{position:relative;padding:230px 0 50px;margin-bottom:0}
.complete .sec_cont h3{margin-bottom:30px;line-height:1.5;font-size:36px;color:#333;text-align:center}
.complete .sec_cont h3 b{color:#333}
.complete .sec_cont p{margin-bottom:30px;font-size:18px;text-align:center;line-height:1.7}
.join_icon{position:absolute;left:50%;top:80px;width:100px;height:100px;margin-left:-50px;background:#18a2ff url('../images/icon/check_join.png')no-repeat center/100px}


/*** 마이페이지 ***/

/* 마이페이지 메뉴 */
.login .column_left{float:none;margin-top:0}
.login .contents{width:970px;margin:0 auto}
.contents .login_con{padding:60px 25px}
.login_con{width:970px;margin:0 auto 20px;background:#fff}
.login_con h2{float:left;width:100%;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #888;font-size:28px}
.login_box{display:inline-block;;width:100%;/*padding:20px 0*/padding:50px 0;background:none;box-shadow:none;border:0;text-align:center}
.login_box section{display:inline-block;width:438px;/*height:426px*/height:auto;background:none;text-align:center}
.login label{float:left;height:auto;line-height:14px;margin-bottom:10px;font-size:15px;text-align:left}
.login .form_field{background:none}
.login .form_field fieldset{float:left;width:100%;/*height:414px*/height:auto;padding:0;/*border:1px solid #e5e5e5;border-radius:5px;background:#fff*/}
.login .form_field .row input{height:48px;line-height:48px;background:#f0f3fb}
.login .form_field .row ul{float:right;width:70%}
.login .form_field .row ul li{float:left;width:50%;height:20px;line-height:20px}
.login .form_field .row ul li a{font-size:14px;color:#888}
.login .form_field .row ul li i{position:relative;top:-1px}
.login .form_field .row ul li label{height:20px;line-height:20px;margin-bottom:0;font-size:14px;color:#888}
.login2{float:left;width:100%}
.login2 ul{width:100%}
.sns_button{position:relative;width:100%;height:50px;line-height:50px;margin-top:20px;border-radius:50px;border:1px solid rgba(0,0,0,.1);background:#ddd;color:rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.75);transition:all .1s ease-in-out}
.sns_button:active{box-shadow:none}
.sns_button strong{float:right;position:relative;width:82%;height:48px;line-height:48px;border-left:1px solid rgba(255,255,255,.2);font-size:20px;color:#fff}
.sns_button strong:after{content:"";position:absolute;left:-2px;top:0;width:1px;height:48px;background:rgba(0,0,0,.1)}
.sns_button i{position:absolute;top:50%;left:30px;margin-top:-17px;font-size:34px}
.login2{margin-top:10px}
.login2 ul li .sns_button.kakao_{background:#ffcd00}
.login2 ul li .sns_button.twitter_{background:#1da1f2}
.login2 ul li .sns_button.naver_{background:#19ce60}
.login2 ul li .sns_button.facebook_{background:#1877f2}
.login2 ul li:first-child .sns_button{margin-top:0}
.login2 ul li .sns_button.kakao_ i{left:32px;margin-top:-15px;font-size:28px}
.login2 ul li .sns_button.naver_ i{font-family:'Arial';font-size:30px;font-weight:900;margin-top:-25px;height:49px}
.login2 ul li .sns_button.facebook_ i{left:31px}
.sch-box{position:relative}


/*** 마이페이지 ***/

/* 마이페이지 메뉴 */
.mymenu_con{padding-top:30px !important;padding-bottom:30px !important}
.mymenu_con h2{height:70px;line-height:70px;border-radius:2px;border-bottom:0;background:#18a2ff url('../images/icon/pattern04.png');font-size:24px;font-weight:bold;color:#fff;text-align:center;letter-spacing:0}
.contents .mymenu_con h2 span.mymenu_icon{display:inline-block;position:relative;top:-2px;width:46px;height:46px;line-height:46px;margin-right:10px;border-radius:50px;font-size:30px;background:rgba(0,0,0,.26);vertical-align:middle}
.mymenu_con h2 i{position:relative;left:2px;top:9px;font-size:28px;color:#18a2ff;text-shadow:none}
.mymenu_con h2 strong{font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.4);opacity:.9}
.mymenu_con ul{width:100%}
.mymenu_con ul li{float:left;width:100%;margin-top:20px;background:#f9fafb}
.mymenu_con ul li:first-child{margin-top:0}
.mymenu_con ul li a{float:left;position:relative;width:100%;height:50px;line-height:50px;padding-left:70px;border:1px solid #ccc;border-radius:10px;font-size:20px}
.mymenu_con ul li a i{position:absolute;top:50%;left:20px;margin-top:-15px;font-size:30px;color:#18a2ff;vertical-align:middle}

/* 마이페이지 메인 */
.mypage_con{float:left;width:970px;margin-bottom:20px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.contents .mypg_top{padding:30px 25px}
.mypage_con .mypg_con_wrap{float:left;width:100%;margin-bottom:40px}
.mypage_con .mypg_con_wrap .snb2_r{float:right}
.mypage_con .mypg_con_wrap:last-child{margin-bottom:0}
.mypage_con .mypg_con_wrap .page_title{float:left;width:100%;font-size:28px;padding:15px 0;font-weight:500}
.mypage_con .mypg_con_wrap .page_title i{position:relative;top:3px;margin-right:5px;font-size:32px;color:#18a2ff}
.mypage_con .mypg_con_wrap h2{float:left;width:100%;border-bottom:1px solid #999}
.mypage_con .mypg_con_wrap h2.title{float:left;width:100%;height:auto;margin-bottom:20px;padding-bottom:0;border:0;font-size:24px}
.mypage_con .mypg_con_wrap h2.title a.more{float:right;position:relative;top:7px;height:26px;line-height:24px;padding:0 12px;border:1px solid #18a2ff;border-radius:50px;background:#fff;font-size:12px;color:#18a2ff}
.mypage_con .mypg_con_wrap h2 i{position:relative;top:2px;margin-right:5px;font-size:28px;color:#18a2ff}
.mypage_con .snb{margin-bottom:15px}
.mypage_con .box_bg3{background:#f4f6fa url('../images/icon/pattern01.png')}
.mypage_con .mypg_hd{float:left;width:100%;margin-bottom:50px;padding:15px;border-radius:5px;border:1px solid #999;background:url('../images/icon/pattern02.png');box-shadow:0 3px 5px rgba(0,0,0,.1)}
.mypage_con .mypg_hd .myinfo{float:left;width:100%;height:22px;line-height:22px;padding:0 10px}
.mypage_con .mypg_hd .myinfo img{position:relative;top:-2px;margin-right:5px;vertical-align:middle}
.mypage_con .mypg_hd .myinfo em{color:#488df4}
.mypage_con .mypg_hd .myinfo strong{float:left;position:relative;top:0px;height:22px;line-height:22px;margin-right:10px;padding:0 10px;border-radius:2px;background:#18a2ff;font-size:13px;font-weight:400;color:#fff}
.mypage_con .mypg_hd ul{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #eee}
.mypage_con .mypg_hd ul li{float:left;width:25%;border-left:1px dashed #eee;text-align:center}
.mypage_con .mypg_hd ul li span{display:block;height:42px;line-height:42px;font-weight:500}
.mypage_con .mypg_hd ul li em{display:block;height:42px;line-height:42px;font-size:30px;font-weight:500}
.mypage_con .mypg_hd ul li:nth-child(1){border-left:0}
.mypage_con .mypg_hd ul li:nth-child(1) em{color:#2eb3a3}
.mypage_con .mypg_hd ul li:nth-child(2) em{color:#e74262}
.mypage_con .mypg_hd ul li:nth-child(3) em{color:#717ebd}
.mypage_con .mypg_hd ul li:nth-child(4) em{color:#ffc45b}
.mypage_con .sec_conts{margin-top:0;margin-bottom:0;padding:40px;border:1px solid #eee}
.mypage_con .sec_cont{float:left;width:100%;margin-bottom:30px}
.mypage_con .sec_cont h3{font-size:18px;font-weight:500;color:#333;margin-bottom:15px}
.mypage_con .sec_cont h3:hover{text-decoration:none !important}
.mypg_con_wrap .sec_list{float:left;width:100%;margin-bottom:60px}
.mypg_con_wrap .sec_li02{margin-bottom:0}
.mypage_con .table_con{float:left;width:100%;border-top:1px solid #333}
.mypage_con .table_con .tb-hd{background:#f0eef1}
.mypage_con .table_con .tb-hd > div{height:46px;line-height:46px;border-bottom:0;font-size:14px;font-weight:400;color:#333 !important;text-align:center}
.mypage_con .table_con .row{float:left;width:100%}
.mypage_con .table_con .row i{display:none}
.mypage_con .table_con .row .message_btn button i{display:block}
.mypage_con .table_con .col{float:left;font-size:14px}
.sec_li01 .table_con .tb-hd > div:nth-child(2){text-align:center !important}
.sec_li01 .table_con .row > div:nth-child(1){width:66%;padding:0 10px}
.sec_li01 .table_con .row > div:nth-child(2){width:15%;color:#00adef}
.sec_li01 .table_con .row > div:nth-child(3){width:9%}
.sec_li01 .table_con .row > div:nth-child(4){width:10%;color:#4f86c6}
.empt{height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:14px;text-align:center}
.back_btn{float:left;color:#888}
.back_btn button{position:absolute;left:10px;top:50%;margin-top:-13px;padding:4px;font-size:18px;vertical-align:middle}
.back_btn button i{float:left;color:#888}

/* 게시물 관리 */
.list .table_con .row > div:nth-child(1){width:5%;padding:0}
.list .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.list .table_con .row > div:nth-child(2){width:51%;padding:0;text-align:left}
.list .table_con .row > div:nth-child(3){width:15%;color:#4f86c6}
.list .table_con .row > div:nth-child(4){width:9%;color:#888}
.list .table_con .row > div:nth-child(5){width:10%}
.list .table_con .row > div:nth-child(6){width:10%}
.mypage_con .btn01{display:inline-block;position:relative;top:13px;height:24px;line-height:22px;padding:0 8px;border:1px solid #ccc;border-radius:3px;background:#fff;font-size:12px;color:#333;text-align:center}

/* 댓글 관리 */
.comment .table_con .row > div:nth-child(1){width:5%;padding:0}
.comment .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.comment .table_con .row > div:nth-child(2){width:58%;padding:0;text-align:left}
.comment .table_con .row > div:nth-child(3){width:17%;color:#4f86c6}
.comment .table_con .row > div:nth-child(3) a{color:#4f86c6}
.comment .table_con .row > div:nth-child(4){width:10%;color:#4f86c6}
.comment .table_con .row > div:nth-child(5){width:10%}
.mypage_con .btn01{display:inline-block;position:relative;top:13px;height:24px;line-height:22px;padding:0 8px;border:1px solid #ccc;border-radius:3px;background:#fff;font-size:12px;color:#333;text-align:center}
.comment .lnk_btn{position:relative;left:50%;width:90px !important;margin-left:-50px;padding:0 5px;text-align:center !important;
background: #ffffff !important;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important}

/* 쪽지관리 */
.memo .table_con .row > div:nth-child(1){width:5%;padding:0}
.memo .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.memo .table_con .row > div:nth-child(2){width:62%;padding:0;text-align:left}
.memo .table_con .row > div:nth-child(3){width:15%;float:left;padding:0 10px;color:#4f86c6;text-align:left}
.memo .table_con .tb-hd > div:nth-child(3){text-align:center}
.memo .table_con .row > div:nth-child(3) img{position:relative;top:-1px;width:14px;margin-right:4px;vertical-align:middle}
.memo .table_con .row > div:nth-child(4){width:10%;color:#888}
.memo .table_con .row > div:nth-child(5){width:8%;color:#333}
.memo .table_con .row > div:nth-child(5) span.chk{color:#ef5e49}
.memo .table_con .row > div:nth-child(5) span.unchk{color:#7a7f93}
.mypage_con table.memo td a{width:491px}
.tb_top .tab_btn{float:left}
.tb_top .tab_btn button{height:34px;line-height:32px;padding:0 14px;border:1px solid #dfdfdf;background:#fafafa;font-size:14px}
.tb_top .tab_btn button.on{border-color:#627198;background:#627198;color:#fff}
.bottom_area .send_memo{float:right;border-color:#18a2ff;background:#18a2ff;font-size:14px;font-weight:500;color:#fff}
.bottom_area .send_memo i{color:#fff}
.send_btn{float:right;position:relative}
.send_btn button{height:34px;line-height:34px;padding:0 15px;border-radius:50px;background:#18a2ff;font-size:14px;color:#fff}
.message_box{position:fixed;left:50%;top:48%;z-index:30000;width:280px;margin-left:-140px;margin-top:-165px;border-top:4px solid #18a2ff;background:#fff;box-shadow: 0 3px 10px rgba(0,0,0,.4)}
.message_box legend{float:left;width:100%;height:38px;line-height:38px;padding:0 15px;border-bottom:1px solid #dfdfdf;background:#f6f6f6;font-size:16px;font-weight:500;color:#18a2ff;letter-spacing:0}
.message_box fieldset{float:left;width:100%}
.message_box legend i{position:relative;top:-3px;margin-right:4px;font-size:20px;vertical-align:middle}
.message_box label{float:left;width:100%;height:15px;line-height:15px;margin-bottom:10px;color:#666}
.message_box .message_con{float:left;padding:15px;width:100%;}
.message_box input[type="text"]{float:left;width:100% !important;background:#f7f9fc;border:1px solid #dfdfdf}
.message_box textarea{padding:10px;background:#f7f9fc}
.message_box textarea{float:left;width:100%;height:130px;margin-top:10px;border:1px solid #dfdfdf}
#messageLayer .message_box{position:fixed;left:50% !important}
.message_btn{float:left;width:100%;background:#18a2ff}
.message_btn button:last-child{width:70%;border-color:#18a2ff;background:#18a2ff;color:#fff !important}
.message_btn button{float:left;height:40px;padding:0;line-height:40px;border-radius:0;border-top:1px solid #dfdfdf;background:#f6f6f6;font-size:14px !important;color:#333}
.message_btn button:last-child{width:84%;border-color:#18a2ff;background:#18a2ff;color:#fff}
.message_btn button:first-child{width:16%;padding-left:0 !important;font-size:16px !important}
.memo .text1{float:left;width:100%;position:relative;padding:12px 20px 35px;line-height:1.7;border-bottom:1px solid #e5e5e5;background:#fafafa;color:#666;text-align:left}
.memo .text1 .bottom_line{position:absolute;bottom:6px;right:20px}
.memo .text1 .bottom_line button{position:relative;padding:0 8px;font-size:12px;color:#999}
.memo .text1 .bottom_line button:first-child{padding-left:0}
.memo .text1 .bottom_line button:last-child{padding-right:0}
.memo .text1 .bottom_line button+button:before{content:"";position:absolute;top:5px;left:0;width:1px;height:12px;background:#e5e5e5}
.memo .text1 .message_box{top:30px;right:40px}

/* 스크랩 관리 */
.scrap .table_con .row > div:nth-child(1){width:5%;padding:0}
.scrap .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.scrap .table_con .row > div:nth-child(2){width:61%;padding:0;text-align:left}
.scrap .table_con .row > div:nth-child(3){width:15%;color:#4f86c6}
.scrap .table_con .row > div:nth-child(4){width:9%;color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scrap .table_con .row > div:nth-child(5){width:10%}
.tb_top{float:left;width:100%;margin-bottom:15px}
.tb_top select{width:100px;max-width:250px;height:34px;line-height:34px;margin-right:3px;padding:0 5px;border:1px solid #dfdfdf;font-size:13px}
.tb_top input[type="text"]{width:280px;height:34px;line-height:34px;padding:5px 10px;font-size:13px;font-weight:400;border:1px solid #dfdfdf}
.tb_top a{float:right;width:90px;height:34px;line-height:32px;border:1px solid #1090fd;border-radius:50px;background:#fff;font-size:14px;color:#1090fd;text-align:center}
.tb_top label{position:relative;height:34px;line-height:34px}
.sch-con{float:right}
.sch-con button{width:40px;height:34px;line-height:34px;background:#18a2ff !important;font-size:18px !important}
.sch-con button i{color:#fff}
.bottom_area input[type="text"]{width:280px;height:34px;line-height:34px;padding:5px 10px;font-size:13px;font-weight:400;border: 1px solid #dfdfdf}
.bottom_area select{width:100px;max-width:250px;height:34px;line-height:34px;margin-right:3px;padding:0 5px;border:1px solid #dfdfdf;font-size:13px}
.my_conts{margin-bottom:0 !important}

/* 관심회원 관리 */

/* 포인트 내역 */
.point .table_con .row > div:nth-child(1){width:70%;padding-right:10px;padding-left:0;text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.point .table_con .row > div:nth-child(2){width:10%;padding:0;color:#888}
.point .table_con .row > div:nth-child(3) span{display:none}
.point .table_con .row > div:nth-child(3){width:10%;color:#24a2e4}
.point .table_con .row > div:nth-child(4) span{display:none}
.point .table_con .row > div:nth-child(4){width:10%;color:#888}
.point .table_con .tb-hd > div:nth-child(1){text-align:center}

/* 나의 상담내역 */
.list2 .table_con .row > div:nth-child(1){width:7%;padding:0}
.list2 .table_con .row > div:nth-child(2){width:73%;padding:0 10px;text-align:left}
.list2 .table_con .row > div:nth-child(3){width:10%;color:#4f86c6}
.list2 .table_con .row > div:nth-child(4){width:10%;color:#888}
.list2 .table_con .row > div:nth-child(4) span.answer{color:#ff5722}
.top_area{float:left}
.top_area button{height:34px;line-height:32px;padding:0 14px;border:1px solid #ccc;border-radius:5px;background:#fafafa;font-size:12px;letter-spacing:0}
.top_area .top_btn{float:left;border-color:#18a2ff;background:#18a2ff;font-size:14px;font-weight:500;color:#fff}
.top_area .top_btn i{color:#fff}
.list2 .txt_cont{float:left;width:100%;border-bottom:1px solid #e5e5e5}
.list2 .answer{color:#ff5722 !important}
.list2 .text1{padding:12px 20px;line-height:1.7;background:#fafafa;font-size:14px;color:#666;text-align:left}
.list2 .text2{position:relative;padding:12px 20px;padding-left:60px;line-height:1.7;border-top:1px dashed #e5e5e5;background:#fafafa;font-size:14px;color:#666;text-align:left}
.list2 .text2:before{content:"\001c   re";position:absolute;top:10px;left:20px;font-weight:500;color:#ff5722}
.file-li{margin-top:10px;font-size:12px;color:#999}
.file-li i{top:-1px;margin-right:4px;vertical-align:middle}
.file-li span{margin-right:5px}
.file-li span.file-name{color:#00adef}
.file-li button{margin-left:5px;color:#00adef}
.board_top .top_btn2{right:10px;float:right;margin-top:0px; border:1px solid red; height:32px;line-height:32px;padding:0 14px;border-radius:3px;border-color:#18a2ff;background:#18a2ff;font-size:12px;font-weight:500;color:#fff;}

/* 관심회원 관리 */
.member .table_con .row > div:nth-child(1){width:5%;padding:0}
.member .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.member .table_con .row > div:nth-child(2){width:15%;padding:0;text-align:left}
.member .table_con .row > div:nth-child(2) img{position:relative;top:-2px;width:13px;margin-right:5px;vertical-align:middle}
.member .table_con .row > div:nth-child(3){width:60%;color:#4f86c6}
.member .table_con .row > div:nth-child(4){width:13%;color:#888}
.member .table_con .row > div:nth-child(5){width:7%}
.member .mb_info{padding-left:10px;text-align:left}
.member .mb_info span+span:before{content:"/";padding:0 10px;color:#ccc}
.member .mb_info span em{width:auto;color:#333 !important;font-size:13px !important;min-width:auto !important;color:#ff8c05 !important}

/* 하단 링크 */
.snb_btm{width:100%;margin-bottom:20px;border: 1px solid #e6e6e6;box-shadow: 0 1px 10px rgba(0,0,0,.05)}
.snb_btm li{float:left;width:33.3333333%;height:40px;line-height:40px;border-right:1px solid #f8f9fa;border-bottom:1px solid #f8f9fa;background:#fff;text-align:center}
.snb_btm li a{position:relative;top:-1px;display:inline-block;height:40px;line-height:40px;font-size:14px;color:#666}
.snb_btm li:nth-child(3n){border-right:0}


/*** 푸터 ***/
footer{float:left;width:100%}
.footer{width:970px;height:156px;margin:0 auto;border: 1px solid #e6e6e6;background:#fff;box-shadow: 0 1px 10px rgba(0,0,0,.05)}
.fnb{float:left;width:100%;padding:0 20px;border-bottom:1px solid #eee;background:#fff;text-align:center}
.fnb a{position:relative;height:34px;line-height:34px;padding:0 20px;font-size:12px;color:#888}
.fnb a+a:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:12px;background:#eee}
.fnb a:first-child{padding-left:0}
.fnb a:last-child{padding-right:0}
.footer_inner{width:970px;margin:0 auto}
.foot .logo_box{float:left}
.foot .logo_box a{display:block}
.foot .logo_box img{max-width:100%;margin-right:20px;vertical-align:middle;padding:14px 0}
.foot{float:right;width:100%;font-size:13px;color:#999;letter-spacing:0;line-height:1.8}
.foot .site_info{float:none;padding:24px 0}
.foot .site_info .copyright{font-size:12px;color:#888;text-align:center}
.fbt{display:inline-block;width:100%;margin-top:24px;text-align:center}
.fbt a{display:inline-block;height:27px;line-height:27px;margin-left:4px;padding:0 15px;border:1px solid #e5e5e5;border-radius:2px;background:#fff;color:#666;text-align:center}
.fbt a:first-child{margin-left:0}

.foot{background:#34394f}
.fbt a{border:0}
.foot .site_info .copyright{color:rgba(255,255,255,.6)}

/* 탑버튼 */
.btn_box{position:fixed;bottom:32px;top:auto;right:20px;width:50px;height:50px;border-radius:5px;z-index:10000;border:2px solid #18a2ff;box-sizing:border-box;background:none}
.btn_box a{display:inline-block;width:100%;height:46px;line-height:46px;padding:0;background:none;border-radius:0;vertical-align:middle;text-align:center;transition:all .2s ease}
.btn_box a i{margin:0;top:0;color:#fff;vertical-align:middle;color:#18a2ff;font-size:1.6em}

.sns2{display:inline-block;margin-top:40px;text-align:center}
.sns2 ul li{display:inline-block;float:none;width:52px;margin:0 5px;text-align:center}
.sns2 .sns_button{margin-top:0;box-shadow:none}
.sns2 ul li i{left:10px !important}

/* 나의 상담내역 */


/*** PC Screen 1920 ***/
@media screen and (max-width:1920px){

}

/*** PC Screen 1600 ***/
@media screen and (max-width:1600px){

}

/*** PC Screen 1440 ***/
@media screen and (max-width:1440px){

}

/*** PC Screen 1366 ***/
@media screen and (max-width:1366px){

}

/*** PC Screen 1280 ***/
@media screen and (max-width:1280px){

}

/*** PC Screen 1200 ***/
@media screen and (max-width:1200px){

}

/*** PC Screen 1080 ***/
@media screen and (max-width:1080px){

}

/*** PC Screen 1024 ***/
@media screen and (max-width:1024px){

}

/*** PC Screen 970 ***/
@media screen and (max-width:970px){

.main_content_wrap, .sub_content_wrap, header, .login .contents, .login_con, .find_info .contents, .join .contents, .mypage_con, .footer, .fnb ul, .footer_inner{width:100%}
.container{float:left;width:100%;padding:0 2%}
.section_li{width:100%;padding:20px 2%}
.section_li_wrap {width:47.4%;}
.section_li .thumb{width:30.6%;margin-right:4%}
.section_li.li_webzine02 ul li {width:100%}
.section_li.ranking{width:100%}
.content_view{padding:70px 3% 20px}
.content_box{padding:60px 3% 20px}
.cmt_input button{width:66px;height:60px;margin-left:10px}
.cmt_input textarea{float:left;/*width:calc(100% - 78px)*/}
.sec_info .info ul li{line-height:1.7;margin-top:5px}
.sec_info .info ul li:first-child{margin-top:0}
.contents .write_con{padding:20px 3%}
.contents .mypage_top{padding:20px 3%}
.contents .login_con{padding:50px 6%}
.contents .find_con{padding:50px 6%}
.login_box{padding:30px 0 0}
.sec_info .info{padding:15px 20px}
.content_box h2{margin-bottom:20px;padding-bottom:20px}
.tb_tab{margin-top:0}
.service_con .company_intro{padding:30px}
.sec_info .form_field{padding:20px}
.register .sec_conts, .mypage_con .sec_conts{padding:20px}
.login_box section:nth-child(2){margin-top:40px;margin-left:0}
.mypg_con_wrap .sec_list:last-child{margin-bottom:30px}
.section_li ul li a{max-width:76%}
.item_li ul li a{max-width:77%}
.li_notice ul li a{max-width:95%}
.form_field .row input[type="text"].input02{width:83.5%}
.captcha_key{width:73.1%}
.cmt_input textarea{width:88.7%}

}

/*** Mobile Screen 800 ***/
@media screen and (max-width:800px){
.m_main_c_wrap {margin-left:0;}
header, .section_li, .snb_btm, .content_view, .login_con, .content_box, .footer{border-left:0;border-right:0}
.container{padding:0}
.section_li{width:100%}
.section_li_wrap {width:100%; margin-left:0;}
/*.section_li_wrap:nth-child(even){margin-left:0}*/
.section_li.li_webzine01 ul li.thumb{margin-right:0 !important;padding:0 7.5px}
.section_li.li_webzine01 ul li:nth-child(1){padding-left:0 !important;width:32.6%}
.section_li.li_webzine01 ul li:nth-child(2){width:34.8%;margin-right:0 !important}
.section_li.li_webzine01 ul li:nth-child(3){padding-right:0 !important;width:32.6%}
.section_li.li_webzine01 ul li.thumb{height:147px;margin-bottom:40px;text-align:center}
.section_li.li_webzine01 ul li{position:relative}
.section_li.li_webzine01 ul li.thumb:after{content:"";position:absolute;left:0;bottom:-20px;width:100%;border-bottom:1px dashed #e4e8eb}
.section_li.li_webzine01 ul li.thumb a{float:none}
.section_li.li_webzine01 .img_box{height:89px;margin:0 auto}
.section_li.li_webzine01 .thumb h3{width:127px;margin:0 auto;text-align:center}
.section_li.li_webzine01 .thumb{height:147px}
.section_li.li_image ul li{text-align:center}
.section_li.li_image ul li a{float:none}
.section_li.li_image .img_box{height:98px;margin:0 auto}
.section_li.li_image .thumb h3{width:127px;margin:0 auto;text-align:center}
.section_li.li_image .thumb{height:147px}
.section_li.li_image ul li{margin-bottom:40px}
.section_li.li_image ul li:after{content:"";bottom:-20px}
.btn_box{bottom:28px}
.btn_box a{height:26px;line-height:26px}
.btn_box a i{font-size:1.2em;top:-2px}
.btn_box{width:30px;height:30px}
.content_view{padding-top:70px}
.snb2_wrap{float:right}
.captcha_key{width:calc(100% - 190px)}
.tb_tab{margin-top:0}
.section_li ul li a{max-width:89%}
.item_li ul li a{max-width:77%}
.li_notice ul li a{max-width:95%}
.form_field .row input[type="text"].input02{width:83.6%}
.captcha_key{width:73.2%}

}


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

.board_list .row{padding:6px 15px}
.board_list .col{height:27px;line-height:27px}
.board_list .col:nth-child(3){clear:both}
.board_list .col em{position:relative;top:-1px}
.board_list .col i.new{position:relative;top:-1px}
.table_con .tb-hd{padding:0 !important;border-bottom:1px solid #bfbfbf !important}
.table_con .tb-hd > div:nth-child(1){display:none}
.table_con .tb-hd > div:nth-child(2){width:100% !important}
.table_con .tb-hd > div:nth-child(3){display:none}
.table_con .tb-hd > div:nth-child(4){display:none}
.table_con .tb-hd > div:nth-child(5){display:none}
.table_con .tb-hd > div:nth-child(6){display:none}
.table_con .row{border-bottom:1px solid #e5e5e5}
.table_con .row i{display:inline-block}
.table_con .row > div:nth-child(1){display:none;width:5%;border-bottom:0;text-align:left}
.table_con .row > div:nth-child(2){width:100%;border-bottom:0}
.table_con .row > div:nth-child(3){width:auto !important;border-bottom:0;margin-right:15px;color:#00adef}
.table_con .row > div:nth-child(4){width:auto !important;border-bottom:0;margin-right:15px}
.table_con .row > div:nth-child(5){width:auto !important;border-bottom:0;margin-right:15px}
.table_con .row > div:nth-child(6){width:auto !important;border-bottom:0;margin-right:15px}
/*이미지,웹진형공지*/
.table_con_2 .tb-hd{padding:0 !important;border-bottom:1px solid #bfbfbf !important}
.table_con_2 .tb-hd > div:nth-child(1){display:none}
.table_con_2 .tb-hd > div:nth-child(2){width:100% !important}
.table_con_2 .tb-hd > div:nth-child(3){display:none}
.table_con_2 .tb-hd > div:nth-child(4){display:none}
.table_con_2 .tb-hd > div:nth-child(5){display:none}
.table_con_2 .tb-hd > div:nth-child(6){display:none}
.table_con_2 .row{border-bottom:1px solid #e5e5e5}
.table_con_2 .row i{display:inline-block}
.table_con_2 .row > div:nth-child(1){display:inline-block;width:50px;border-bottom:0;text-align:left}
.table_con_2 .row > div:nth-child(2){width:calc(100% - 50px); border-bottom:0}
.table_con_2 .row > div:nth-child(3){width:auto !important;border-bottom:0;margin-right:15px;color:#00adef}
.table_con_2 .row > div:nth-child(4){width:auto !important;border-bottom:0;margin-right:15px}
.table_con_2 .row > div:nth-child(5){width:auto !important;border-bottom:0;margin-right:15px}
.table_con_2 .row > div:nth-child(6){width:auto !important;border-bottom:0;margin-right:15px}

.board_list .col > i, .table_con button i{position:relative;top:-0.1em;margin-right:3px;font-size:14px;color:#888;vertical-align:middle}
.empt{height:27px;line-height:27px;border-bottom:0}
.mypage_con .table_con .row i{display:inline-block}
.sec_li01 .table_con .row{padding:6px 0}
.sec_li01 .col > i, .table_con button i{top:-0.07em}
.table_con .tb-hd{display:none}
.sec_li01 .table_con .tb-hd > div:nth-child(1){text-align:center}
.sec_li01 .table_con .tb-hd > div:nth-child(2){display:none !important}
.sec_li01 .table_con .row > div:nth-child(1){display:block;width:100%;padding:0}
.sec_li01 .table_con .row > div:nth-child(2){clear:both;width:auto;margin-right:15px;font-size:13px}
.sec_li01 .table_con .row > div:nth-child(3){clear:none;width:auto;font-size:12px;color:#888}
.sec_li01 .table_con .row > div:nth-child(4){width:auto;font-size:12px;color:#888; /*210428>>*/max-width:180px;}
.mypage_con .btn01{height:auto;line-height:0;padding:0;border:0}
.list .table_con .row > div:nth-child(1){width:7%;float:left;text-align:left}
.list .table_con .row > div:nth-child(2){clear:none;float:left;width:93%;margin-right:0}
.list .table_con .row > div:nth-child(3){color:#00adef}
.list .table_con .row > div:nth-child(5){font-size:12px}
.list .table_con .row > div:nth-child(6){margin-right:0;font-size:12px}
.list .table_con .row > div:nth-child(6) .btn01 i{top:-2px}
.comment .table_con .row > div:nth-child(1){width:7%;float:left;text-align:left}
.comment .table_con .row > div:nth-child(2){clear:none;float:left;width:93%;margin-right:0}
.comment .table_con .row > div:nth-child(3){color:#00adef}
.comment .table_con .row > div:nth-child(5){font-size:12px}
.comment .table_con .row > div:nth-child(5){margin-right:0;font-size:12px}
.comment .table_con .row > div:nth-child(5) .btn01 i{top:-2px}
.comment .lnk_btn{left:0;top:5px !important;width:auto !important;height:20px;line-height:18px;margin-left:0;padding:0 10px;border:1px solid #ccc}
.mypage_con .btn01{top:8px}
.memo .table_con .row > div:nth-child(1){width:7%;padding:0;text-align:left}
.memo .table_con .row > div:nth-child(2){clear:none;float:left;width:93%;margin-right:0}
.memo .table_con .row > div:nth-child(3){width:auto;float:left;padding:0;color:#4f86c6;text-align:left}
.memo .table_con .row > div:nth-child(3) img{position:relative;top:-1px;width:14px;margin-right:4px;vertical-align:middle}
.memo .table_con .row > div:nth-child(4){width:auto;color:#888}
.memo .table_con .row > div:nth-child(5){width:auto;color:#333;margin-right:0;font-size:12px}
.memo .table_con .row > div:nth-child(3){color:#00adef}
.memo .text1{padding:10px 15px 30px}
.memo .text1 p{font-size:13px}
.memo .text1 .bottom_line{bottom:2px}
.scrap .table_con .row > div:nth-child(1){width:5%;float:left;text-align:left}
.scrap .table_con .row > div:nth-child(2){clear:none;float:left;width:95%;margin-right:0}
.scrap .table_con .row > div:nth-child(3){color:#00adef}
.scrap .table_con .row > div:nth-child(5){font-size:12px}
.scrap .table_con .row > div:nth-child(6){margin-right:0;font-size:12px}
.scrap .table_con .row > div:nth-child(6) .btn01 i{top:-2px}
.point .table_con .row > div:nth-child(1){width:100%;padding:0 0;font-size:13px}
.point .table_con .row > div:nth-child(2){width:auto;padding:0;color:#00adef}
.point .table_con .row > div:nth-child(3){width:auto;color:#888}
.point .table_con .row > div:nth-child(3) span{display:inline-block;margin-right:4px;color:#888}
.point .table_con .row > div:nth-child(4) span{display:inline-block;margin-right:4px;color:#888}
.point .table_con .row > div:nth-child(3){color:#fd6331}
.point .table_con .row > div:nth-child(4){color:#fd6331}
.point .table_con .row > div i{margin-right:0}
.list2 .table_con .row > div:nth-child(1){float:left;width:7%;padding:0;color:#00adef}
.list2 .table_con .row > div:nth-child(2){clear:none;float:left;width:93%;margin-right:0;padding:0 10px;text-align:left}
.list2 .table_con .row > div:nth-child(3){clear:both;width:auto;color:#888}
.list2 .table_con .row > div:nth-child(4){width:auto;color:#4f86c6}
.list2 .table_con .row > div:nth-child(4) span.answer{color:#ff5722}
.list2 .txt_cont .text1{font-size:12px;padding:10px 15px}
.list2 .txt_cont .text2{font-size:12px;padding:10px 15px;padding-left:40px}
.list2 .text2:before{left:10px;top:8px}
.member .table_con .row > div:nth-child(1){width:5%;padding:0}
.member .table_con .row > div:nth-child(1) input[type="checkbox"]{margin-top:-4px}
.member .table_con .row > div:nth-child(2){clear:none;float:left;width:15%;margin-right:0;padding:0;text-align:left}
.member .table_con .row > div:nth-child(2) img{position:relative;top:-2px;width:13px;margin-right:5px;vertical-align:middle}
.member .table_con .row > div:nth-child(3){width:80% !important;margin-right:0;color:#4f86c6}
.member .table_con .row > div:nth-child(4){width:13%;color:#888;margin-right:5px}
.member .table_con .row > div:nth-child(5){width:7%;margin-right:0}
.member .table_con .row > div .btn01{float:left;top:4px;height:22px;line-height:20px;padding:0 5px;border:1px solid #ccc;font-size:12px}
.member .table_con .row > div i{top:-0.1em}
.board_image ul li{width:31% !important}
.board_image ul li.thumb:nth-child(4n){margin-right:1% !important}
.board_image ul li:nth-last-child(4){margin-bottom:20px !important}
.board_image ul li:nth-last-child(3){margin-bottom:20px !important}
.section_li ul li a{max-width:88%}
.item_li ul li a{max-width:76%}
.li_notice ul li a{max-width:95%}
.form_field .row input[type="text"].input02{width:82.4%}
.captcha_key{width:71.3%}
.cmt_input textarea{width:87.9%}

}

/*** Mobile Screen 720 ***/
@media screen and (max-width:720px){

.content_view{padding-top:60px}
.content_view h2{margin-bottom:20px}
.view_con h3{margin-bottom:20px}
.view_hd{height:auto;line-height:26px;padding:6px 15px}
.view_hd .col2{float:left}
.view_hd .col2 span:first-child{margin-left:0}
.view_hd span{font-size:13px}
.view_contents{padding-top:20px}
.view_contents h4{margin-bottom:20px}
.snb2{height:36px;line-height:34px}
.view_con h3{font-size:28px}
.content_view h2{font-size:25px}
.content_view h2 span{font-size:15px;bottom:2px}
.board_top .txt{font-size:13px}
.board_con .sch-box input[type="text"]{width:calc(100% - 107px)}
.service_con .company_intro{padding:30px 20px}
.service_con .company_intro .title strong{font-size:50px}
.service_con .company_intro p strong{font-size:25px}
.sec_con4 .tab a{width:49.2%}
.sec_con4 .tab a:nth-child(odd){margin-left:0}
.mypg_con_wrap .sec_list:last-child{margin-bottom:20px}
.board_top .txt{/*position:absolute;right:10px;top:-68px*/}
.board_top .txt .m_search_value {position:absolute;right:10px;top:-30px}
.section_li ul li a{max-width:87%}
.item_li ul li a{max-width:72%}
.li_notice ul li a{max-width:94%}
.form_field .row input[type="text"].input02{width:80%}
.captcha_key{width:67.4%}
.cmt_input textarea{width:86.3%}

}


/*** Mobile Screen 640 ***/
@media screen and (max-width:640px){

.snb2 .snb2_wrap{float:right}
.comment_con .cmt_hd input{font-size:12px}
.comment_con .cmt_hd label:nth-child(1){width:20%}
.comment_con .cmt_hd label:nth-child(2){width:20%}
.comment_con .cmt_hd label:nth-child(3){width:30%}
.comment_con .cmt_hd label input{width:100% !important}
.comment_con .cmt_hd label{margin-left:10px}
.btn_default{width:119px;height:46px;line-height:44px;font-size:15px}
.content_box .snb{float:left}
.item_li ul{width:100%;border-right:0}
.form_field .subject .row2 select{width:25%}
.form_field .subject .row2 input[type="text"]{width:74%}
#pollLayer{left:0;width:80% !important;margin:0 10%;padding:30px 4%; height:80% !important;}
.section_li ul li a{max-width:86%}
.item_li ul li a{max-width:86%}
.li_notice ul li a{max-width:94%}
.form_field .row input[type="text"].input02{width:78.5%}
.captcha_key{width:65.1%}
.cmt_input textarea{width:85.3%}

}

/*** Mobile Screen 600 ***/
@media screen and (max-width:600px){

.fnb a{padding:0 15px}
.content_view h2{font-size:23px}
.content_view h2 span{bottom:1px}
.view_con h3{font-size:26px;line-height:36px}
.list_item{padding:10px}
.list_item p{margin-bottom:10px; width:100%;}
.comment_info{margin-bottom:10px}
.cmt2{padding-left:30px}
.cmt2:before{top:9px}
.comment_con .cmt_hd label:nth-child(1){width:20%}
.comment_con .cmt_hd label:nth-child(2){width:20%}
.comment_con .cmt_hd label:nth-child(3){width:35%}
.item_li{padding:0}
.popular_post .catgs{padding:10px 0}
.item_li ul{padding:0 15px}
.item_li ul li{height:45px;line-height:45px}
.tab_con button{height:42px;line-height:42px}
.item_li ul li em{min-width:23px;margin-top:-11px}
.item_li h3{height:45px}
.board_top input[type="text"]{width:calc(100% - 205px)}
.board_top{margin-bottom:10px}
.popular_post{margin-bottom:30px}
.login_box section{width:100%}
.login .form_field fieldset{padding:0 20px}
.login .tab{margin-bottom:20px}
.login .form_field .row ul li+li:before{padding:0 10px}
.login_box section{height:auto}
.login .form_field fieldset{height:auto}
.login .tab button{height:48px;line-height:46px;font-size:20px}
.find_info .tab button{height:48px;line-height:46px;font-size:18px}
.banner_con img{height:auto}
.login .col1 .banner_con{margin-bottom:0}
.sns_button i{position:absolute;top:50%;left:26px;margin-top:-17px;font-size:34px}
.login2 ul li .sns_button.kakao_ i{left:26px;margin-top:-15px;font-size:28px}
.login2 ul li .sns_button.naver_ i{font-family:'Arial';font-size:30px;font-weight:900;margin-top:-25px;height:49px}
.login2 ul li .sns_button.facebook_ i{left:28px}
.content_box h2{position:relative}
.content_box h2.title{padding-bottom:40px}
.content_box h2.title span{position:absolute;left:0;bottom:14px;margin-left:0;font-size:13px}
.section_con .sec_cont .text_area01{padding:20px}
.section_con .sec_cont .text_area01 a{margin-top:20px}
.complete .sec_cont{margin-bottom:0 !important;padding:180px 20px 30px}
.complete .sec_cont h3{font-size:24px}
.complete .sec_cont p{font-size:14px}
.complete .section_con .sec_conts{margin-bottom:0}
.join_icon{top:60px;width:80px;height:80px;margin-left:-40px;background-size:80px}
.mypage_con .mypg_hd ul li span{height:32px;line-height:32px}
.mypage_con .mypg_hd ul li em{font-size:24px;height:36px;line-height:36px}
.mypage_con .board_top{height:auto;line-height:0}
.mypage_con .board_top .sch_box{width:100%; /*210428>>*/margin-right:0;}
.mypage_con .board_top .sch_box select{width:30%;margin-right:1%}
.mypage_con .board_top .sch_box input[type="text"]{width:68%}
.board_top .sch_sort{width:100%;margin-bottom:10px}
.bottom_area > button span{display:none}
.bottom_area > button i{font-size:16px !important;position:relative;top:2px;color:#18a2ff}
.board_top .top_btn2{top:-32px;right:0; /*210428 추가>>*/margin-top:10px;}
#pollLayer{left:0;width:90% !important;margin:0 5%;padding:20px 4%; height:80% !important;}
.poll .btn_con{padding-top:10px}
.li_image02 .thumb{width:48% !important}
.section_li ul li a{max-width:82%}
.item_li ul li a{max-width:83%}
.li_notice ul li a{max-width:92%}
.form_field .row input[type="text"].input02{width:72.3%}
.captcha_key{width:55%}
.cmt_input textarea{width:81.2%}
.board_top .gaesimul {/*210428>>*/width:99%; margin-right:0; margin-bottom:10px;}
.poll .btn_con2 button {top:13px; margin-right:10px;}

}


/*** Mobile Screen 480 ***/
@media screen and (max-width:480px){
header, .banner_con, .section_li, .snb_btm, .content_box{margin-bottom:15px}
.header{padding:10px}
.menu .navbar ul li{margin:0 13px}
.section_li{padding:15px 3%}
.section_li h2{margin-bottom:15px;padding-bottom:15px;font-size:18px}
.section_li h2 a .more{height:18px;line-height:18px}
.li_webzine01 .thumb .img_box, .li_image .thumb .img_box{width:117px;height:90px}
.section_li.li_webzine01 .thumb h3{width:117px}
.section_li.li_webzine01 ul li.thumb{height:137px;margin-bottom:30px;padding:0 5px}
.section_li.li_webzine01 ul li.thumb:after{content:"";bottom:-16px}
.section_li.li_image ul li.thumb{height:137px;margin-bottom:30px;padding:0 5px}
.section_li.li_image ul li.thumb:after{content:"";bottom:-16px}
.fnb a{padding:0 10px}
.view_hd{/*height:64px;*/ height:auto; padding:5px 10px}
.view_hd span{margin-right:5px}
.file_li ul li{height:39px;line-height:39px;padding:0 10px}
.comment_box{padding:12px}
.content_view h2{font-size:20px;margin-bottom:15px}
.content_view h2 span{font-size:14px}
.file_li ul li span{font-size:13px}
.file_li h5{font-size:13px}
.file_li h5 i{font-size:13px}
.paging a{width:30px;height:28px;line-height:26px;font-size:13px;margin-top:10px;}
.paging i{top:4px}
.paging{margin-top:20px}
.board_con{margin-bottom:20px}
.board_list .tb-hd{height:40px;line-height:40px}
.table_con .tb-hd > div{height:40px;line-height:40px}
.sec_info .info{padding:10px 15px}
.sec_info .info ul li{font-size:12px}
.form_field textarea{font-size:13px;line-height:1.7}
.captcha_con .row2 input[type="text"]{font-size:12px}
.refer{font-size:12px}
.write_con .write_section h2{font-size:24px}
.write_con .write_section h2 i{top:4px;font-size:28px}
.snb{margin-bottom:20px}
.captcha_con .row2{padding:0;border:0}
.captcha_key{margin-left:10px}
.captcha_key{width:calc(100% - 160px);height:46px;line-height:46px;margin-top:0}
.captcha_con .row2 input[type="text"]{height:46px;line-height:46px;background:#fff}
.captcha_box{width:120px;height:46px}
.captcha_btn button i{font-size:14px;top:0}
.captcha_btn button{width:22px;height:22px;line-height:22px}
.captcha_con .row2{height:46px;background:none}
.captcha_btn{height:auto}
.form_field label.agree{float:left}
.content_box h2{font-size:24px}
.content_box h2 span{font-size:14px;bottom:1px}
.tb_tab button{height:30px;line-height:28px;padding:0 17px;font-size:13px}
.board_top a{width:auto;border:0;background:none}
.board_top a i{display:inline-block;top:-1px;margin-left:8px;margin-right:0;font-size:36px;color:#1090fd}
.board_top a em{display:none}
.board_top select{width:90px;}
.board_top input[type="text"]{width:calc(100% - 140px)}
.board_list .row{padding:6px 12px}
.board_list .tb-hd{padding:0}
.service_con .company_intro .company_info{display:table;width:100%}
.service_con .company_intro .company_info tr{border-bottom:1px dashed #dee3eb}
.service_con .company_intro .company_info th{display:table-cell;width:28%;height:auto;line-height:1.5;padding:8px 0;border:0}
.service_con .company_intro .company_info td{display:table-cell;width:72%;height:auto;line-height:1.5;padding:8px 0;border:0}
.service_con .company_intro .company_info dl{border-bottom:1px dashed #dee3eb}
.service_con .company_intro .company_info dt{display:table-cell;width:28%;height:auto;line-height:1.5;padding:8px 0;border:0}
.service_con .company_intro .company_info dd{display:table-cell;width:72%;height:auto;line-height:1.5;padding:8px 0;border:0}
.service_con .company_intro{padding:20px 15px}
.service_con .company_intro .title{margin-bottom:10px}
.service_con .company_intro .title strong{font-size:45px}
.service_con .company_intro p strong{font-size:20px}
.captcha_con .row2{background:none}
.sec_info .form_field{padding:20px 15px}
.register .sec_conts, .mypage_con .sec_conts{padding:20px 15px}
.form_field .subject .row2 select{width:100%;margin-bottom:10px}
.form_field .subject .row2 input[type="text"]{width:100%}
.content_box h2{position:relative}
.content_box h2.title{padding-bottom:20px}
.content_box h2 span{display:none;position:absolute;bottom:15px;right:0;width:100%;margin:0}
.login .form_field .row ul li label{position:relative;top:2px;font-size:13px}
.mypage_con h2{display:block}
.login .form_field .row ul li a{font-size:13px}
.login_box{padding:0}
.contents .login_con{padding:50px 7%}
.contents .find_con{padding:50px 7%}
.login .form_field .row ul li+li:before{padding:0 5px}
.login .tab button{padding:0;font-size:18px}
.find_info .tab button{padding:0;font-size:18px}
.login .form_field fieldset{padding:0}
.login .login_button{margin-top:10px}
.sns_button strong{width:80%}
.find_info_con{margin-top:0}
.section_con .sec_cont textarea{height:120px}
.section_con .sec_cont .text_area01{padding:20px}
.section_con .sec_cont .text_area01 a{margin-top:20px}
.step{padding:0 20px}
.step ul{width:100%;padding:12px 0}
.step ul li{font-size:14px;height:30px;line-height:30px}
.step ul li span{width:30px;height:30px;line-height:28px;margin-right:5px;font-size:15px}
.step ul li+li:before{width:15px;left:-7px}
.section_con .sec_cont .text_area01 p{font-size:14px}
.section_con .sec_cont{margin-bottom:20px}
.complate .sec_cont{margin-bottom:0}
.complete .sec_cont{padding:160px 15px 30px}
.join_icon{top:45px}
.complete .sec_cont h3{margin-bottom:20px}
.complete .sec_cont p{margin-bottom:20px}
.mypg_con_wrap .sec_list{margin-bottom:50px}
.mypage_con .mypg_hd{padding:10px}
.mypage_con .mypg_hd .myinfo{margin-top:5px}
.mypage_con .mypg_hd ul li span{font-size:14px}
.mypage_con .mypg_con_wrap .page_title{font-size:24px}
.mypage_con .mypg_con_wrap .page_title i{font-size:30px}
.mypage_con .mypg_con_wrap h2.title{font-size:22px}
.myinfo .btn_con button{width:30%}
.bottom_area{width:15%}
.board_btm{width:85%}
.bottom_area > button{padding:0 10px}
.mypage_con .board_top .sch_box input[type="text"]{width:67%}
.tb_top .tab_btn button{font-size:12px;padding:0 12px}
.send_btn button{font-size:12px}
.section_li ul li a{max-width:79%}
.item_li ul li a{max-width:79%}
.li_notice ul li a{max-width:91%}
.form_field .row input[type="text"].input02{width:68.1%}
.cmt_input textarea{width:78.1%}

}


/*** Mobile Screen 414 ***/
@media screen and (max-width:414px){

.header{padding:10px}
.snb_btm li a{font-size:13px}
.menu .navbar ul li{height:36px;line-height:36px}
.menu .navbar ul li a{height:36px;line-height:36px}
.header .col_left a i{font-size:28px}
.header .col_right a i{font-size:20px}
.view_hd span{font-size:12px}
.view_con h3{margin-bottom:15px}
.section_li{padding:15px 4%}
.section_li.li_webzine01 ul li.thumb{width:50%;height:157px;margin-bottom:24px;padding:0 2%}
.section_li.li_webzine01 ul li.thumb:after{bottom:-13px}
.section_li.li_webzine01 ul li:nth-child(2){padding-right:0}
.section_li.li_webzine01 ul li:nth-child(3){display:none}
.li_webzine01 .thumb .img_box{width:158px;height:112px}
.section_li.li_webzine01 .thumb h3{width:158px;text-align:left}
.section_li.li_image ul li.thumb{width:50% !important;height:157px;margin-bottom:24px}
.section_li.li_image ul li.thumb:after{bottom:-13px}
.li_image .thumb .img_box{width:158px;height:112px}
.section_li.li_image .thumb h3{width:158px;text-align:left}
.li_image ul li:nth-last-child(3){margin-bottom:24px !important}
.li_image ul li:nth-last-child(3):after{content:'';border-bottom: 1px dashed #e4e8eb !important}
.section_li.li_image ul li:nth-child(odd){padding-left:0;padding-right:2% !important}
.section_li.li_image ul li:nth-child(even){padding-right:0;padding-left:2% !important}
.section_li{padding:12px 4%}
.section_li ul li em{margin-top:-8px}
.section_li h2{font-size:16px;margin-bottom:12px;padding-bottom:12px;border-bottom-color:#eee}
.section_li h2 a .more{font-size:13px}
.section_li h3{font-size:13px}
.section_li ul li .comment{font-size:12px}
.comment_con .cmt_hd label:nth-child(3){width:30%}
.cmt_hd .auto_key{margin-left:10px}
.board_list .col{height:25px;line-height:25px}
.board_list .col i.new{top:-1px}
.board_list .col em{top:-1px}
.contents .write_con{padding:20px 4%}
.contents .mypg_top{padding:20px 4%}
.contents .login_con{padding:40px 8%}
.contents .find_con{padding:40px 8%}
.find_info .confirm_btn{margin-top:20px}
.content_box{padding:60px 2% 10px}
.btn_con{padding:20px 0}
.item_li ul li a{font-size:13px}
.popular_post .catgs ul li a{height:28px;line-height:28px}
.fnb{padding:0 5px}
.fnb a{padding:0 8px;font-size:10px}
.fbt a{height:25px;line-height:25px;font-size:12px}
.foot .site_info .copyright{font-size:10px}
.form_field textarea{padding:10px;height:120px}
.login_box section:nth-child(2){margin-top:30px}
.login .form_field .row .login_option a+a:before{padding:0 10px}
.sns_button strong{width:78%}
.step{padding:0}
.section_con .sec_cont .text_area01{padding:20px 15px}
.join .btn_con{padding:10px 0}
.register .btn_con{padding:20px 0}
.complete .sec_cont h3{font-size:20px}
.section_con .sec_cont .text_area01 a{margin-top:15px}
.section_con .sec_cont textarea{padding:10px;font-size:13px;line-height:1.7}
.form_field .row .check-btn{font-size:14px}
.form_field .row input[type="text"].input02{width:calc(100% - 103px)}
.register .chk01{margin-bottom:20px}
.mypage_con .mypg_hd ul li em{font-size:22px}
.tb_top{position:relative}
.send_btn{position:absolute;top:-46px;right:0}
.tb_top .tab_btn button{float:left;width:50%;font-size:14px}
.tb_top .tab_btn{width:100%}
.send_btn button{height:30px;line-height:30px}
.scrap .table_con .row > div:nth-child(1){width:7%}
.scrap .table_con .row > div:nth-child(2){width:93%}
#pollLayer h1{text-align:center}
.board_webzine .meta_info span+span:before{display:none}
.board_webzine .meta_info span.comment{display:none}
.board_webzine .meta_info span.user{color:#00adef !important; max-width:130px;}
.board_webzine ul li p{display:none}
.board_webzine .thumb .img_box{width:91px !important;height:71px !important}
.section_li ul li a{max-width:77%}
.item_li ul li a{max-width:77%}
.li_notice ul li a{max-width:90%}
.form_field .row input[type="text"].input02{width:65.9%}
.cmt_input textarea{width:75.6%}

}

/*** Mobile Screen 375 ***/
@media screen and (max-width:375px){

.comment_con .cmt_hd label:nth-child(3){width:29%}
.li_webzine01 .thumb .img_box, .li_image .thumb .img_box{width:152px;height:117px}
.section_li.li_webzine01 ul li.thumb, .section_li.li_image ul li.thumb{height:162px}
.section_li.li_webzine01 .thumb h3, .section_li.li_image .thumb h3{width:152px}
.snb_btm li{height:38px;line-height:38px}
.snb_btm li a{position:relative;top:-1px;height:38px;line-height:38px;font-weight:300}
.sec_con4 .tab a{padding:0;font-size:13px;letter-spacing:-0.05em}
.login .form_field .row .login_option a+a:before{padding:0 5px}
.login .form_field .row .login_option label{font-size:13px}
.login .form_field .row .login_option a{font-size:13px}
.login .form_field .row .login_option .option_btn{height:19px;margin-top:-1px}
.mypage_con .mypg_hd ul li em{font-size:20px}
.section_li ul li a{max-width:76%}
.item_li ul li a{max-width:75%}
.li_notice ul li a{max-width:90%}
.form_field .row input[type="text"].input02{width:64.3%}
.cmt_input textarea{width:74.4%}

}

/*** Mobile Screen 360 ***/
@media screen and (max-width:360px){

.li_webzine01 .thumb .img_box, .li_image .thumb .img_box{width:132px;height:102px}
.section_li.li_webzine01 ul li.thumb, .section_li.li_image ul li.thumb{height:147px}
.section_li.li_webzine01 .thumb h3, .section_li.li_image .thumb h3{width:132px}
.snb_btm li{font-size:12px}
.snb_btm li a{top:0}
.sec_info .info{padding:10px}
.service_con .company_intro{padding:15px}
.register .sec_conts, .mypage_con .sec_conts{padding:15px}
.sec_info .form_field{padding:15px}
.contents .login_con{padding:30px 6%}
.contents .find_con{padding:30px 6%}
.find_info .confirm_btn{margin-top:10px}
.login .login_button{height:50px;line-height:50px}
.login .login_button button{height:48px;line-height:48px;font-size:16px}
.find_info .confirm_btn button{height:46px;line-height:46px;font-size:16px}
.login .form_field .row .login_option a+a:before{content:"";padding:0 8px}
.sns_button strong{width:76%}
.step ul{padding:10px 5px}
.step ul li{height:24px;line-height:24px}
.step ul li+li:before{width:8px;left:-4px}
.step ul li span{width:24px;height:24px;line-height:22px;margin-right:4px;font-size:14px}
.complete .sec_cont{padding:140px 15px 30px}
.join_icon{top:40px;width:70px;height:70px;line-height:70px;margin-left:-35px;background-size:70px}
.complete .sec_cont h3{font-size:18px}
.complete .sec_cont p{font-size:13px}
.mypage_con .board_top .sch_box select{width:32%}
.mypage_con .board_top .sch_box input[type="text"]{width:65%}
.board_image ul li.thumb{/*padding:0;border:0*/}
.board_image .thumb{width:47% !important;margin-left:1.5% !important;margin-right:1.5% !important}
.section_li ul li a{max-width:73%}
.item_li ul li a{max-width:72%}
.li_notice ul li a{max-width:88%}
.form_field .row input[type="text"].input02{width:59%}
.cmt_input textarea{width:70.7%}

}

/*** Mobile Screen 320 ***/
@media screen and (max-width:320px){


}



/*추가 css - 2021-01-12*/

.board_top button{/*margin-top:-9px;*/}
.board_top select {float:left;/*float:210428추가*/ width:auto; height:34px;line-height:34px;margin-right:3px;padding:0 5px;border:1px solid #dfdfdf;background:#fff;font-size:13px;}

.bottom_area > button i{font-size:14px;top:-2px;vertical-align:middle;}

.board_list .col.left_{ text-align:left; }

.form_field .txt_area{float:left;overflow:auto;width:100%;height:150px;line-height:28px;margin-bottom:10px;padding:10px 15px;border:1px solid #ccc;font-size:14px;font-weight:300;color:#666}

.view_con.content_{ float:none; }
.file_li ul{width:100%; border-bottom:1px solid #eee; margin-bottom:30px;}

.pop01{position:absolute;top:45px;right:50px;z-index:30000;width:310px;padding:10px;border:0 solid #dfdfdf;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.pop01 a{float:left;width:72px;height:60px;margin:10px 0;text-align:center}
.pop01 a em{display:block;height:15px;line-height:15px;margin-top:5px !important;font-weight:300;font-size:12px;color:#666}
.pop01 i{position:absolute;top:5px;left:285px;font-size:22px;color:#627198;cursor:pointer;}
.pop02{position:absolute;right:-200px;z-index:30000;width:240px;padding:15px;border:0 solid #dfdfdf;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.pop02 .report_option{float:left;width:100%;height:34px;line-height:34px;margin-bottom:15px;padding:0 0px}
.pop02 select{float:left;width:100%;height:34px;line-height:34px;padding:5px 10px;border:1px solid #eee}
.pop02 .popup_btn{width:100%}
.pop02 .popup_btn button{float:left;width:50%;height:30px;line-height:30px;background:#e8ecef;font-size:13px;font-weight:400}
.pop02 .popup_btn button:last-child{background:#18a2ff;color:#fff}
.pop02 .etc input[type="text"]{float:left;width:100%;height:34px;line-height:34px;padding:0 10px;margin-bottom:15px;border:1px solid #eee}


/*모니터 정중앙에 표시*/
.center_div { background-color:#fff; z-index:9; display:none;position:fixed;left:50%;top:50%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff; }
.center_div .title { position:fixed;width:650px;background:#fff;border-bottom:1px solid #000;height:40px;line-height:40px; }
.center_div2 { background-color:#fff; z-index:9; display:none;position:fixed;left:50%;top:50%;-webkit-overflow-scrolling:touch;background:#fff; }


/* 주변 어둠효과 */
.emphasized { position:fixed; box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 2px 2px 3px 3px; z-index : 100; behavior: url( "/plugin/jquery/PIE/PIE.htc" ); }
.over_dark_blind { position:fixed; z-index:9999999; width:100%; height:100%; left:0px; top:0px; }
.over_dark_blind_center { position:fixed; z-index:999999; } 


/*동영상, youtube 반응형에 맞게 조절*/
.video-wrap { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-wrap iframe,.video-wrap object,.video-wrap embed{position:absolute; top:0; left:0; width:100%; height:100%; } 



/*추가 css*/
.btg2 button i{/*position:relative;top:7px;font-size:13px*/ vertical-align:0.01em;}
.btg2 button span{font-size:13px;margin-left:3px}


.new_board_,
.new_board_ a { font-weight:bold !important; }