@charset "utf-8";
/* 전체 공통, 321이상 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {
	width: 100%;
	font-size: 0.75em;
	font-family: "나눔고딕", NanumGothic, 'Nanum Gothic', Nanumbarungothic, "돋움", dotum, sans-serif;
	line-height: 1.5em;
	background-color: #fff;
	color:#666;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
hr{display:none;}
a:hover{text-decoration:underline;}

input.txtbox1{width:100%; max-width:100%; height:36px; background-color:#eaf1f7; line-height:36px; text-indent:5px; border:2px solid #e4e8ee; border-radius:4px; color:#099999;}
input.txtbox2{width:100%; max-width:100%; height:36px; background-color:#ffffff; line-height:36px; text-indent:5px; border:2px solid #e4e8ee; border-radius:4px; color:#666666;}
input[type=checkbox],
input[type=radio]{-webkit-appearance:none;border:none;border-radius:0;outline:none;background-color:transparent;  }
input[type=checkbox].checkbox1 +label{width:15px; height:15px;background:url(../imgs/common/checkbox1.gif) 0 0 no-repeat;background-size:15px 35px; padding-bottom:2px;}
input[type=checkbox].checkbox1:checked +label{background-position:0 -20px}
textarea{width:100%; max-width:100%;background-color:#ffffff; border:2px solid #e4e8ee; border-radius:4px; color:#666;}

input[type=radio].radio1{width:12px;height:12px;background:url(../imgs/common/radio1.png) 0 0 no-repeat;background-size:12px 29px;}
input[type=radio].radio1:checked{background-position:0 -17px;}
input[type=checkbox]{
display: none;}
label{padding-left:18px;}

button.btn_ok{ background-color:transparent; border:none;}
button.btn_ok span{display:inline-block; padding:20px 63px; font-size:17px; font-weight:500; background-color:#0267e5; border-radius:4px; color:#fff; cursor:pointer;}
button.btn_reset{ background-color:transparent; border:none;}
button.btn_reset span{display:inline-block; padding:20px 63px; font-size:17px; font-weight:500; background-color:#b4bbbd; border-radius:4px; color:#fff; cursor:pointer;}
button.btn_etc1{ background-color:transparent; border:none;}
button.btn_etc1 span{display:inline-block; height:36px; padding:0 10px; line-height:36px; font-size:14px; color:#ffffff; background-color:#a0a9c9; border-radius:4px; cursor:pointer;}
button.btn_etc2{ background-color:transparent; border:none;}
button.btn_etc2 span{display:inline-block; height:36px; padding:0 10px; line-height:36px; font-size:14px; color:#ffffff; background-color:#a0a9c9; border-radius:4px; cursor:pointer;}

/* 앱에서만 */
button.pushBtnon{background-color:transparent; border:none;padding:9px 9px; font-size:16px; font-weight:500; background-color:#0267e5; border-radius:4px; color:#fff; cursor:pointer;}
button.pushBtn{background-color:transparent; border:block;padding:9px 9px; font-size:16px; font-weight:500; background-color:#F6F6F6; border-radius:4px; color:#0267e5; cursor:pointer;}

select {
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}


/* header */
#top{width:100%; height:80px; background-color:#eaf1f7; text-align:center;}
#top .top_cont{height:80px; width:100%; margin:0 auto; position:relative; }
#top .top_cont .top_l{width:226px; float:left;}
#top .top_cont h1{position:absolute; left:80px; top:0;}
#top .top_cont p.hmenu{position:absolute; left:0; top:0;}
#top .top_cont ul{position:absolute; right:0px; top:0;}
#top .top_cont ul li{float:left; height:38px; line-height:38px; font-size:15px; font-weight:400;}
#top .top_cont ul li a{display:block; padding:0 15px; color:#2c2c2c;}
#top .top_cont ul li a span{display:block;}
#top .top_cont ul li a img{display:none;}
#top .top_cont ul li a.menu1{background-color:#c3dbe8;}
#top .top_cont ul li a.menu1:hover{background-color:#b0c3ce; color:#ffffff;}
#top .top_cont ul li a.menu2{background-color:#d7dbdc;}
#top .top_cont ul li a.menu2:hover{background-color:#a5adaf; color:#ffffff;}
#top .top_cont ul.mymenu_on{display:none;} /*로그인시 디스플레이*/

/* gnb */
#gnb{width:100%; height:50px; background-color:#37a0db; text-align:center; }
#gnb .gnb_cont{width:100%; height:50px; max-width:900px; margin:0 auto; position:relative;}
#gnb .gnb_cont .swiper-container .swiper-wrapper .swiper-slide{ font-size:14px; line-height:50px; margin-left:-90px;}
#gnb .gnb_cont .swiper-container .swiper-wrapper .swiper-slide a{display:block; font-size:15px;  color:#fff; font-weight:500;}
#gnb .gnb_cont .swiper-container .swiper-wrapper .swiper-slide a:hover{text-decoration:underline; color:#d5e7f7;}

/* footer */
#bottom{display:table; width:100%; height:50px; text-align:center;}
#bottom .bmenu_wrap{width:100%; height:auto; overflow:hidden; padding:0.8em 0; background-color:#dee2e2; text-align:center;}
#bottom .bmenu_wrap ul {font-size:0; margin:0 auto; width:100%; max-width:650px;}
#bottom .bmenu_wrap ul li{display:inline-block; float:left; font-size:13px; text-align:center;}
#bottom .bmenu_wrap ul li a{display:block; color:#4f4f53; padding:0 25px; background:url(../imgs/common/bmenu_rbg.gif) no-repeat right center;}
#bottom .bmenu_wrap ul li a:hover{text-decoration:underline;}
#bottom .bmenu_wrap ul li:last-child a{background:none;}
#bottom .bcopy{width:100%; max-width:700px; margin:10px auto;}
#bottom .bcopy .bottom_logo{display:table-cell; width:210px; height:90px; text-align:center; vertical-align:middle;}
#bottom .bcopy .bottom_address{display:table-cell; width:360px; vertical-align:middle;}
#bottom .bcopy .bottom_address address{display:table-cell; text-align:left; font-style:normal; font-size:13px; vertical-align:middle;}
#bottom .bcopy .bottom_address address p{font-size:12px; color:#ababab; padding-top:5px;}

/* contents */
#contents{display:table; width:100%; height:auto; text-align:center;}
#contents .contents_wrap{width:100%; max-width:1140px; margin:0 auto; position:relative;}
#contents .contents_wrap .content{display:table; width:100%; height:auto; text-align:center;}
#contents .contents_wrap .content h2{display:inline-block; text-align:center; margin:45px; padding:15px 3px; color:#2c2c2c; font-size:35px; font-weight:600; border-bottom:2px solid #37a0db;}



/* 로그인 페이지 */
#contents .cont_login{}
#contents .login_form{display:table; width:420px; max-width:90%; margin:0 auto;}
#contents .login_form ul li{padding:5px; text-align:left;}
#contents .login_form ul li input.txtbox{width:100%; height:36px; background-color:#eaf1f7; line-height:36px; text-indent:5px; border:2px solid #e4e8ee; border-radius:4px; color:#099999;}
#contents .login_form p{text-align:right;}
#contents .login_form p a{font-size:13px; padding:5px 10px;}
#contents .login_form p a:hover{color:#999999;}
#contents .login_form button{margin:40px 0; }

/* 비밀번호찾기 */
#findpw_wrap{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../imgs/common/dark_bg.png'); text-align:center; display:none;}
#findpw_wrap #findpw{position:absolute; left:50%; margin-left:-270px; top:100px;}
#findpw_wrap #findpw .findpw_cont{width:540px; background-color:#f1f3f4; margin:0 auto; position:relative; border-radius:4px; height:350px;}
#findpw_wrap #findpw .findpw_cont h3{text-align:center; font-size:30px; color:#2c2c2c; font-weight:500; padding:30px 0; border-bottom:1px solid #ced0d1;}
#findpw_wrap #findpw .findpw_cont .txt1{font-size:15px; color:#535353; padding:40px 0; font-weight:600;}
#findpw_wrap #findpw .findpw_cont .txt1 span{color:#2669a2;}
#findpw_wrap #findpw .findpw_cont form{width:380px; margin:0 auto;}
#findpw_wrap #findpw .findpw_cont form p.txt2{text-align:left; padding:3px 0; font-size:13px;}
#findpw_wrap #findpw .findpw_cont input{color:#2c4899;}
#findpw_wrap #findpw .findpw_cont button span{font-size:14px; padding:10px 30px; margin:30px 0 0;}
#findpw_wrap #findpw .btn_close{position:absolute; right:0; top:0; background:url(../imgs/common/del1.png) no-repeat center center; width:35px; height:35px; background-size:20px 20px;}

/* 이용약관 */
#clause1_wrap{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../imgs/common/dark_bg.png'); text-align:center; display:none;}
#clause1_wrap #clause1{position:absolute; left:50%; margin-left:-370px; top:100px;}
#clause1_wrap #clause1 .clause1_cont{width:740px; height:600px; background-color:#f1f3f4; margin:0 auto; position:relative; border-radius:4px;}
#clause1_wrap #clause1 .clause1_cont h3{text-align:center; font-size:30px; color:#2c2c2c; font-weight:500; padding:30px 0; border-bottom:1px solid #ced0d1;}
#clause1_wrap #clause1 .clause1_cont textarea{height:515px; border: none; resize:none; overflow-x:hidden;}
#clause1_wrap #clause1 .btn_close{position:absolute; right:0; top:0; background:url(../imgs/common/del1.png) no-repeat center center; width:35px; height:35px; background-size:20px 20px;}

/* 개인정보취급방침 */
#clause2_wrap{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../imgs/common/dark_bg.png'); text-align:center; display:none;}
#clause2_wrap #clause2{position:absolute; left:50%; margin-left:-370px; top:100px;}
#clause2_wrap #clause2 .clause2_cont{width:740px; height:600px; background-color:#f1f3f4; margin:0 auto; position:relative; border-radius:4px;}
#clause2_wrap #clause2 .clause2_cont h3{text-align:center; font-size:30px; color:#2c2c2c; font-weight:500; padding:30px 0; border-bottom:1px solid #ced0d1;}
#clause2_wrap #clause2 .clause2_cont textarea{height:515px; border: none; resize:none; overflow-x:hidden;}
#clause2_wrap #clause2 .btn_close{position:absolute; right:0; top:0; background:url(../imgs/common/del1.png) no-repeat center center; width:35px; height:35px; background-size:20px 20px;}

/* 이메일주소 무단수집거부 */
#clause3_wrap{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../imgs/common/dark_bg.png'); text-align:center; display:none;}
#clause3_wrap #clause3{position:absolute; left:50%; margin-left:-370px; top:100px;}
#clause3_wrap #clause3 .clause3_cont{width:740px; height:600px; background-color:#f1f3f4; margin:0 auto; position:relative; border-radius:4px;}
#clause3_wrap #clause3 .clause3_cont h3{text-align:center; font-size:30px; color:#2c2c2c; font-weight:500; padding:30px 0; border-bottom:1px solid #ced0d1;}
#clause3_wrap #clause3 .clause3_cont textarea{height:515px; border: none; resize:none; overflow-x:hidden;}
#clause3_wrap #clause3 .btn_close{position:absolute; right:0; top:0; background:url(../imgs/common/del1.png) no-repeat center center; width:35px; height:35px; background-size:20px 20px;}

/* 가입화면 이용약관 및 개인정보 취급방침 */
#clause4_wrap{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../imgs/common/dark_bg.png'); text-align:center; display:none;}
#clause4_wrap #clause4{position:absolute; left:50%; margin-left:-370px; top:100px;}
#clause4_wrap #clause4 .clause4_cont{width:740px; height:600px; background-color:#f1f3f4; margin:0 auto; position:relative; border-radius:4px;}
#clause4_wrap #clause4 .clause4_cont h3{text-align:center; font-size:30px; color:#2c2c2c; font-weight:500; padding:30px 0; border-bottom:1px solid #ced0d1;}
#clause4_wrap #clause4 .clause4_cont textarea{height:515px; border: none; resize:none; overflow-x:hidden;}
#clause4_wrap #clause4 .btn_close{position:absolute; right:0; top:0; background:url(../imgs/common/del1.png) no-repeat center center; width:35px; height:35px; background-size:20px 20px;}

/* 가입완료 페이지 */
#contents .cont_joinok{display:table; width:420px; max-width:90%; margin:0 auto; text-align:center;}
#contents .cont_joinok h2{display;none;}
#contents .cont_joinok .txt1{font-size:30px; font-weight:300; line-height:1.2em; color:#2c2c2c; padding:100px 0 50px; background:url(../imgs/common/h2_bg.gif) no-repeat center bottom; background-size:50px 2px;}
#contents .cont_joinok .txt1 span{color:#37a0db;}
#contents .cont_joinok .txt2{font-size:15px; padding:45px 0 20px; font-weight:600;}
#contents .cont_joinok .txt2 span{color:#37a0db;}
#contents .cont_joinok .txt3{display:block; margin:0 auto; width:420px; max-width:100%; font-size:13px; background-color:#eaf1f7; border:2px solid #e4e8ee; border-radius:4px; padding:3px 0; margin-bottom:100px;}
#contents .cont_joinok .txt3 span{color:#099999;}


/* 메일수정 페이지 */
#contents .cont_msgre{display:table; max-width:690px; width:90%; margin:0 auto;}
#contents .mailre{display:table; max-width:690px; width:90%; margin:0 auto;}
#contents .mailre ul li{padding:5px 0; text-align:left; clear:both;}
#contents .mailre ul li p{text-align:left; color:#2c2c2c; font-size:14px; padding-bottom:5px;}
#contents .mailre ul li span.txt1{display:inline-block; float:left; width:60px; text-align:left; color:#2c2c2c; font-size:14px; line-height:36px;}
#contents .mailre ul li .chk1{line-height:36px;}
#contents .mailre ul li .mailtbox1{max-width:300px;}
#contents .mailre ul li .mailtbox2{max-width:550px;}
#contents .mailre ul li .mailtbox3{max-width:300px;}
#contents .mailre ul li .filebox{display:block; float:left; position:relative; width:400px; height:36px; background-color:#fff; border:2px solid #e4e8ee; border-radius:4px;}
#contents .mailre ul li .filebox .file_input_textbox{position:absolute; left:0; top:0; width:280px; height:32px; color:#666666; line-height:36px; overflow:hidden; border:0;}
#contents .mailre ul li .filebox .file_input_hidden{position:absolute; left:0; top:0; width:400px; height:34px; opacity:0; cursor:pointer;}
#contents .mailre ul li .filebox .file_input_btn{display:block; position:absolute; right:0; top:0; width:110px; height:34px; color:#2c4899; background-color:#e4e8ee; line-height:34px; text-align:center;}
#contents .mailre .mailbtnArea{padding:30px 0 50px;}

/* 메일함 페이지 */
#contents .cont_msgbox{display:table; width:100%;}
#contents .msgbox_tab{width:100%; height:auto; text-align:center; background-color:#e4e8ee; margin-bottom:45px;}
#contents .msgbox_tab ul{font-size:0;}
#contents .msgbox_tab ul li{display:inline-block; font-size:15px; font-weight:600; line-height:50px; margin:0 50px;}
#contents .msgbox_tab ul li a{display:block; padding:0 10px; color:#2c2c2c; background:url(../imgs/common/msgbox_btnbg1.png) no-repeat right center; padding-right:20px;}
#contents .msgbox_tab ul li a.select{color:#37a0db; background-image:url(../imgs/common/msgbox_btnbg2.png);}
#contents .msgbox_tab ul li a:hover{text-decoration:underline;}
#contents .cont_msgbox .msgbox{display:table; max-width:800px; width:90%; margin:0 auto 50px;}
#contents .cont_msgbox .msgbox p{text-align:left; font-size:14px;}
#contents .cont_msgbox .msgbox ul{width:95%; max-width:800px;}
#contents .cont_msgbox .msgbox ul li{width:100%; border:2px solid #e4e8ee; border-radius:4px; vertical-align:middle; margin:5px 0; background:url(../imgs/common/msgbox_msgarrow.png) no-repeat right center; text-align:left;}
#contents .cont_msgbox .msgbox ul li a{display:block; padding:10px; }
#contents .cont_msgbox .msgbox ul li a:hover{text-decoration:none; background-color:#e2e8e9;}
#contents .cont_msgbox .msgbox ul li a .msgcont{width:80%; max-width:600px; padding-left:130px;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont1{color:#37a0db;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont2{color:#2c2c2c; font-size:16px; padding:3px 0 7px;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont3{color:#999999; font-size:12px;}
#contents .cont_msgbox .msgbox ul li a .msg_1{background:url(../imgs/common/msgbox_msg1.png) no-repeat 25px center;}
#contents .cont_msgbox .msgbox ul li a .msg_2{background:url(../imgs/common/msgbox_msg2.png) no-repeat 25px center;}


/* 소개 */
#contents .contents_wrap{width:100%; max-width:100%; margin:0 auto; position:relative;}
#contents .cont_about{display:table; max-width:95%; margin:0 auto;}
#contents .cont_about .about_wrap{display:table; width:100%; max-width:100%; margin:0 auto; text-align:center;}
#contents .cont_about .about_wrap .about1{padding:80px 0 50px;}
#contents .cont_about .about_wrap .about1 .txt1{font-family: 'Nanum Myeongjo', serif; font-size:17px; color:#7d6f6f; line-height:1.2em; font-weight:600;}
#contents .cont_about .about_wrap .about1 .txt2{font-family: 'Nanum Myeongjo', serif; font-size:40px; color:#06abcb; line-height:1.2em; font-weight:600; padding:30px 0;}
#contents .cont_about .about_wrap .about1 .txt3{font-size:14px; padding-bottom:30px; font-weight:600;}
#contents .cont_about .about_wrap .about2{width:100%; max-width:100%; background-color:#eaf1f7;}
#contents .cont_about .about_wrap .about2 .about_02{width:100%; max-width:880px; margin:0 auto; padding:20px 0;}
#contents .cont_about .about_wrap .about2 .about_02 .txt4{width:33%; display:table-cell; vertical-align:middle; color:#81b2f0; font-size:30px; line-height:1.2em;}
#contents .cont_about .about_wrap .about2 .about_02 .txt5{width:67%; display:table-cell; vertical-align:middle; text-align:left; padding:0 3% 0 5%;}
#contents .cont_about .about_wrap .about2 .about_02 .txt5 ol li{list-style:decimal; font-size:15px; color:#2073da; padding:5px 0;}
#contents .cont_about .about_wrap .about3{width:100%; max-width:100%; background-color:#d0e3f4;}
#contents .cont_about .about_wrap .about3 .about_03{width:100%; max-width:900px; padding:20px 3% 20px 38%; margin:0 auto; text-align:left; font-size:14px; color:#667078;}
#contents .cont_about .about_wrap .about4{width:100%; text-align:center; padding:80px 0 100px;}
#contents .cont_about .about_wrap .about4 .txt6{font-family: 'Nanum Myeongjo', serif; font-size:16px; line-height:1.5em;}
#contents .cont_about .about_wrap .about4 .txt6 .deco1{text-decoration:underline;}
#contents .cont_about .about_wrap .about4 .txt6 .deco2{color:#04a3c2;}
#contents .cont_about .about_wrap .about4 .txt7{font-family: 'Nanum Myeongjo', serif; font-size:16px; padding:60px 0 50px;}




/* 회원가입 페이지 */
#contents .contents_wrap{max-width:1140px;}
#contents .cont_join{display:table; width:95%; margin:0 auto;}
#contents .join{display:table; width:100%; margin:0 auto;}
#contents .join form{width:100%;}
#contents .join form .joinform1{float:left; width:65%;}
#contents .join form .joinform1 li{padding:5px 0; clear:both; line-height:36px;}
#contents .join form .joinform1 span.txt1{display:block; float:left; line-height:36px; background:url(../imgs/common/form_labelbg.gif) no-repeat left center; padding-left:10px; font-size:13px; width:100px;}
#contents .join form .joinform1 input.jointbox1{width:300px;}
#contents .join form .joinform1 input.jointbox2{width:410px;}
#contents .join form .joinform1 label{padding:0 20px 0 10px; font-size:12px;}
#contents .join form .joinform1 p{text-align:left; color:#dd0303; font-size:13px;}
#contents .join form .joinform1 ul li{text-align:left;}
#contents .join form .joinform2{float:left; padding:15px; width:35%;background-color:#eeeeee;}
#contents .join form .joinform2 p{text-align:left; margin:3px 0;}
#contents .join form .joinform2 textarea{height:100%; min-height:340px;}
#contents .join form .joinform2 p.agree_btn{display:none;}
#contents .join form .joinform3{clear:both; padding:30px 0 50px;}
#contents .join form .joinform3 span{width:580px;}

/* 회원정보수정 페이지 */
#contents .cont_modify{display:table; width:95%; max-width:1140px; margin:0 auto;}
#contents .modify{display:table; width:100%; margin:0 auto;}
#contents .modify p.notice{text-align:left; color:#dd0303; font-size:13px;}
#contents .modify form{width:100%;}
#contents .modify form .modifyform1{float:left; width:50%; padding:0 5px 20px;}
#contents .modify form .modifyform2{float:left; width:50%; padding:0 5px 20px;}
#contents .modify form ul li{padding:5px 0; clear:both; line-height:36px; text-align:left;}
#contents .modify form ul li span.txt1{display:block; float:left; line-height:36px; background:url(../imgs/common/form_labelbg.gif) no-repeat left center; padding-left:10px; font-size:13px; width:100px;}
#contents .modify form input.txtbox2{max-width:280px;}
#contents .modify form .modifyform3{clear:both; padding:30px 0 50px;}
#contents .modify form .modifyform3 span{width:580px;}


/* 게시판 리스트 */
#contents .contents_wrap{width:90%; max-width:800px;}
#contents .board_btn{text-align:left; padding-bottom:5px;}
#contents .board_btn button{padding-left:0;}
#contents .board_btn span{padding:10px 40px; font-size:16; display:inline-block;}
#contents .board_btn .category{padding:0;}
#contents .board_btn span.category a{padding:8px 20px; font-size:14px; font-weight:700; border:2px solid #73a1db; border-radius:4px;color:#73a1db; margin:2px; background-color:#fff; font-weight:600; display:inline-block;}
#contents .board_btn span.category a.on{color:#fff; background-color:#73a1db;}
#contents .cont_boardlist{display:table; width:100%; margin:0 auto;}
#contents .boardlist{display:table; width:100%; margin:0 auto;}
#contents .boardlist span{display:inline-block;}
#contents .boardlist .boardlist_1{width:8%;}
#contents .boardlist .boardlist_2{width:45%;}
#contents .boardlist .boardlist_3{width:33%;}
#contents .boardlist .boardlist_4{width:11%;}
#contents .boardlist .boardlist_5{width:8%;}
#contents .boardlist .boardlist_6{width:10%; }
#contents .boardlist .boardlist_title{width:100%; border-radius:4px; background-color:#37a0db; color:#fff; font-size:0;}
#contents .boardlist .boardlist_title li{padding:12px 0; font-size:14px; font-weight:600;}
#contents .boardlist .boardlist_list{width:100%; font-size:0;}
#contents .boardlist .boardlist_list li a{display:block; font-size:15px; color:#2c2c2c; border-bottom:2px solid #e4e8ee; padding:13px 0; text-decoration:none; background-color:#fff;}
#contents .boardlist .boardlist_list li a:hover{background-color:#eaf1f7;}
#contents .boardlist .boardlist_list li a .boardlist_1{font-size:14px;}
#contents .boardlist .boardlist_list li a .boardlist_2{text-align:left; font-weight:600;}
#contents .boardlist .boardlist_list li a .boardlist_3{font-size:14px;}
#contents .boardlist .boardlist_list li a .boardlist_4{font-size:14px;}
#contents .boardlist .boardlist_list li a .boardlist_5{font-size:14px; color:#626262;}
#contents .boardlist .boardlist_list li a .boardlist_6{font-size:14px; color:#626262;}
#contents .boardlist .board_no{padding:30px 0 50px;}
#contents .boardlist .board_no a{display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; color:#999999; font-weight:700;}
#contents .boardlist .board_no a.select{color:#37a0db;}
#contents .boardlist .board_no a.no1{background:url(../imgs/common/no_1.png) no-repeat 5px;}
#contents .boardlist .board_no a.no2{background:url(../imgs/common/no_2.png) no-repeat center;}
#contents .boardlist .board_no a.no3{background:url(../imgs/common/no_3.png) no-repeat center;}
#contents .boardlist .board_no a.no4{background:url(../imgs/common/no_4.png) no-repeat center;}


/* 게시판 뷰페이지 */
#contents .contents_wrap{width:95%; max-width:800px;}
#contents .cont_boardview .category{text-align:left; padding-bottom:20px;}
#contents .cont_boardview .category .on{padding:8px 20px; font-size:14px; font-weight:700; border:2px solid #73a1db; border-radius:4px; color:#fff; margin:0 2px; background-color:#73a1db; font-weight:600;}
#contents .boardview{border:2px solid #e4e8ee;}
#contents .boardview .view1{background:#eaf1f7; padding:20px 20px 10px; text-align:left; border-bottom:2px solid #e4e8ee;}
#contents .boardview .view1 .title{font-size:23px; color:#37a0db; font-weight:600; padding-bottom:10px; line-height:1.3em;}
#contents .boardview .view1 .txt1{font-size:16px; font-weight:600; margin-right:20px; color:#2c2c2c;}
#contents .boardview .view1 .txt2{font-size:13px; font-weight:500; margin-right:20px; color:#858484;}
#contents .boardview .view1 .txt3{font-size:13px; font-weight:500; color:#64b9e9;}
#contents .boardview .view1 .txt3 span{color:#fff; background:#64b9e9; border-radius:4px; padding:2px 7px; margin-right:5px;}
#contents .boardview .view2{padding:20px; text-align:left; font-size:14px; line-height:1.3em; border-bottom:2px solid #e4e8ee;}
#contents .boardview .view3{padding:15px 20px; text-align:left; color:#7c7c7c; font-size:13px; font-weight:600;}
#contents .boardview .view3 .like{padding-right:20px;}
#contents .boardview .view3 .like .txt4{height:21px; padding:20px 10px;}
#contents .boardview .view3 .like1 .txt4{color:#d01121;}
#contents .boardview .view3 .like2 .txt4{color:#6239ae;}
#contents .boardview .view3 .like a{padding:10px 20px;}
#contents .boardview .view3 .like a:hover{text-decoration:none;}
#contents .boardview .view3 .like1 a{background:url(../imgs/common/btn_like1.gif) no-repeat center;}
#contents .boardview .view3 .like2 a{background:url(../imgs/common/btn_like2.gif) no-repeat center;}
#contents .boardview .view4{background-color:#ecf0f5; padding:20px; text-align:left;}
#contents .boardview .view4 ul li{font-size:15px; color:#666666; line-height:1.3em; padding:7px 0; clear:both;}
#contents .boardview .view4 ul li .name{font-weight:600; color:#2c2c2c; padding-right:20px;}
#contents .boardview .view4 ul li a{background:url(../imgs/common/del1.png) no-repeat center; margin-left:10px; padding:5px 8px; background-size:15px 15px;}
#contents .boardview .view4 ul li a:hover{text-decoration:none;}
#contents .boardview .view4 ul li .date{font-size:13px; color:#999999; padding-left:10px;} 
#contents .boardview .view4 form .txtbox2{max-width:650px; height:38px;}
#contents .boardview_btn1{text-align:right; margin-top:15px;}
#contents .boardview_btn1 button span{padding:0 40px;}
#contents .boardview_btn1 button.b1 span{background-color:#0267e5;}
#contents .boardview_btn1 button.b2 span{background-color:#73a1db;}
#contents .boardview_btn2{padding:60px 0;}
.name_title{position:relative;}
.name_title .name_title_cont{position:absolute; top:15px; left:-5px; width:300px; padding:10px; text-align:left; background-color:#fff; color:#1da1f3; border:1px solid #c4c4c4; border-radius:4px; z-index:999; display:none;}


/* 게시판글쓰기 */
#contents .cont_boardwrite{display:table; max-width:800px; width:90%; margin:0 auto;}
#contents .boardwrite{display:table; width:90%; margin:0 auto;}
#contents .boardwrite ul li{padding:5px 0; text-align:left; clear:both;}
#contents .boardwrite ul li p{text-align:left; color:#2c2c2c; font-size:14px; padding-bottom:5px;}
#contents .boardwrite ul li span.txt1{display:inline-block; float:left; width:100px; text-align:left; color:#2c2c2c; font-size:14px; line-height:36px;}
#contents .boardwrite ul li .selectbox{display:inline-block;  border:2px solid #e4e8ee; border-radius:4px; padding:5px;}
#contents .boardwrite ul li .selectbox select{width:80px; border:none;
  background: url(../imgs/common/select_arrow.gif) no-repeat 95% 50%;}
#contents .boardwrite .boardwrite_btn{padding:30px 0 50px;}

.selectbox{display:inline-block;  border:2px solid #e4e8ee; border-radius:4px; padding:5px;font-size:17px;}
.selectbox select{height:25px;width:60px; border:none; background: url(../imgs/common/select_arrow.gif) no-repeat 95% 50%;}
/* 슬라이드메뉴 */
#top .main-sidebar{display:none; position:fixed;left:0;top:0; width:300px; height:100%; background:#daebf6; border-right:1px solid #b7d5e7; z-index:2000;}
#top .main-sidebar ul{position; left:0; margin-top:50px;}
#top .main-sidebar ul li{display:block; height:50px;}
#top .main-sidebar ul li a{display:block; width:300px; height:50px; line-height:50px; background-color:#daebf6; color:#0267e5; font-weight:600; text-align:left;}
#top .main-sidebar ul li a:hover{background-color:#37a0db;color:#fff;}
#top .main-sidebar .close_nav{position: absolute; right:0px; top:0px; cursor: pointer; width:50px; height:50px; background:url(../imgs/common/del1.png) no-repeat center; }

/* 서비스소개 */
.service_wrap{width:100%; max-width:700px; height:auto; overflow:hidden; margin:20px auto; text-align:left; line-height:1.4em;}
.service_wrap .service_cont{width:100%; height:auto; overflow:hidden; margin-bottom:3em;}
.service_cont .titleL{width:100%; height:auto; overflow:hidden; color:#fff; font-size:22px; text-indent:1em; font-weight:600; padding:0.8em 0; background-color:#0267e5; border-radius:4px; margin-bottom:0.8em;}
.service_cont .titleS{width:95%; height:auto; overflow:hidden; padding:0.2em 0; margin:0 auto 0.4em; font-size:20px; font-weight:600; color:#0267e5;}
.service_cont .cont1{width:95%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#2c2c2c;}
.service_cont .img{width:95%; height:auto; overflow:hidden; margin:0 
 auto 0.4em;}
.service_cont img{width:100%;}
.service_cont .cont2{width:95%; height:auto; overflow:hidden; margin:0 
 auto 0.4em;}
.service_cont .cont2 li{background:url(../imgs/common/service_no1.gif) no-repeat left top; background-size:22px 22px; font-size:14px; color:#2c2c2c; margin:0.5em 0; padding:0.2em 0 0.4em 2em;;}
.service_cont .cont2 li.no1{background-image:url(../imgs/common/service_no1.gif);}
.service_cont .cont2 li.no2{background-image:url(../imgs/common/service_no2.gif);}
.service_cont .cont2 li.no3{background-image:url(../imgs/common/service_no3.gif);}
.service_cont .cont2 li.no4{background-image:url(../imgs/common/service_no4.gif);}
.service_cont2{width:100%; height:auto; overflow:hidden; padding:1.8em 2.2em; font-size:17px; font-family: 'Nanum Myeongjo', serif; line-height:1.4em;  background-color:#d0e3f4; color:#214969;}
.service_cont3{width:100%; height:auto; overflow:hidden; padding:2.5em 2.2em;  font-weight:600; font-weight:600;  background-color:#eaf1f7;}
.service_cont3 .title{font-size:25px; color:#76aff8; padding-bottom:1em; line-height:1.3em;}
.service_cont3 ol li{font-size:15px; color:#2073da; list-style:decimal; margin-left:2em; margin-bottom:0.5em; line-height:1.4em;}
.service_cont4{width:100%; text-align:center; font-family: 'Nanum Myeongjo', serif; font-size:20px; font-weight:600; color:#7d6f6f; margin:2em auto; line-height:1.3em;}
.service_cont4 span{color:#04a3c2;}
.service_button{text-align:center;}



/* 400 이하 */
@media screen and (max-width:600px){
*html{overflow-y:scroll;height:100%}
body{position:relative;overflow:scroll;width:100%;min-height:100%;-webkit-text-size-adjust:none;font-size:13px;color:#666;line-height:1.5em;}
img{max-width:100%}

input.txtbox1{font-size:13px; height:auto;  line-height:normal;padding: .8em .5em;}
input.txtbox2{font-size:13px; height:auto;  line-height:normal;padding: .8em .5em;}
button.btn_ok span{padding:12px 20px; font-size:16px; }
button.btn_reset span{padding:12px 20px; font-size:16px; }
button.btn_etc1 span{height:auto; padding:0 10px; line-height:normal; font-size:13px;}


/* header */
#top{display:table; height:60px;}
#top .top_cont{display:table; height:60px; line-height:60px; vertical-align:middle;}
#top .top_cont h1{left:50%; height:60px; margin-left:-43px; top:0; line-height:60px; padding-top:5px;}
#top .top_cont h1 img{height:50px; line-height:60px;}
#top .top_cont p.hmenu{width:60px; height:60px;}
#top .top_cont ul{position:absolute; right:0px; top:0;}
#top .top_cont ul li{float:left; height:60px; line-height:60px;}
#top .top_cont ul li a{display:block; padding:0 3px; color:#2c2c2c; background-color:#eaf1f7;}
#top .top_cont ul li a span{display:none;}
#top .top_cont ul li a img{display:block; width:35px; line-height:60px;}
#top .top_cont ul li a.menu1, #top .top_cont ul li a.menu1:hover, #top .top_cont ul li a.menu2, #top .top_cont ul li a.menu2:hover{background-color:#eaf1f7;}
#top .top_cont ul.mymenu_on{display:none;} /*로그인시 디스플레이*/
	

/* gnb */
#gnb{height:40px;}
#gnb .gnb_cont{height:40px;}
#gnb .gnb_cont .swiper-container .swiper-wrapper .swiper-slide{line-height:40px; font-size:0px; margin-left:-15px;}
#gnb .gnb_cont .swiper-container .swiper-wrapper .swiper-slide a{font-size:13px;}

/* footer */
#bottom .bmenu_wrap ul {width:100%; text-align:center;}
#bottom .bmenu_wrap ul li{display:inline-block; float:left; font-size:11px; text-align:center; letter-spacing:-0.1em;}
#bottom .bmenu_wrap ul li a{padding:0 8px; background-size:1px 12px;}

#bottom .bcopy{width:100%; margin:15px auto;}
#bottom .bcopy .bottom_logo{display:block; width:80px; height:auto; text-align:center; margin:5px auto;}
#bottom .bcopy .bottom_address{display:block; width:100%; text-align:center;}
#bottom .bcopy .bottom_address address{display:block; text-align:center; font-size:10px; line-height:1.3em;}
#bottom .bcopy .bottom_address address p{font-size:8px; padding-top:5px;}


/* contents */
#contents .contents_wrap{width:100%; max-width:600px; margin:0 auto; position:relative;}
#contents .contents_wrap .content h2{display:inline-block; text-align:center; margin:20px; padding:10px 1px;  font-size:20px;  border-bottom:none; background:url(../imgs/common/h2_bg.gif) no-repeat center top; background-size:10px 3px;}


/* 로그인 페이지 */
#contents .login_form{display:table; width:90%; max-width:340px;}
#contents .login_form ul li input.txtbox{height:auto;  line-height:normal;}
#contents .login_form p{text-align:right;}
#contents .login_form p a{font-size:14px; padding:5px 10px;}
#contents .login_form p a:hover{color:#999999;}
#contents .login_form button.btn_ok span{ max-width:300px;}

/* 비밀번호찾기 */
#findpw_wrap #findpw{position:absolute; left:50%; margin-left:-170px; top:100px;}
#findpw_wrap #findpw .findpw_cont{width:340px; height:auto; overflow:hidden;}
#findpw_wrap #findpw .findpw_cont h3{font-size:20px; padding:20px 0;}
#findpw_wrap #findpw .findpw_cont .txt1{font-size:13px;padding:20px 0;}
#findpw_wrap #findpw .findpw_cont form{width:95%;}
#findpw_wrap #findpw .findpw_cont form p.txt2{padding:3px 0; font-size:11px;}
#findpw_wrap #findpw .findpw_cont button span{font-size:14px; padding:5px 30px; margin:20px 0;}

/* 이용약관 */
#clause1_wrap #clause1{position:absolute; left:50%; margin-left:-170px; top:20px;}
#clause1_wrap #clause1 .clause1_cont{width:340px; height:550px;}
#clause1_wrap #clause1 .clause1_cont h3{font-size:20px; padding:20px 0;}
#clause1_wrap #clause1 .clause1_cont textarea{height:500px; border: none; resize:none;}

/* 개인정보취급방침 */
#clause2_wrap #clause2{position:absolute; left:50%; margin-left:-170px; top:20px;}
#clause2_wrap #clause2 .clause2_cont{width:340px; height:550px;}
#clause2_wrap #clause2 .clause2_cont h3{font-size:20px; padding:20px 0;}
#clause2_wrap #clause2 .clause2_cont textarea{height:500px; border: none; resize:none;}

/* 이메일주소 무단수집거부 */
#clause3_wrap #clause3{position:absolute; left:50%; margin-left:-170px; top:20px;}
#clause3_wrap #clause3 .clause3_cont{width:340px; height:550px;}
#clause3_wrap #clause3 .clause3_cont h3{font-size:20px; padding:20px 0;}
#clause3_wrap #clause3 .clause3_cont textarea{height:500px; border: none; resize:none;}

/* 회원가입화면 이용약관 및 개인정보 취급방침*/
#clause4_wrap #clause4{position:absolute; left:50%; margin-left:-170px; top:20px;}
#clause4_wrap #clause4 .clause4_cont{width:340px; height:550px;}
#clause4_wrap #clause4 .clause4_cont h3{font-size:20px; padding:20px 0;}
#clause4_wrap #clause4 .clause4_cont textarea{height:500px; border: none; resize:none;}

/* 가입완료 페이지 */
#contents .cont_joinok{display:table; width:90%; max-width:360px;}
#contents .cont_joinok .txt1{font-size:22px; padding:50px 0 30px;  background-size:45px 2px;}
#contents .cont_joinok .txt2{font-size:14px; padding:25px 0 10px;}
#contents .cont_joinok .txt3{width:90%; max-width:340px; font-size:13px; border-radius:4px; padding:7px 0; margin-bottom:60px;}


/* 메일수정 페이지 */
#contents .cont_msgre{max-width:600px; width:90%;}
#contents .mailre{max-width:600px; width:90%;}
#contents .mailre ul li{padding:10px 0;}
#contents .mailre ul li p{font-size:13px; padding-bottom:8px;}
#contents .mailre ul li span.txt1{width:55px;font-size:13px; line-height:30px;}
#contents .mailre ul li .mailtbox1{width:100%; max-width:600px;}
#contents .mailre ul li .mailtbox2{width:100%; max-width:600px;}
#contents .mailre ul li .mailtbox3{width:100%; max-width:600px;}
#contents .mailre ul li .filebox{width:235px; height:34px;}
#contents .mailre ul li .filebox .file_input_textbox{width:230px; height:25px; line-height:25px;}
#contents .mailre ul li .filebox .file_input_hidden{width:230px; height:30px; opacity:0; cursor:pointer;}
#contents .mailre ul li .filebox .file_input_btn{width:75px; height:30px; line-height:30px;}
#contents .mailre ul li .btn_etc1{padding:10px 0 0 55px;}
#contents .mailre .mailbtnArea{padding:30px 0 50px;}


/* 메일함 페이지 */
#contents .cont_msgbox{display:table; width:90%; max-width:600px;}
#contents .msgbox_tab{width:100%; height:50px; margin-bottom:15px;text-align:center;}
#contents .msgbox_tab ul li{font-size:14px; line-height:50px; margin:0 10px;}
#contents .msgbox_tab ul li a{display:block; padding:0 10px; color:#2c2c2c; background-size:7px; padding-right:13px;}
#contents .cont_msgbox .msgbox{display:table; max-width:600px; width:90%; margin:0 auto 50px;}
#contents .cont_msgbox .msgbox p{font-size:12px;}
#contents .cont_msgbox .msgbox ul{width:100%; max-width:600px;}
#contents .cont_msgbox .msgbox ul li{ background-size:20px 23px;}
#contents .cont_msgbox .msgbox ul li a{display:block; padding:10px; }
#contents .cont_msgbox .msgbox ul li a .msgcont{width:280px; padding-left:10px; overflow:hidden;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont1{text-align:left; font-size:12px; padding:10px 0 0 45px;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont2{font-size:13px; padding:15px 0 3px;}
#contents .cont_msgbox .msgbox ul li a .msgcont .msgcont3{font-size:11px;}
#contents .cont_msgbox .msgbox ul li a .msg_1{background-size:50px; background-position:top left;}
#contents .cont_msgbox .msgbox ul li a .msg_2{background-size:50px; background-position:top left;}

/* 소개 */
#contents .cont_about{display:table; width:340px; max-width:100%;}
#contents .cont_about .about_wrap .about1{padding:30px 0 20px;}
#contents .cont_about .about_wrap .about1 .txt1{font-size:18px; }
#contents .cont_about .about_wrap .about1 .txt2{font-size:24px; padding:15px 0;}
#contents .cont_about .about_wrap .about1 .txt3{font-size:16px; padding-bottom:15px;}
#contents .cont_about .about_wrap .about1 img{width:120px;}
#contents .cont_about .about_wrap .about2{width:100%; max-width:100%; background-color:#eaf1f7; padding:20px 25px;}
#contents .cont_about .about_wrap .about2 .about_02{width:100%; margin:0 auto; padding:0;}
#contents .cont_about .about_wrap .about2 .about_02 .txt4{width:100%; display:block; text-align:left; font-size:20px; line-height:1.2em;}
#contents .cont_about .about_wrap .about2 .about_02 .txt5{width:100%; display:block; text-align:left;}
#contents .cont_about .about_wrap .about2 .about_02 .txt5 ol li{font-size:16px; padding:3px 0;}
#contents .cont_about .about_wrap .about3 .about_03{width:100%; padding:20px 0; padding-left:20px; font-size:16px;}
#contents .cont_about .about_wrap .about4{padding:25px 10px 50px;}
#contents .cont_about .about_wrap .about4 .txt6{font-size:17px;}
#contents .cont_about .about_wrap .about4 .txt7{font-size:20px; padding:30px 0;}


/* 회원가입 페이지 */
#contents .cont_join{display:table; width:90%; max-width:600px; clear:both;}
#contents .join{display:table; width:100%;}
#contents .join form .joinform1{display:block; width:100%; margin:0 auto; padding:0 10px;}
#contents .join form .joinform1 li{padding:3px 0; clear:both; line-height:30px;}
#contents .join form .joinform1 span.txt1{line-height:36px; font-size:13px; width:90px;}
#contents .join form .joinform1 input.jointbox1{width:60%;}
#contents .join form .joinform1 input.jointbox2{width:75%;}
#contents .join form .joinform1 button.btn_etc2 span{height:auto; padding:5px 10px 8px; line-height:26px; font-size:13px;}
#contents .join form .joinform1 label{padding:0 20px 0 10px; font-size:13px;}
#contents .join form .joinform1 p{text-align:left; color:#dd0303; font-size:13px;}
#contents .join form .joinform1 ul li{text-align:left;}
#contents .join form .joinform2{display:block; clear:both; padding:10px; margin-top:20px; width:100%; background-color:#eeeeee; text-align:center;}
#contents .join form .joinform2 p{text-align:left; margin:5px 0;}
#contents .join form .joinform2 p.agree_view{display:none;}
#contents .join form .joinform2 p.agree_btn{display:block; text-align:center; width:95%; background:#fff; border:1px solid #c3c3c3; border-radius:2px; margin-top:10px;}
#contents .join form .joinform2 p.agree_btn a{display:block; padding:5px 0; color:#666;}
#contents .join form .joinform3{clear:both; padding:30px 0 50px;}
#contents .join form .joinform3 span{width:100px;}

/* 회원정보수정 페이지 */
#contents .cont_modify{display:table; width:90%; max-width:600px; clear:both;}
#contents .modify{display:table; width:90%; margin:0 auto; }
#contents .modify form .modifyform1{display:block; clear:both; width:100%;}
#contents .modify form .modifyform2{display:block; clear:both; width:100%;}
#contents .modify form ul li{padding:3px 0; clear:both; line-height:36px; text-align:left;}
#contents .modify form ul li span.txt1{line-height:36px;  padding-left:10px; font-size:12px; width:30%; max-width:95px;}
#contents .modify form input.txtbox2{width:70%; max-width:600px;}
#contents .modify form .modifyform3 span{width:100px;}

/* 게시판 리스트 */
#contents .contents_wrap{width:100%; max-width:600px;}
#contents .cont_boardlist{display:table; width:100%; max-width:600px; margin:0 auto;}
#contents .board_btn{text-align:center; padding-bottom:5px;}
#contents .board_btn button{padding-left:0;}
#contents .board_btn span{padding:10px 120px; font-size:15;}
#contents .board_btn span.category{display:block; padding:20px 0;}
#contents .board_btn span.category a{padding:13px 7px; font-size:12px; margin:0 1px; }
#contents .boardlist{display:table; width:100%; max-width:600px; margin:0 auto; border-top:2px solid #37a0db; text-align:left;}
#contents .boardlist span{display:inline-block; text-align:left;}
#contents .boardlist .boardlist_1{display:none;}
#contents .boardlist .boardlist_2{width:100%;}
#contents .boardlist .boardlist_3{width:auto;}
#contents .boardlist .boardlist_4{width:auto;}
#contents .boardlist .boardlist_5{width:50px;}
#contents .boardlist .boardlist_6{width:60px;}
#contents .boardlist .boardlist_title{display:none;}
#contents .boardlist .boardlist_list{width:100%; font-size:0;}
#contents .boardlist .boardlist_list li a{display:block; border-bottom:1px solid #e4e8ee; padding:13px 0; }
#contents .boardlist .boardlist_list li a:hover{background-color:#eaf1f7;}
#contents .boardlist .boardlist_list li a .boardlist_2{padding:5px 10px; font-size:16px;}
#contents .boardlist .boardlist_list li a .boardlist_3{font-size:13px; padding-left:10px; color:#50a4d9; font-weight:600; margin-right:10px;}
#contents .boardlist .boardlist_list li a .boardlist_4{font-size:12px; margin-right:10px;}
#contents .boardlist .boardlist_list li a .boardlist_4::before {content:"조회수 ";}
#contents .boardlist .boardlist_list li a .boardlist_5{font-size:12px; color:#999999; margin-right:5px;}
#contents .boardlist .boardlist_list li a .boardlist_5::before {content:"공감 ";}
#contents .boardlist .boardlist_list li a .boardlist_6{font-size:12px; color:#999999; }
#contents .boardlist .boardlist_list li a .boardlist_6::before {content:"비공감 ";}

#contents .boardlist .board_no{padding:30px 0 50px; text-align:center;}
#contents .boardlist .board_no a{width:30px; height:30px; line-height:30px;}


/* 게시판 뷰페이지 */
#contents .contents_wrap{width:100%; max-width:600px;}
#contents .cont_boardview .category{padding-bottom:15px;}
#contents .cont_boardview .category .on{ font-size:15px;}
#contents .boardview .view1{padding:15px 15px 5px; text-align:left; border-bottom:2px solid #e4e8ee;}
#contents .boardview .view1 .title{font-size:16px;}
#contents .boardview .view1 .txt1{font-size:12px; }
#contents .boardview .view1 .txt2{font-size:11px;}
#contents .boardview .view1 .txt3{font-size:11px;}
#contents .boardview .view1 .txt3 span{margin-right:3px;}
#contents .boardview .view2{font-size:13px; padding:15px;} 
#contents .boardview .view3{padding:12px 15px; font-size:12px;}
#contents .boardview .view3 .like{padding-right:15px;}
#contents .boardview .view3 .like .txt4{height:21px; padding:20px 10px;}
#contents .boardview .view3 .like a{padding:8px 17px; background-size:auto 20px;}
#contents .boardview .view4{padding:15px;}
#contents .boardview .view4 ul li{font-size:12px; line-height:1.3em; padding:5px 0;}
#contents .boardview .view4 ul li .name{font-weight:600; color:#2c2c2c; padding-right:20px;}
#contents .boardview .view4 ul li a{margin-left:7px; padding:5px 8px; background-size:12px 12px;}
#contents .boardview .view4 ul li .date{font-size:11px;} 
#contents .boardview .view4 form .txtbox2{width:210px;}
#contents .boardview_btn1{margin-top:10px;}
#contents .boardview_btn1 button span{padding:8px 25px;}
#contents .boardview_btn2{padding:60px 0;}


/* 게시판글쓰기 */
#contents .cont_boardwrite{width:90%; max-width:600px;}
#contents .boardwrite{width:90%;}


/* 슬라이드메뉴 */
#top .main-sidebar ul li{height:50px; padding:0;}
#top .main-sidebar ul li a{display:block; width:300px; height:50px; line-height:50px; background-color:#daebf6; color:#0267e5; font-weight:600; text-align:left; padding:0 15px;}

/* 서비스소개 */
#contents .cont_service{width:100%;}
.service_cont .titleL{font-size:26px; border-radius:0;}
.service_cont .titleS{font-size:22px;}
.service_cont .cont1{font-size:16px;}
.service_cont .cont2 li{font-size:16px;;}
.service_cont2{padding:1.3em 1.8em; font-size:18px;}
.service_cont3 .title{font-size:26px;}
.service_cont3 ol li{font-size:16px; margin-left:1.7em;}
.service_cont4{font-size:20px; padding:0 1.3em;}