@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{font-size:14px;color:#333;letter-spacing:-0.03em}
.wrap{width:100%;}
header{width:100%;min-width:1200px;}
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}
.overlay:after{content:"";position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background-color:rgba(0,0,0,.6);background-position:center center;background-size:100%}


.mt50 { margin-top: 50px !important; }

/* 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)}

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

/* 배너 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.banner_basic img{max-width:100%}

.mobile_move_ { overflow:hidden; width:100%; height:60px; line-height:60px; text-align:center; font-size:15px; border-top:1px solid #ddd; }

/* 이미지처리 */
.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;position:relative;top:-1px;width:16px;height:16px;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:16px;height:16px;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}
.paging:empty{display:none}
.paging .on a{background:#18a2ff;border-color:#18a2ff;color:#fff}

/* Button */
.btn_con{display:inline-block;width:100%;padding:30px 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}

/*** Main ***/
.wrap{width:100%}
.main_content{float:left;width:100%;background:#f2f4f7; min-width:1200px;}
.main_content_wrap{width:1200px;margin:0 auto}
.sub_content{float:left;width:100%;background:#f2f4f7}
.sub_content_wrap{width:1200px;margin:0 auto}
aside{float:left;width:300px;margin-left:30px}
h2{font-weight:500;letter-spacing:-0.03em}
h2 .intro{position:relative;bottom:2px;margin-left:10px;font-size:15px;font-weight:300;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}
.column_left{float:left;margin-top:20px}
.column_left .contents{width:870px}
.img_box{background-size:cover !important;background-position:center 30% !important}

/* 좌측 슬라이드 메뉴 */
.nav_top{float:left;position:relative;width:100%;height:54px;line-height:54px;padding:0 10px;background:#18a2ff;color:#fff}
.nav_top a{padding:5px 10px;font-size:16px;font-weight:400;color:#fff;letter-spacing:0}
.nav_top button{float:right;position:absolute;right:15px;top:50%;width:20px;height:20px;line-height:20px;margin-top:-10px;font-family:'Arial';font-size:30px;font-weight:300;color:rgba(0,0,0,.2)}
.slide_nav{position:fixed;left:0;top:0;z-index:1000;width:250px;height:60000px;background:#f9fafb}
.slide_nav:after{content:"";position:absolute;right:-14px;width:14px;height:100%;background:url('../images/menu_bg.png')}
.slide_nav > ul{position:relative}
.slide_nav > ul > li{float:left;width:250px;height:50px;line-height:50px;border-bottom:1px solid #e5e5e5;background:url('../images/icon/menu_plus.png')no-repeat 215px center;font-size:16px;font-weight:500}
.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;height:50px;background:#fff url('../images/icon/menu_minus.png')no-repeat 215px center;transition:all .3s ease-in-out}
.slide_nav > ul > li:hover:after{content:"";position:absolute;top:0px;right:-1px;z-index:12000;width:1px;height:49px;background:#fff}
.slide_nav > ul > li.on{position:relative;background:#fff url('../images/icon/menu_minus.png')no-repeat 215px center;color:#18a2ff;transition:all .3s ease-in-out}
.slide_nav > ul > li.on:after{content:"";position:absolute;left:250px;top:0px;right:-1px;z-index:12000;width:1px;height:49px;background:#fff}
.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%;padding:0 20px}
.sub_nav{position:fixed;left:250px;top:0;z-index:1100;width:230px;height:60000px;border-left:1px solid #e5e5e5;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%}
.sub_nav ul li{position:relative;width:100%;font-size:14px;font-weight:400}
.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%;margin-top:10px}
.nav_btm ul{width:100%;padding:15px 10px}
.nav_btm ul li{width:100%;height:46px;line-height:46px;margin-bottom:15px;border:1px solid #e5e5e5;border-radius:2px;background:#fff}
.nav_btm ul li:last-child{margin-bottom:0}
.nav_btm ul li a{display:block;width:100%;padding:0 15px;font-size:15px}
.nav_btm ul li a span{float:right}
.nav_btm ul li a i{position:relative;top:7px;font-size:30px;color:#ccc}
.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 a{display:inline-block;width:100%;height:42px;line-height:42px;border-radius:50px;background:#18a2ff;font-size:16px;font-weight:500;color:#fff;text-align:center;transition:all .3s ease-in-out}
.nav_login a:hover{opacity:.8}

/*** Header ***/
header{position:relative;z-index:500;border-bottom:1px solid #dedede;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.topbar_inner{width:1200px;margin:0 auto;height:40px}
.top_bar ul{float:left}
.top_bar ul li{float:left;position:relative;font-size:13px;font-weight:300;margin-left:10px;padding-left:10px;height:40px;line-height:40px;color:#888}
.top_bar ul li+li:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#eee;color:#eee}
.top_bar ul li a{font-size:13px;font-weight:300;color:#666;letter-spacing:0}
.top_bar ul li:first-child{margin-left:0;padding-left:0}
.top_bar ul.col2{float:right}
.top_bar .date, .top_bar .weather{letter-spacing:0}
.header{border-bottom:1px solid #e5e5e5}
.header .header_inner{width:1200px;margin:0 auto;height:140px;line-height:140px}
.header .col01 img{vertical-align:middle}
.header .col02 img{vertical-align:middle}
.header .header_inner ul{display:flex; align-items:center; width:100%;}
.header .header_inner ul li{float:left}
.header .header_inner ul li:nth-child(1){width:28%;padding-right:20px}
.header .header_inner ul li:nth-child(2){width:42%;height:140px;line-height:140px}
.header .header_inner ul li:nth-child(3){width:30%;padding-left:20px}
.header .logo_area a{display:block}
.header .search_area input[type="text"]{float:left;width:464px;height:50px;line-height:50px;padding:0 50px 0 20px;border-radius:50px;border:1px solid #18a2ff;vertical-align:middle}
.header .search_box{position:absolute;top:50%;width:484px;margin-top:-33px;padding:0 20px}
.header .sch_bar label{position:relative;float:left;width:464px;height:50px;line-height:50px;}
.header .sch_bar button{position:absolute;top:8px;right:20px;background:none;width:26px;height:26px;line-height:26px;padding:4px}
.header .sch_bar button i{font-size:26px;color:#18a2ff}
.header .top_banner .banner_con{float:right;margin-bottom:0}
.header .top_banner .banner_con a{display:flex}
.header .top_banner .banner_con img{text-align:right}
.navbar{width:1200px;margin:0 auto;height:60px}
.navbar .menu_nav { overflow:hidden; height:60px; width:1134px; }
.menu_nav > li{float:left;height:60px;line-height:60px;padding:0 12px}
.menu_nav > li:first-child{padding-left:0}
.menu_nav > li > a{font-size:19px;font-weight:500;text-align:center;padding:0 10px;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s}
.menu_nav > li.on > a{display:inline-block;height:60px;line-height:60px;color:#18a2ff;border-bottom:3px solid #18a2ff}
.menu_nav > li a:hover{color:#18a2ff}
.menu_right{float:right}
.menu_right li:last-child{padding-right:0}
.menu_right button{display:block;position:relative;top:12px;width:42px;height:36px;background:none;text-align:center;vertical-align:middle}
.menu_right button i{padding:5px 7px;font-size:28px;vertical-align:middle;background:#f5f5f5}
.menu_right button img{padding:10px;background:#fff}
.menu_left{float:left;padding-right:24px}
.menu_left li:last-child{padding-right:0}
.menu_left button{display:block;position:relative;top:12px;width:42px;height:36px;background:none;text-align:center;vertical-align:middle}
.menu_left button i{padding:5px 7px;font-size:28px;vertical-align:middle;background:#f5f5f5}
.menu_left button img{padding:10px;background:#fff}
.menu-ico2{display:none}
.header02 .header{border-bottom:2px solid #18a2ff}
.header03 .menu{background:#18a2ff}
.header03 .header{border-bottom:0}
.header03 .menu_left{padding-right:0}
.header03 .menu_nav > li{padding:0 20px}
.header03 .menu_nav > li > a{font-size:18px;color:#fff}
.header03 .menu_nav > li > a:hover{color:#fff}
/*.header03 .menu_nav > li+li{position:relative}*/
.header03 .menu_nav > li+li a:before{content:"";position:absolute;margin-left:-30px;top:50%;width:1px;height:20px;margin-top:-9px;background:rgba(225,255,255,.3)}
.header03 .menu_left button img{padding:0;background:none}
.header03 .menu_nav > li.on a{color:#fff; border-bottom:none !important; }
.header03 .menu-ico1{display:none}
.header03 .menu-ico2{display:block}
.header03 .menu_left button{top:9px;width:auto}
.header03 .navbar{height:54px;line-height:54px}
.header03 .menu_nav > li{height:54px;line-height:54px}
.header03 .menu_nav > li.on > a { height:54px;line-height:54px; }
/*.header03 .menu_nav > li.on a{height:54px;line-height:54px}*/
.header03 .menu_con{top:54px}
.header04 .col02{text-align:center}
.header04 .col02 img{text-align:center}
.header04 .sch_area{float:right}
.header04 .sch_block{position:relative;display:block;float:right;height:24px;line-height:24px;top:8px;right:0;margin-right:10px;border-radius:50px;border:1px solid #ddd;transition:none}
.header04 .sch_block input[type="text"]{height:22px;line-height:22px;border-radius:50px;padding:2px 25px 2px 10px;background:#f4f9ff; vertical-align:inherit;}
.header04 .sch_block input[type="text"]:focus{border:0 !important}
.header04 #schBar{position:relative}
.header04 #schBtn{position:absolute;top:12px;right:33px;z-index:2000}
.header04 #schBtn i{position:absolute;font-weight:600;color:#888}
.header04 .header_inner ul {display:flex; justify-content:space-between;}
.header05{box-shadow:none;border-bottom-color:#18a2ff} 
.header05 .menu_nav > li a{padding:0 20px !important}
.header05 .menu_nav > li.on > a{background:#18a2ff;color:#fff}
.header05 .menu_nav > li:hover{background:#18a2ff;color:#fff}
.header05 .menu_nav > li:hover a{color:#fff}
.header05 .menu_nav > li{padding:0}
.header05 .menu_nav > li > a{transition:none}
.menu_nav > li > a {display:block;}
.menu_nav > li > a:hover {transition:none}
.menu_nav > li:hover a { color:#b7182b; border-bottom:3px solid black; height:100%; }


/* 메뉴 레이어 */
.menu{position:relative}
.menu_nav > li:hover .menu_con{transform:translateY(0px);opacity:1;display:block;z-index:3;}
.menu_nav > li.megam_hover .menu_con{transform:translateY(0px);opacity:1;display:block}
.menu_nav > li.megam_out .menu_con{transform:translateY(0px);opacity:0;display:none}
.menu_con{display:inline-block;padding:8px 0;text-align:center;overflow:hidden;}
.menu_con > ul{width:1200px;margin:0 auto}
.menu_con > ul > li{float:left}
.menu_con{position:absolute;top:60px;left:0;z-index:0;width:100%;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.15);transition: all 0.3s ease-out;transform:translateY(5px);opacity:0;display:none;border-top:1px solid #e5e5e5;}
.menu_con .col1 ul li{padding:0}
.menu_con .col1 ul a{padding:0}
.menu_con .row{width:1200px;margin:0 auto}
.menu_con .row .col1{float:left;max-width:25%;padding-right:60px;border-right:1px solid #eee}
.menu_con .row .col1 ul{float:left}
.menu_con .row .col1 ul li{height:30px;line-height:30px;margin-bottom:20px}
.menu_con .row .col1 ul li:last-child{margin-bottom:0}
.menu_con .row ul li a{float:left;font-size:18px;font-weight:500;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s}
.menu_con .row .col2{float:left;max-width:100%}
.menu_con .row .col2 ul li{float:left;height:20px;line-height:20px;margin:8px 15px}
.menu_con .row .col2 ul li a{font-size:14px;font-weight:400;padding:0 5px;color:#666;border-bottom:0}
.menu_con .row .col2 ul li a:hover{color:#18a2ff}


/* 좌우측배너 */
.slide_banner{position:relative;width:1200px;margin:0 auto}
.left_banner{position:absolute;left:-180px;top:20px}
.right_banner{position:absolute;right:-180px;top:20px}

/* Section */
.contents.board_skin_ { margin-left:-20px; z-index:9999; width:890px; } /*position:relative; */
.contents.board_skin_ .seaction_div_part_{ overflow:hidden; width:100%; }
.contents.board_skin_ .seaction_div_part_.half_{ float:left; width:50%; overflow:hidden; } /*이상하게 float:right 되 있었음*/
.contents.board_skin_ .seaction_div_part_ > div { margin-left:20px; }
.section_li_banner_ .banner_wrap > div { margin-bottom:3px; margin-right:3px; }
.section_li{ padding:20px 25px; margin-bottom:20px;border:1px solid #e6e6e6;box-shadow:0 1px 10px rgba(0,0,0,.05);background:#fff; position:relative; overflow:hidden;}
.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{float:right;margin-top:1px;font-size:20px;vertical-align:middle;color:#888}
.section_li h3{height:18px}
.section_li .thumb h3{/*max-height:49px; 관리자에서 줄수 조절때문에 *처리*/ height:auto;}
.section_li ul li{width:100%;clear:both;height:18px;line-height:18px;margin-bottom:12px;font-size:14px}
.section_li.li_webzine02 ul li:last-child,
.section_li.li_text ul li:last-child,
.section_li.li_webzine01 ul li:last-child {margin-bottom:0}
.section_li ul li.none_:last-child{ height:40px; text-align:center;  color:#888; font-size:12px; }
.section_li ul li em{float:left;position:relative;top:50%;margin-top:-7px;height:16px;line-height:16px;background:#f4494d;color:#fff;font-size:10px;font-weight:400;margin-right:5px;text-align:center; overflow:hidden;width:40px;min-width:40px;}
.section_li ul li em.color01{background:#f4494d}
.section_li ul li em.color02{background:#6375b9}
.section_li ul li em.color03{background:#7a7f93}
.section_li ul li em.color04{background:#359bff}
.section_li ul li em.color05{background:#1abc9c}
.section_li ul li em.color06{background:#ff8c05}
.section_li ul li span{float:left}
.section_li ul li a{float:left;max-width:80%;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} 210525*/
.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 7.5px;margin-top:42px}
.section_li.li_image ul li:after{content:'';position:absolute;left:0;bottom:-22px;width:100%;border-bottom:1px dashed #e4e8eb;}
.section_li.li_image ul li:nth-child(-n+3) {margin-top:0;}
.li_image ul li:nth-last-child(1):after{content:'';border:0}
.li_image ul li:nth-last-child(2):after{content:'';border:0}
.li_image ul li:nth-last-child(3):after{content:'';border:0}
.li_image ul li a{line-height:22px !important}
.section_li .thumb{float:left;width:115px;height:138px;clear:none;margin-right:13px}
.section_li .thumb .tit_con{float:left;width:100%;margin-top:5px}
.section_li .thumb a{width:115px;max-width:100%;line-height:22px}
.li_webzine01 ul.thumb_img:nth-child(3) li.thumb {margin-right:0;/*메인웹진형 썸네일3번째 마진없애기*/}
.li_webzine01 ul.thumb_img {border-bottom:1px dashed #e4e8eb; padding-bottom:5px; margin-bottom:6px}
.sec-li02 ul.thumb_img:nth-child(2) li.thumb {margin-right:0;/*메인오른쪽웹진형 썸네일2번째 마진없애기*/}
.sec-li02 ul.thumb_img {border-bottom:1px dashed #e4e8eb; padding-bottom:5px; margin-bottom:6px}

.contents .section_li .thumb a em{display:inline-block;float:none !important;position:relative;top:11px;width:40px !important}
.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 .thumb{width:100%;height:auto;margin-right:0}
.li_webzine02 .thumb .img_box{float:left;width:87px;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:180px; 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;font-weight:300;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.thumb_img li.thumb{margin-right:19px}
.sec2_con ul.thumb_img:nth-child(3) li.thumb{margin-right:0}
.sec2_con ul.thumb_img {border-bottom:1px dashed #e4e8eb; margin-bottom:10px; padding-bottom:10px;}
.li_image02 .thumb{width:187px;/*height:auto;*/min-height:215px;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){ text-align:Center; width:100%; border-bottom:1px solid #dfdfdf; color:#888; font-size:12px; }
.li_image02 ul li:nth-last-child(2){margin-bottom:0}
.li_image02 ul li:nth-last-child(3){}
.li_image02 ul li:nth-last-child(4){}

/* 로그인 박스 */
.out_login{float:left;width:100%;height:153px;padding:20px;margin-bottom:20px;border:1px solid #e6e6e6;box-shadow:0 1px 10px rgba(0,0,0,.05);background:#fff;}
.out_login .login_form button{float:left;width:81px;height:73px;border:1px solid rgba(0,0,0,.03);background:#18a2ff;color:#fff;font-weight:500}
.login_form{float:left;width:100%;margin-bottom:20px}
.input_box{float:left;width:177px}
.input_box label{float:left}
.input_box input{width:177px;height:37px;padding:0 10px;background:#f8f9fa;border:1px solid #e4e8eb;font-size:13px}
.input_box input:focus{border:1px solid #e4e8eb !important}
.input_box input[type="password"]{margin-top:-1px}
.login_btm{clear:both;height:24px;line-height:22px;font-size:12px;font-weight:300;color:#888}
.login_btm .btns{float:right}
.login_btm a{display:inline-block;height:24px;line-height:22px;color:#888;border:1px solid #e5e5e5;border-radius:3px;padding:0 8px}
.login_btm input[type="checkbox"]{border-color:#eee !important}
.login_btm label{position:relative}

.select_button1{background:#f7f9fa url('../images/icon/pattern04.png')}
.select_button1 .login_btm a{background:#fff}
.select_button1 .select_btn{float:left;width:100%;margin-bottom:20px}
.select_button1 .select_btn button{float:left;width:48%;height:73px;color:#fff}
.select_button1 .select_btn button.btn_con{
position: relative;
padding: 0 18px;
text-align: center;
text-decoration: none !important;
border-radius: 8px;
box-shadow:inset 1px 1px 1px rgba(255,255,255,.44);
transition: all 0.15s ease;
font-size:17px;
font-weight:500;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.6), inset 1px 0 1px 0px rgba(255,255,255,0.2), inset -1px 0 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(255,255,255,0.1), inset 0px 1px 0px rgba(255,255,255,0.2);

}

.select_button1 .select_btn button:first-child{
border:1px solid #18a2ff;
border-bottom-color:#0c73cc; /* -20% */
background: #5cb3ff; /* S -30% */
background: -moz-linear-gradient(top, #18a2ff 0%, #5cb3ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18a2ff), color-stop(100%,#5cb3ff));
background: -webkit-linear-gradient(top, #18a2ff 0%,#5cb3ff 100%);
background: -o-linear-gradient(top, #18a2ff 0%,#5cb3ff 100%);
background: -ms-linear-gradient(top, #18a2ff 0%,#5cb3ff 100%);
background: linear-gradient(to top, #18a2ff 0%,#5cb3ff 100%);
color:#fff;
}

.select_button1 .select_btn button:last-child{margin-left:4%;
border:1px solid #d3d3d3;
border-bottom-color:#a1a1a1;
background: #d3d3d3;
background: -moz-linear-gradient(top, #d3d3d3 0%, #fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#fafafa));
background: -webkit-linear-gradient(top, #d3d3d3 0%,#fafafa 100%);
background: -o-linear-gradient(top, #d3d3d3 0%,#fafafa 100%);
background: -ms-linear-gradient(top, #d3d3d3 0%,#fafafa 100%);
background: linear-gradient(to top, #d3d3d3 0%,#fafafa 100%);
color:#254f6b
}

.select_button2{border:0;border-radius:5px}
.select_button2 .login_btm label{color:rgba(255,255,255,.7)}
.select_button2 .login_btm a{color:rgba(255,255,255,.7);color:rgba(255,255,255,.7)}
.select_button2{background:#3b3a40 url('../images/icon/pattern04.png')}
.select_button2 .select_btn{float:left;width:100%;margin-bottom:20px}
.select_button2 .select_btn button{float:left;width:48%;height:73px;color:#fff}
.select_button2 .select_btn button.btn_con{
position: relative;
padding: 0 18px;
text-align: center;
text-decoration: none !important;
text-shadow: 1px 1px 1px rgba(255,255,255,.22);
border-radius: 8px;
box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
transition: all 0.15s ease;
font-size:17px;
font-weight:500;
color:#254f6b;
}

.select_button2 .select_btn button:first-child{
background: #5cb3ff;
background: -moz-linear-gradient(top, #5cb3ff 0%, #18a2ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cb3ff), color-stop(100%,#18a2ff));
background: -webkit-linear-gradient(top, #5cb3ff 0%,#18a2ff 100%);
background: -o-linear-gradient(top, #5cb3ff 0%,#18a2ff 100%);
background: -ms-linear-gradient(top, #5cb3ff 0%,#18a2ff 100%);
background: linear-gradient(to top, #5cb3ff 0%,#18a2ff 100%);
}

.select_button2 .select_btn button:last-child{margin-left:4%;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #d3d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#d3d3d3));
background: -webkit-linear-gradient(top, #fafafa 0%,#d3d3d3 100%);
background: -o-linear-gradient(top, #fafafa 0%,#d3d3d3 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#d3d3d3 100%);
background: linear-gradient(to top, #fafafa 0%,#d3d3d3 100%);
}

.out_login2{padding:15px 20px;background:#fff}
.out_login2 .info_hd{position:relative;height:18px;line-height:18px;margin-bottom:10px}
.out_login2 .info_hd span.mb_id{color:#528cdf}
.out_login2 .info_hd span.mb_id img{position:relative;top:-1px;margin-right:4px;vertical-align:middle}
.out_login2 .info_hd .logout_btn{display:inline-block;float:right;position:absolute;top:-2px;right:0;height:21px;line-height:19px;padding:0 8px;border-radius:50px;border:1px solid #ccc;background:#f9fafb;font-size:12px;color:#999;letter-spacing:-0.03em}
.out_login2 .info_box{float:left;width:100%;margin-bottom:10px}
.out_login2 .info_box ul li{float:left;width:49.2%;height:28px;line-height:28px;margin-bottom:2px;margin-left:2px;padding:0;background:#f7f9fa;font-size:13px;color:#666;letter-spacing:0}
.out_login2 .info_box ul li span{font-weight:400;color:#0476b4}
.out_login2 .info_box ul li i{float:left;top:0;height:28px;line-height:28px;margin-right:8px;padding:0 7px;font-size:14px;background:#d9dcde;color:#fff;vertical-align:middle}
.out_login2 .info_box ul li:nth-child(2n){margin-right:0}
.out_login2 .info_box ul li:nth-last-child(1){margin-bottom:0}
.out_login2 .info_box ul li:nth-last-child(2){margin-bottom:0}
.out_login2 .login_btm{display:inline-block;width:100%;margin:0 auto;text-align:center}
.out_login2 .btns{display:inline-block;width:100%;float:none;text-align:center}
.out_login2 .btns a{display:inline-block;width:49%;text-align:center;background:#fff}
.out_login2 .btns a:first-child{border-color:#18a2ff;background:#18a2ff;color:#fff}

.sns_box .login2{margin-top:0}
.sns_box .login2 ul li{float:left;width:48%;margin:0}
.sns_box .login2 ul li .sns_button{z-index:2000;margin:0;margin-bottom:11px;padding:5px;border-radius:5px}
.sns_box .login2 ul li:nth-last-child(1) .sns_button{margin-bottom:0}
.sns_box .login2 ul li:nth-last-child(2) .sns_button{/*margin-bottom:0*/}
.sns_box .login2 ul li:nth-child(2n){margin-left:4%}
.sns_box .login2 ul li strong{width:68%;height:40px;line-height:38px;border-left:0px solid rgba(255,255,255,.12);font-size:16px;text-align:center;}
.sns_box .login2 ul li strong:after{height:38px;background:rgba(0,0,0,.08)}
.sns_box .login2 ul li .sns_button{z-index:2000}
.sns_box .login2 ul li .sns_button i{font-size:26px;left:15px;margin-top:-12px}

.sns_box1 .login2 ul li{width:100%}
.sns_box1 .login2{height:51px;margin-bottom:16px;overflow:hidden}
.sns_box1 .login2 ul li:nth-last-child(1) .sns_button{margin-bottom:0}
.sns_box1 .login2 ul li:nth-last-child(2) .sns_button{margin-bottom:10px}
.sns_box1 .login2 ul li:nth-child(2n){margin-left:0}
.sns_box1 .login2 ul li strong{width:81%;border-left:1px solid rgba(255,255,255,.12)}
.sns_box1 .login2 ul li .sns_button i{font-size:30px;left:14px;margin-top:-13px}
.sns_box1 p{margin-bottom:14px;font-size:13px;font-weight:300;color:#777}

.sns_box2 .login2 ul li{width:100%}
.sns_box2 .login2{height:122px;overflow:hidden}
.sns_box2 .login2 ul li:nth-last-child(1) .sns_button{margin-bottom:0}
.sns_box2 .login2 ul li:nth-last-child(2) .sns_button{margin-bottom:10px}
.sns_box2 .login2 ul li:nth-child(2n){margin-left:0}
.sns_box2 .login2 ul li strong{width:81%;border-left:1px solid rgba(255,255,255,.12)}
.sns_box2 .login2 ul li .sns_button i{font-size:30px;left:14px;margin-top:-13px}

.sns_box3{padding:10px 20px}
.sns_box3 .login2{height:132px;margin-top:0;overflow:hidden}
.sns_box3 .login2 ul li{width:100%}
.sns_box3 .login2 ul li .sns_button{height:37px;line-height:37px;margin:0;margin-bottom:10px;padding:5px}
.sns_box3 .login2 ul li:last-child .sns_button{margin-bottom:0}
.sns_box3 .login2 ul li:nth-child(2n){margin-left:0}
.sns_box3 .login2 ul li strong{width:82%;height:26px;line-height:24px;border-left:1px solid rgba(255,255,255,.12)}
.sns_box3 .login2 ul li strong:after{height:26px;background:rgba(0,0,0,.08)}
.sns_box3 .login2 ul li strong span{position:relative;top:1px;font-size:15px}
.sns_box3 .login2 ul li .sns_button i{font-size:24px;left:15px;margin-top:-12px}

.sns_box4 .login2 ul li{width:48%}
.sns_box4 .login2 ul li strong{width:68%;border-left:0}
.sns_box4 .login2 ul li .sns_button i{left:9px}


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

p.hit_line { content:""; clear:both; border-bottom:1px dotted #ddd;margin-bottom:10px;}
p.hit_line:last-child {border:none; margin-bottom:0;}

/* 우측 카테고리 */
aside .section_li{width:100%;padding:18px 20px;margin-left:0}
aside .ranking {padding:18px 20px 8px 20px;}
aside .section_li:nth-child(even){margin-left:0}
aside .section_li h2{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e6e6e6;font-size:20px}
aside .section_li h2 a{position:relative;display:inline-block;width:100%;letter-spacing:-0.03em}
aside .section_li h2 a .more{position:absolute;right:-6px;height:22px;line-height:22px;font-size:14px;font-weight:400;color:#888}
aside .section_li h2 a i{float:right;margin-top:1px;font-size:20px;vertical-align:middle;color:#888}
aside .section_li ul li a{max-width:100%}

aside .li_text ul li{position:relative;padding-left:15px}
aside .li_text ul li:after{content:"\2022";position:absolute;top:2px;left:0;height:18px;line-height:12px;font-size:18px;color:#18a2ff}

aside .li_webzine01 .thumb{width:120px;height:131px;margin-right:18px}
aside .li_webzine01 .thumb a{width:100% !important}
aside .li_webzine01 .thumb:nth-child(2n){margin-right:0}

aside .li_images .thumb{width:120px;height:131px;margin-right:18px}
aside .li_images .thumb a{width:100% !important}
aside .li_images .thumb:nth-child(2n){margin-right:0}
aside .li_images .thumb:nth-last-child(1){margin-bottom:0}
aside .li_images .thumb:nth-last-child(2){margin-bottom:0}

aside .sec-li01 ul li{padding-left:0}
aside .sec-li01 ul li:after{display:none}
aside .sec-li01 ul li a{max-width:85%}

aside .sec-li02 ul li{padding-left:0}
aside .sec-li02 ul li:after{display:none}
aside .sec-li02 ul li a{max-width:85%}
aside .sec-li02 ul li:nth-child(1) em{position:relative;top:11px}
aside .sec-li02 ul li:nth-child(2) em{position:relative;top:11px}
aside .sec-li02 ul li em{position:relative;top:11px}

.sec-1i03 ul li em{position:relative;top:11px}

aside .sec-li04 ul li:nth-child(odd){margin-right:18px}
aside .sec-li04 ul li:nth-child(even){margin-right:0}
aside .sec-li04 ul li:nth-last-child(1){margin-bottom:0}
aside .sec-li04 ul li:nth-last-child(2){margin-bottom:0}
aside .sec-li04 ul li em{position:relative;top:11px}

.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;max-height:700px;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}

/*** 서브페이지 ***/
.snb{float:right;margin-bottom:30px}
.snb i{vertical-align:middle;top:-1px;font-size:13px}
.snb a{color:#999;font-size:13px;font-weight:300;letter-spacing:-0.03em}
.snb a+a:before{content:"/\00a0";padding:0 2px;font-size:11px;color:#d9d9d9}
.content_view{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}
.content_view h2{float:left;width:100%;margin-bottom:34px;padding-bottom:20px;border-bottom:1px solid #888;font-size:28px}
.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;width:100%;}
.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-weight:300;font-size:14px}
.view_hd span.message{margin-right:0}
.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; max-width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block;}
.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_contents{float:left;width:100%;padding-top:34px;font-size:16px;line-height:1.7;font-weight:400}
.view_contents img { max-width:100% !important; }
.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-left: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}
.btg2 .pop01{top:35px}
.btg2 .pop01 a em{margin-top:7px !important}
.btg2 .pop02{left:120px;top:35px}
.btg2 .pop02 button{float:left;width:50%;margin:0;padding:0;border:0;border-radius:0}
.post-info{position:relative}
.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:-9px;left:297px;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}

/* 첨부파일 */
.file_li h5{font-size:14px;margin-bottom:10px}
.file_li h5 i{margin-right:4px;font-size:14px}
.file_li ul{width:100%}
.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;font-weight:300;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 em{margin-left:5px;font-weight:700;color:#d9534f}
.comment_con .comment_write_div { position:relative; width:100%; }
label.comment_secret_ { float:right; top:-10px; position:relative;  font-size:14px; color:#444; margin-right:2px;}
.comment_con .cmt_hd{float:left;width:100%}
.comment_con .cmt_hd input{height:30px;line-height:30px;margin-left:20px;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: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}
.cmt_hd{margin-bottom:15px}
.cmt_hd .auto_key{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;font-weight:300;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{font-weight:300;color:#999}
.list_item p{float:left;width:100%;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;}

/*게시판 상단*/
.board_top_content_ { overflow:hidden; margin-bottom:20px; }
.board_bottom_content_ { overflow:hidden; margin-bottom:20px; }

/* 인기글 */
.popular_post{float:left;width:99.9%;margin-bottom:15px}
.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:273px;height:2px;background:#18a2ff}
.tab_con button.on:after{content:"";position:absolute;left:0px;bottom:-1px;z-index:100;width:271px;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:50%;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:82%;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; }
.catgs{float:left;width:100%;padding:5px 0 20px 0;}
.catgs ul li{float:left;font-size:14px;padding:5px 0}
.catgs ul li a{display:inline-block;height:30px;line-height:30px;margin:0 10px;padding:0 2px;border-radius:0;color:#333}
.catgs ul li a:hover{color:#1090fd;transition:all .3s ease-in-out}
.catgs ul li.on a{border-bottom:2px solid #1090fd;background:#fff;color:#1090fd}

/* 하단 목록 */
.is_report { color:#999; }
.board_con{float:left;width:100%;margin-bottom:40px}
.board_top{height:54px;line-height:54px;padding:10px;background:#f2f4f9;margin-bottom:15px; border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
.board_top select{width:100px;height:34px;line-height:34px;margin-right:3px;padding:0 5px;border:1px solid #dfdfdf;font-size:13px}
.board_top input[type="text"]{width:280px;height:34px;line-height:34px;/*padding:5px 10px;*/padding-left:10px;padding-right:38px;font-size:13px;border:1px solid #dfdfdf;font-weight:300;}
.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{top:-2px;margin-right:2px;font-size:18px;vertical-align:middle}
.board_top label{position:relative;height:34px;line-height:34px}
.board_top button{/*position:absolute;top:50%;right:10px;height:18px;margin-top:-10px;font-size:18px*/ font-size:18px; margin-left:-30px; }
.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_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{ padding:10px 0; line-height:20px; border-bottom:1px solid #eee;text-align:center;font-size:12px;font-weight:300;letter-spacing:0;color:#888}
.wmnotice tr.notice:last-child td {border-bottom:none;}
.wmnotice tr.notice:first-child td {border-top:1px solid #333;}
.board_list tr.delete_tag_ td { color:#999 !important; }
.board_list .board_list_text { table-layout: fixed;  }
.board_list .board_list_text td { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.board_list td a.secret_1 { color:#999; }
.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}
table.board_list_text td a{width:430px}
table.board_list_text td span.comment{color:#00adef;padding-left:0;font-size:13px}
.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;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;background:#f4494d;}
.board_list td em.notice_ { background:#333; color:#fff; position:relative; }
.board_list td em.color01{background:#f4494d}
.board_list td em.color02{background:#6375b9}
.board_list td em.color03{background:#7a7f93}
.board_list td em.color04{background:#359bff}
.board_list td em.color05{background:#1abc9c}
.board_list td em.color06{background:#ff8c05}
.board_list td .time{color:#18a2ff}
.tb_tab{float:left;width:100%;margin:10px 0;padding-top:1px;border-left:1px solid #dfdfdf}
.tb_tab button{float:left;position:relative;width:auto;height:42px;line-height:41px;margin-top:-1px;padding:0 15px;border:1px solid #dfdfdf;border-left:0;background:#fafafa;font-size:14px;color:#666}
.tb_tab button.on{background:#18a2ff;color:#fff}
.list_head{float:left;width:100%}

.board_webzine{margin-bottom:40px;padding:0;border:0;box-shadow:none}
.board_webzine ul{width:100%;/*margin-top:10px;*/padding-right:0;padding-top:20px;border-top:1px solid #dfdfdf}
.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.thumb{margin-right:0}
.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 .thumb.delete_tag_ div { height:87px; line-height:87px; color:#999; text-align:center; }
.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 .tb_tab{position:relative;top:1px;margin-bottom:0}

.board_image{margin-bottom:40px;padding:0;border:0;box-shadow:none}
.board_image ul{width:100%;/*margin-top:10px;*/padding-right:0;padding-top:20px;border-top:1px solid #dfdfdf}
.board_image ul{width:100%;padding-right:0}
.board_image ul:last-child{border:0;padding-left:0}
.board_image ul li{width:187px;margin-bottom:20px;border-bottom:0}
.board_image ul li.thumb{margin-right:0; position:relative; /*height:220px; 관리자 글자줄수 때문에 *처리*/}
.board_image ul li.thumb.delete_tag_ .img_box { text-align:center; height:127px; line-height:127px; background:#e4e4e4; color:#999; }
.board_image ul li.thumb.delete_tag_ .line_int { color:#999; text-align:center; }
.board_image ul li h3{margin-bottom:0px}
.board_image ul li p{font-size:13px;line-height:1.5;color:#999}
.board_image .thumb .img_box{width:187px !important;height:127px !important}
.board_image .meta_info span+span:before{padding-right:2px;}
.board_image .meta_info span:first-child+span:before{display:none;}
.board_image .meta_info span{padding-left:6px;color:#888 !important}
.board_image .meta_info span:first-child{display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:0px;}
.board_image .meta_info span:nth-child(2) {padding-left:0;}
.board_image .meta_info span i{position:relative;top:-2px;margin-right:5px;color:#8d8d8d;vertical-align:middle}
.board_image .list_head .tb_tab{position:relative;top:1px;margin-bottom:0}


/*** 리스트 페이지 ***/
.content_list{float:left;width:100%;padding:30px 25px;box-shadow:0 1px 10px rgba(0,0,0,.05);border:1px solid #e6e6e6;background:#fff}
.content_list .snb{float:right;margin-bottom:30px}
.content_list .snb a{color:#999;font-size:13px;font-weight:300;letter-spacing:-0.03em}
.content_list .snb a+a:before{content:"/\00a0";padding:0 6px;font-size:11px;color:#d9d9d9}
.content_list h2{float:left;width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #999;font-size:28px}
.content_list h2 span{position:relative;bottom:3px;margin-left:10px;font-size:17px;font-weight:400;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_list h2 i{position:relative;top:1px;margin-right:5px}


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

/* 회사소개 */
.sec_contents{width:1200px !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{min-height:60px;line-height:60px;padding:0 30px;font-size:18px;font-weight:500}
.service_con aside ul li > div { line-height:30px; font-weight:normal; padding-left:20px; font-size:15px; }
.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 aside ul li div.on a{color:#1090fd}
.service_con aside ul li div.on{position:relative}
.service_con aside ul li div.on:before{content:"";float:left;position:absolute;left:0px;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:20px}
.service_con .company_intro p strong{font-size:28px;color:#03b4f5}
.service_con .company_intro .company_info{float:left;width:430px;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}
.service_con .company_intro .company_img img{width:262px}

/* 이용약관 */
.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}

/* 1:1 맞춤상담 */
.sec_info .info{float:left;width:100%;margin-bottom:20px;padding:15px 30px;background:#fafafa;font-weight:300;color:#0277bd}
.sec_info .info ul li{line-height:28px;font-size:13px}
.sec_info .info ul li:before{content: "\2022";display:inline-block;width:1em;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;font-weight:300;color:#666}
.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}
.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:15px}
.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:40px;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:4px 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;font-weight:300;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:0px;vertical-align:middle}
.captcha_btn button{float:left;width:30px;height:30px;margin:0;border-radius:2px;background:#dfe1e5;text-align:center;}
.captcha_btn button:last-child{margin-top:2px}
.captcha_btn button img{float:left; margin-left:4px;}
.captcha_btn button i{position:relative;top:-2px;font-size:17px;color:#7d7d7d}
.captcha_key{float:left;width:540px;margin-left:20px;margin-top:10px}

.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:1.125em;}

/* 첨부파일 */
.file_btn{position:relative;top:-1px;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}
.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 .captcha_key{width:604px}*/
.write_con .captcha_con .row2{background:#fafafa}
.write_con .captcha_con .row2 input[type="text"]{background:#fff; width:100% !important; height:45px !important; line-height:45px !important;}
.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}

/*** 로그인 ***/
.login{background:#f2f4f7 url('../images/icon/pattern01.png')}
.login .column_left{float:none;margin-top:0}
.login .contents{width:1200px;margin:0 auto}
.login_con{float:left;width:100%;margin-bottom:20px;padding:90px 150px}
.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:0;background:none;box-shadow:none;border:0;text-align:center}
.login_box section{display:inline-block;width:438px;height:426px;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:20px}
.login_box section.col1{border-radius:5px;box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1)}
.login_box section.col2{padding:5px;border:1px solid #ccc;border-radius:5px;background:#f5f5f5;box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1)}
.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;padding:30px;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{width:100%}
.login .form_field .row ul li{float:left;height:20px;line-height:20px}
.login .form_field .row ul li a{font-weight:300;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;font-weight:300;color:#888}
.login .form_field .row ul li+li:before{content:"\02758";padding:0 19px;font-size:14px;color:#e5e5e5}
.login .login_button{float:left;width:100%;height:52px;line-height:52px;margin-top:10px;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:20px;border-bottom:1px solid #e5e5e5}
.login .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}
.login .tab.w100 button { width:100%; }
.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;left:22px;top:50%;margin-top:-17px;font-size:34px}
.login2{margin-top:10px}
.login2 ul li:first-child .sns_button{margin-top:0}

.login2 ul li.kakao .sns_button{background:#ffcd00}
.login2 ul li.twitter .sns_button{background:#1da1f2}
.login2 ul li.naver .sns_button{background:#19ce60}
.login2 ul li.facebook .sns_button{background:#1877f2}
.login2 ul li.kakao .sns_button i{margin-top:-15px;font-size:27px}
.login2 ul li.naver .sns_button i{font-family:'Helvetica','Arial';font-size:30px;font-weight:900;left:24px;margin-top:-25px;height:49px}
.login2 ul li.facebook .sns_button i{left:26px}

.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 .sns_button.kakao_ i{margin-top:-15px;font-size:27px}
.login2 ul li .sns_button.naver_ i{font-family:'Helvetica','Arial';font-size:30px;font-weight:900;left:24px;margin-top:-25px;height:49px}
.login2 ul li .sns_button.facebook_ i{left:26px}


/*** 아이디, 비밀번호 찾기 ***/
.find_info .column_left{float:none}
.find_info .contents{width:1200px;margin:0 auto}
.find_info_wrap{float:left;width:100%;padding:70px 150px}
.find_info_wrap h2{float:left;width:100%;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #888;font-size:28px}
.find_info_wrap 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{padding:20px 0}
.find_info .form_field .row p{padding:0;line-height:24px;font-weight:300;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{font-weight:300;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;font-weight:300;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:23px;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:1200px;margin:0 auto}
.section_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}
.section_con .sec_con_wrap{width:934px;margin:0 auto}
.section_con .sec_con_wrap h2{float:left;width:100%;font-size:30px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #999}
.section_con .box_bg3{background:#f4f6fa url('../images/icon/pattern01.png')}
.section_con .sec_conts{float:left;width:100%;padding:0;margin:20px 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;font-weight:300;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;font-weight:300;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:10px;padding:30px 0;background:#e8f0fe url('../images/icon/pattern01.png')}
.step ul{display:inline-block;float:none;width:540px}
.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:-15px;top:50%;width:30px;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;background:#fff;font-size:17px;font-weight:400;color:#999}
.step .on{color:#333}
.step .on span{border:1px solid #18a2ff;background:#18a2ff;color:#fff}

.bonin {display:flex; justify-content:space-between;}
/*회원가입-아이핀, 휴대폰본인 인증*/
.ipin_content {width:100%; margin-right:2%;}
.cellphone_content {width:100%;}
.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}
.bonin a:hover {background:#1090fd;color:#fff}
/* 회원기입 정보입력 */
.register .sec_conts{margin-bottom:40px;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}
.complete .sec_conts{margin-bottom:40px}
.complete .sec_cont{position:relative;padding:230px 0 50px;margin-bottom:0}
.complete .sec_cont h3{margin-bottom:30px;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}


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

/* 마이페이지 메인 */
.mypage_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}
.mypage_con .mypg_con_wrap{float:left;width:858px;margin-bottom:40px}
.mypage_con .mypg_con_wrap h2{float:left;width:100%;font-size:30px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #999}
.mypage_con .mypg_con_wrap h2.title{float:left;width:100%;margin-bottom:0;border:0;font-size:24px}
.mypage_con .mypg_con_wrap h2.title a.more{float:right;height:26px;line-height:24px;margin-top:5px;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:35px;color:#18a2ff}
.mypage_con aside{float:left;width:220px;margin:20px 40px 0 0;background:#fff}
.mypage_con aside .menu_top{height:70px;line-height:70px;border-radius:2px;background:#18a2ff url('../images/icon/pattern04.png');font-size:24px;color:#fff;text-align:center;letter-spacing:0}
.mypage_con aside .menu_top span{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}
.mypage_con aside .menu_top i{position:relative;left:0px;top:9px;font-size:28px;color:#18a2ff;text-shadow:none}
.mypage_con aside .menu_top strong{font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.4);opacity:.9}
.mypage_con aside ul{width:100%;padding:20px 0}
.mypage_con aside ul li{height:60px;line-height:60px;padding:0 40px 0 30px;font-size:18px;font-weight:500}
.mypage_con aside ul li.on a{color:#1090fd}
.mypage_con aside ul li.on{position:relative}
.mypage_con aside ul li:hover a{color:#1090fd}
.mypage_con aside ul li:hover{position:relative}
.mypage_con aside ul li:hover:after{content:"";float:left;position:absolute;right:20px;top:50%;margin-top:-8px;width:10px;height:15px;background:#1090fd url('../images/icon/menu_on_right.png')no-repeat}
.mypage_con .snb{margin-bottom:15px}
.mypage_con .box_bg3{background:#f4f6fa url('../images/icon/pattern01.png')}
.mypage_con .my_conts{padding:30px !important}
.mypage_con .mypg_hd{margin-bottom:50px;margin-top:20px;padding:15px 0;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 table{width:100%}
.mypage_con .mypg_hd table tr th{border-left:1px dashed #eee;height:42px;line-height:42px;font-size:16px;font-weight:500;color:#333;text-align:center}
.mypage_con .mypg_hd table tr td{border-left:1px dashed #eee;height:42px;line-height:42px;font-size:30px;text-align:center}
.mypage_con .mypg_hd table tr th img{vertical-align:middle;margin-top:-4px;margin-right:5px}
.mypage_con .mypg_hd table tr td:not(.level){font-weight:500}
.mypage_con .mypg_hd table tr th:nth-child(1){border-left:0;font-weight:400}
.mypage_con .mypg_hd table tr th:nth-child(1) em{color:#488df4}
.mypage_con .mypg_hd table tr td:nth-child(1){border-left:0;font-size:22px;font-weight:500}
.mypage_con .mypg_hd table tr td:nth-child(2){color:#2eb3a3}
.mypage_con .mypg_hd table tr td:nth-child(3){color:#e74262}
.mypage_con .mypg_hd table tr td:nth-child(4){color:#717ebd}
.mypage_con .mypg_hd table tr td:nth-child(5){color:#ffc45b}
.mypage_con .sec_conts{float:left;width:100%;padding:0;margin:20px 0;border:0 solid #e5e5e5}
.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}
.mypage_con table.mypg_tb {float:left;width:100%;border-top:2px solid #3b404a}
.mypage_con table.mypg_tb tr{border-bottom:1px solid #e5e5e5}
.mypage_con table.mypg_tb th{height:40px;line-height:40px;border-bottom:1px solid #999;background:#f0eef1;font-weight:500}
.mypage_con table.mypg_tb td{position:relative;height:50px;line-height:50px;text-align:center;font-weight:400}
.mypage_con table.mypg_tb td a{float:left;width:660px;text-align:left}
.mypage_con table.mypg_tb.list td a{width:441px}
.mypage_con table.mypg_tb td .date2{color:#4f86c6;font-weight:300}
.mypage_con table.mypg_tb td .view_num{color:#333;font-weight:300}
.mypage_con table.mypg_tb input[type="checkbox"]{position:relative;top:-2px}
.mypage_con table.mypg_tb td:nth-child(2){text-align:left;padding:0 15px;color:#0080c3}
.mypage_con table.mypg_tb td .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;font-weight:300;color:#333;text-align:center}
.mypage_con table.main_tb td a{width:573px}
.mypage_con table.main_tb td:nth-child(1){padding:0 10px;color:#0080c3;text-align:left}
.mypage_con table.main_tb td:nth-child(4){font-weight:300;color:#4f86c6}
.mypage_con table.main_tb td:nth-child(5){font-weight:300}
.mypage_con table.main_tb td.empt{color:#333;text-align:center}
.mypg_con_wrap .sec_list{float:left;width:100%;margin-bottom:60px}
.mypg_con_wrap .sec_li02{margin-bottom:0}


/* 스크랩관리 */
.tb_top{float:left;width:100%;margin:10px 0 15px}
.tb_top select{width:100px;max-width:250px;height:34px;line-height:34px;margin-right:3px;padding:4px 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{display:inline-block;margin-top:7px;color:#fff}
.bottom_area{float:left;width:100%;margin-top:20px}
.bottom_area > button{height:32px;line-height:30px;padding:0 14px;border:1px solid #ccc;border-radius:5px;background:#fafafa;font-size:12px;letter-spacing:0}
.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}
.mypage_con table.scrap td a{width:492px}
.mypage_con table.scrap td:nth-child(4){color:#4f86c6}
.mypage_con table.scrap td:nth-child(5){font-weight:300}

/* 쪽지관리 */
.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}
.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;color:#fff}
.mypage_con table.memo td:nth-child(2) img{position:relative;top:-1px;width:14px;margin-right:4px;vertical-align:middle}
.mypage_con table.memo td:nth-child(4){font-weight:300;color:#24a2e4}
.message_box{position:absolute;right:0;top:42px;z-index:30000;width:280px;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 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}
.message_box input[type="text"]{float:left;width:100%;padding:0 10px;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}
.message_btn button:first-child{width:70%;border-color:#18a2ff;background:#18a2ff;color:#fff !important}
.message_btn button{float:left;height:40px;line-height:40px;border-radius:0;border-top:1px solid #dfdfdf;background:#f6f6f6;font-size:14px !important;color:#333}
.message_btn button:first-child{width:80%;border-color:#18a2ff;background:#18a2ff;color:#fff}
.message_btn button:last-child{width:20%;padding-left:0 !important;background:#f6f6f6;text-align:center;color:#999;padding:0}
.mypage_con table.memo td .text1{position:relative;padding:12px 20px 35px;line-height:1.7;background:#fafafa;color:#666;text-align:left}
.mypage_con table.memo td .text2{position:relative;padding:12px 20px;padding-left:60px;line-height:1.7;border-top:1px dashed #e5e5e5;background:#fafafa;color:#666;text-align:left}
.mypage_con table.memo td .text2:before{content:"\001c   re";position:absolute;top:10px;left:20px;font-weight:500;color:#ff5722}
.mypage_con table.memo td .text1 .bottom_line{position:absolute;bottom:6px;right:20px}
.mypage_con table.memo td .text1 .bottom_line button{position:relative;padding:0 8px;font-size:12px;color:#999}
.mypage_con table.memo td .text1 .bottom_line button:first-child{padding-left:0}
.mypage_con table.memo td .text1 .bottom_line button:last-child{padding-right:0}
.mypage_con table.memo td .text1 .bottom_line button+button:before{content:"";position:absolute;top:5px;left:0;width:1px;height:12px;background:#e5e5e5}
.mypage_con table.memo td .text1 .message_box{top:30px;right:40px}

/* 관심회원 관리 */
.mypage_con table.member td .line1{width:491px;height:33px;line-height:32px;margin-top:9px;padding:0 20px;border-radius:2px;background:#fafafa;text-align:left}
.mypage_con table.member td:nth-child(2) img{position:relative;top:-2px;width:13px;margin-right:5px;vertical-align:middle}
.mypage_con table.member td:nth-child(3) span+span:before{content:"/";padding:0 10px;color:#ccc}
.mypage_con table.member td:nth-child(3) span em{color:#ff8c05}

/* 포인트 내역 */
.mypage_con table.point{margin-top:-21px;}
.mypage_con table.point td:nth-child(1){font-weight:300}
.mypage_con table.point td:nth-child(2){color:#333}
.mypage_con table.point td:nth-child(3){color:#24a2e4}

/* 나의 상담내역 */
.mypage_con table.list2 td:nth-child(1){font-weight:400;color:#4f86c6}
.mypage_con table.list2 td:nth-child(2){color:#333}
.mypage_con table.list2 td:nth-child(3){font-weight:300}
.mypage_con table.list2 td:nth-child(4){font-weight:300}
.mypage_con table.list2 td i{vertical-align:middle}
.mypage_con table.list2 td a{width:590px}
.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}
.mypage_con table.list2 td:nth-child(4) span{color:#333}
.mypage_con table.list2 td .answer{color:#ff5722 !important}
.mypage_con table.list2 td .text1{padding:12px 20px;line-height:1.7;background:#fafafa;color:#666;text-align:left}
.mypage_con table.list2 td .text2{position:relative;padding:12px 20px;padding-left:60px;line-height:1.7;border-top:1px dashed #e5e5e5;background:#fafafa;color:#666;text-align:left}
.mypage_con table.list2 td .text2:before{content:"\001c   re";position:absolute;top:10px;left:20px;font-weight:500;color:#ff5722}
.file-li{margin-top:10px;font-size:12px;font-weight:300;color:#999}
.file-li i{margin-right:4px}
.file-li span{margin-right:5px}
.file-li span.file-name{;color:#00adef}
.file-li button{margin-left:5px;color:#00adef}

/* 댓글 관리 */
.mypage_con table.mypg_tb.comment td a{width:524px}
.comment .lnk_btn{position:relative;left:50%;width:100px !important;margin-left:-50px;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}

/*** 푸터 ***/
footer{width:100%;border-top:1px solid #e6e6e6}
.fnb{float:left;width:100%;border-bottom:1px solid #eee}
.fnb ul{float:none;width:1200px;margin:0 auto}
.fnb ul li{float:left;position:relative;height:56px;line-height:56px;padding:0 20px;font-size:14px}
.fnb ul li+li:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:12px;background:#eee}
.fnb ul li a{color:#555}
.fnb ul li:first-child{padding-left:0}
.fnb ul li:last-child{padding-right:0}
.footer_inner{width:1200px;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;font-weight:300;letter-spacing:0;line-height:1.8}
.foot .site_info{float:none;padding:24px 0}

/* 탑버튼 */
.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:hover{background:#18a2ff}
.btn_box a:hover i{color:#fff} 
.btn_box a i{margin:0;top:0;color:#fff;vertical-align:middle;color:#18a2ff;font-size:1.6em}


/* 상단헤더 */
.head_top{float:left;width:100%;padding:10px 30px;position:relative;border:1px solid #ccc;border-top:0}
.all_menu{position:absolute;right:30px;top:50%;margin-top:-12px}
.menu_nav_btm{z-index:0}
.menu_layer{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.65);z-index:20000000}
.menu_layer .menu_left{float:left;height:100%;background:#f5f5f5;width:80px;font-size:12px;text-align:center}
.menu_layer .menu_left ul li{height:50px;line-height:50px;border-bottom:1px solid #ccc;padding:0 10px}
.menu_layer .menu_left ul li.on{background:#fff;color:#0066CC}
.menu_layer .menu_right{float:left;height:100%;background:#fff;width:200px;overflow-y:scroll}
.menu_layer .menu_right ul li{font-size:12px;padding:0 5px}

/*** 25. 광고안내***/
.service_con .ad_banner_guide .banner_header{float:left;border:2px solid #373d55;background:#fff;padding:25px 30px 22px;margin-bottom:20px}
.service_con .ad_banner_guide .banner_header ul li{float:left;margin-bottom:20px}
.service_con .ad_banner_guide .banner_header ul li > a{margin-right:20px}
.service_con .ad_banner_guide .banner_header ul li > a:hover{color:#555}
.service_con .ad_banner_guide .banner_header ul li > a strong:hover{border-color:#555}
.service_con .ad_banner_guide .banner_header ul li > a strong{border-bottom:1px solid #999;padding-bottom:2px;}

.service_con .ad_banner_guide .banner_header ul li.banner_type1{margin-right:30px}
.service_con .ad_banner_guide .banner_header ul li.banner_type2{margin-right:30px}
.service_con .ad_banner_guide .banner_header ul li.banner_type3{margin-right:30px}
.service_con .ad_banner_guide .banner_header ul li.banner_type4{margin-right:30px}
.service_con .ad_banner_guide .banner_header ul li.banner_type6{margin-bottom:0px}
.service_con .ad_banner_guide .banner_header ul li dl dt{float:left;}
.service_con .ad_banner_guide .banner_header ul li dl dt:hover{text-decoration:none !important}
.service_con .ad_banner_guide .banner_header ul li dl dd{float:left;font-size:1.15em;margin-left:10px}
.service_con .ad_banner_guide .banner_header ul li dl dd a{color:#666;border-bottom:1px solid #999;padding-bottom:2px}
.service_con .ad_banner_guide .banner_header ul li dl dd a:hover{color:#888;border-color:#888}
.service_con .ad_banner_guide em{float:left;height:11px;width:11px;border-radius:20px;margin-right:5px}
.service_con .ad_banner_guide em.type1{background:#f75258}
.service_con .ad_banner_guide em.type2{background:#19aae2}
.service_con .ad_banner_guide em.type3{background:#f19149}
.service_con .ad_banner_guide em.type4{background:#56cfca}
.service_con .ad_banner_guide em.type5{background:#009944}
.service_con .ad_banner_guide em.type6{background:#5e6d8e}
.service_con .ad_banner_guide em.type7{background:#8e2c4b}
.service_con .ad_banner_guide em.type8{background:#7e168e}
.service_con .ad_banner_guide em.type9{background:#4f52b8}
.service_con .ad_banner_guide em.type10{background:#08898e}
.service_con .ad_banner_guide em.type11{background:#7ba0ff}
.service_con .ad_banner_guide em.type12{background:#ffa4fe}
.service_con .ad_banner_guide em.type13{background:#ca1cb8}
.service_con .ad_banner_guide .banner_header ul li strong{font-size:1.2em}
.service_con .ad_banner_guide .banner_map_con{float:left;width:100%;;margin-bottom:80px}
.service_con .ad_banner_guide .banner_map_con dl{float:left;width:100%}
.service_con .ad_banner_guide .banner_map_con dl dt{float:left;width:100%}
.service_con .ad_banner_guide .banner_map_con dl dd{text-align:center}
.service_con .ad_banner_guide .banner_map_con .title{float:left;font-size:1em;position:relative;width:100%;height:50px;line-height:50px}
.service_con .ad_banner_guide .banner_map_con .title:hover{text-decoration:none !important}
.service_con .ad_banner_guide .banner_map_con .title i{font-size:13px;font-style:normal;color:#666;text-decoration:none;border:1px solid #000;width:15px;padding:0 3px}
.service_con .ad_banner_guide .banner_map_con .title .txt{position:absolute;right:0px;color:#666}
.service_con .ad_banner_guide .banner_map_con strong{font-size:1.2em;letter-spacing:-0.03em;color:#fff;text-decoration:none !important}
.service_con .ad_banner_guide .banner_map_con strong.type1{background:#f75258;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type2{background:#19aae2;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type3{background:#f19149;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type4{background:#56cfca;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type5{background:#009944;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type6{background:#5e6d8e;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type7{background:#8e2c4b;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type8{background:#7e168e;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type9{background:#4f52b8;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type10{background:#08898e;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type11{background:#7ba0ff;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type12{background:#ffa4fe;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con strong.type13{background:#ca1cb8;padding:10px 15px}
.service_con .ad_banner_guide .banner_map_con dl .ad_map{padding:30px;border:1px solid #ccc;background:#f1f2f4;clear:both}
.service_con .ad_banner_guide .banner_map_con dl .ad_map img{text-align:center;border:1px solid #ccc}

/*관리자모드*/
.top_bt {background:#3c3d43; border:1px solid #0f1011; border-radius:5px; display:inline-block; margin:0 20px 20px 0px; float:right;}
.top_bt a {color:#fff; display:block; padding:15px 10px; font-size:12px; letter-spacing:1px;}


@media screen and (max-width: 968px){
.head_top{border-right:0;border-left:0}
}
@media screen and (max-width: 848px){
.head_top{padding:10px 30px}
.all_menu{right:30px}
}
@media screen and (max-width: 768px){
.head_top{padding:10px 20px}
.all_menu{right:20px}
}
@media screen and (max-width: 700px){
.head_top{padding:8px 10px}
.all_menu{right:10px}
}
@media screen and (max-width: 360px){
.head_top{padding:8px 10px}
.all_menu{right:5px}
}
.menu_right ul li{position:relative;width:100%}
.menu_right ul li button{float:left;width:100%;text-align:left;height:50px;line-height:50px;padding:0 5px}
.menu_right ul li em{display:inline-block;font-family:'Arial';background:#f4494d;font-size:10px;color:#fff;padding:0 4px;height:15px;line-height:15px;position:relative;top:-1px;margin-left:5px}
.menu_right ul li i{position:absolute;right:5px;top:50%;font-size:18px;margin-top:-9px}
.menu_right ul li a{float:left;padding:0 5px;width:50%;height:30px;line-height:30px}
.menu_layer .close_btn{color:#fff;font-family:'Arial';position:absolute;right:10px;top:5px;font-size:50px}

/* 카테고리 */
.item_list_nav > ul{border-top:1px solid #ccc}
.around_con h2{position:relative;direction:ltr;text-indent:-99999999px;height:0}
.select_area{position:relative;float:left;width:96%;padding:20px 10px;margin:15px 2% !important;border:1px solid #ccc;background:#f3f7fe;border-radius:5px;margin-bottom:20px}
.select_area .select-con{float:left;width:50%;margin:5px 0}
.select_area .select-con2 .dropdown{width:77%}
.select_area .select-con3 .dropdown{width:77%}
.select_area .select-con2 .dropdown span{padding:0 5%}
.select_area .select-con3 .dropdown span{padding:0 5%}
.select_area label{float:left;height:36px;line-height:36px;width:20%;text-align:center;font-family:"NG_B"}
.select_area .dropdown{float:left}
.dropdown{width:38%;margin-right:1%;height:36px;line-height:35px;border-radius:6px;color:#222;background:#fff;border:1px solid rgba(0,0,0,.3);padding:0 10px}
.dropdown > span{height:36px;line-height:35px;background:#1a73e8;border:1px solid rgba(0,0,0,.1);color:#fff !important;font-family:'Nanum Gothic';font-size:.9rem;padding:0 10%}
.dropdown > span:before, .dropdown > span:after{background-color:#fff}
.dropdown ul li.active a{color:#000}
.dropdown.open > span{border-color:rgba(0,0,0,.1)}
.dropdown ul{top:32px;box-shadow:0 0px 1px rgba(0,0,0,1)}
.dropdown ul li.active a{background:#fff}
.dropdown ul li a{background:#fff}
.select_area input[type="text"]{height:36px;line-height:36px;border-radius:5px;width:51%;padding:0 5px;border:1px solid #aaa;font-family:'Nanum Gothic';font-size:.9rem;padding:0 2%}
.select_area button{position:relative;background:#fff;right:0;bottom:0;height:36px;line-height:36px;width:25%;border-radius:5px;color:#fff;font-family:'NG_B';font-size:.9rem;
background: #606c88;
background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%);
background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%);
background: linear-gradient(to bottom,  #606c88 0%,#3f4c6b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
}
.select_area button i{position:relative;top:2px;margin-right:4px}
.item_con h3{float:left;width:100%;text-indent:0;height:50px;line-height:50px}
.item_list .special .emblem{display:none}
.item_list .item_img .thumb:before{border-bottom-right-radius:15px;border-bottom-left-radius:15px}
.item_list .info3{margin-bottom:0}

@media screen and (max-width:970px){

}

@media screen and (max-width:700px){
 .select_area .select-con{width:100%}
}


/* 배너 수정사항 */
.li_image .banner_con{margin-bottom:0;margin-top:20px}
.li_webzine01 .banner_con{margin-bottom:0;margin-top:20px}
.li_webzine02 .banner_con{margin-bottom:0;margin-top:20px}
.li_image .banner_con .banner_wrap{max-width:372px}
.li_webzine01 .banner_con .banner_wrap{max-width:372px}
.li_webzine02 .banner_con .banner_wrap{max-width:372px}
.li_image .banner_con .banner_wrap img{max-width:372px}
.li_webzine01 .banner_con .banner_wrap img{max-width:372px}
.li_webzine02 .banner_con .banner_wrap img{max-width:372px}
.contents .section_li.ml20 { margin-left:20px; }
.top_banner .banner_wrap{margin-bottom:0}
.banner_con{overflow:hidden;margin-bottom:20px}
.banner_wrap{margin-bottom:0 !important}
.bnr_con{margin-bottom:20px}
.bnr_con:last-child{margin-bottom:0}

/* 마이페이지 수정 */
.txt1{padding:13px 0}
.txt2{float:left;padding-bottom:13px}
.txt1, .txt2{line-height:1.7}
.message_box .message_con{float:left;width:100%}

/* 에디터 수정 */
.cheditor-container{float:left}
.cheditor-tb-wrapper{height:56px !important}




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

/*동영상, 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%; } 


@media print {

	.noprint { display:none; }

}