@charset "utf-8";

/* basic */
body { margin:0; padding:0; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none; font-size:12px; }
div, p, span { margin: 0px; padding: 0px; word-break:keep-all; word-wrap:break-word; }
ul,li { list-style:none; padding:0; margin:0; }
h1,h2,h3,h4,h5 { margin:0; padding:0; }
table, th, td { margin: 0px; padding:0px; border: 0px; border-collapse:collapse; font-family:Dotum; font-size:12px; }
input { border:1px solid #bbb; height:12px; padding:2px 5px; vertical-align:middle; font-size:12px; }
textarea { border:1px solid #bbb; }
select { border:1px solid #bbb; height:20px; vertical-align:middle; font-size:12px; padding-left:5px; behavior:url("###"); }
img { font-size:0; line-height:0; border:none; vertical-align:middle; }
a { text-decoration:none;color:#6c6c6c; }
caption { display:none; }

/* nanum gothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* layout */
#sports { width:100%; }

.main { background-color:#f5f5f5; }
.mg1 { margin-top:30px !important; }
.mg2 { margin-top:20px !important; }
.mg3 { margin-left:20px !important; }
.mg4 { margin-top:10px !important; }
.mgtop0 { margin-top:0 !important; }

/* header */
#header { overflow:hidden; width:100%; padding-bottom:2px; border-top:5px solid #006db8; background:url('../images/common/head_bg.jpg') repeat-x left bottom; }
#header h1 { float:left; margin:15px 0 15px 20px; font-size:0; line-height:0; }
#header div.login { float:right; margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600; }
#header div.login a { display:block; color:#fff; line-height:42px; padding:0 15px; background-color:#0066CC; }
#header div.logout { float:right; margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600; }
#header div.logout a { display:block; color:#fff; line-height:42px; padding:0 15px; background-color:#de1829; }
#header div.list { float:right; margin:20px 20px 20px 0; font-size:0; line-height:0; }

/* mobileMenu */
#mobileMenu { display:none; overflow-y:auto; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#fff; }
#mobileMenu div.top { position:relative; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#006db8; line-height:50px; padding-left:20px; }
#mobileMenu div.top div.close { position:absolute; width:auto; height:auto; top:13px; right:19px; font-size:0; line-height:0; margin:0; padding:0; background:none; }
#mobileMenu .gnb { border-top:1px solid #d0d0d0; }
#mobileMenu .gnb li { font-family:"NanumGothic", "Nanum Gothic"; border-bottom:1px solid #d0d0d0; font-weight:600; }
#mobileMenu .gnb li.sub { background:url('../images/common/sidemenu_open.png') no-repeat right 20px top 16px; }
#mobileMenu .gnb li a { display:block; padding-left:20px; font-size:15px; color:#252525; line-height:40px; }
#mobileMenu .gnb li .sub_gnb { display:none; }
#mobileMenu .gnb li a:hover { color:#006db8; }
#mobileMenu .gnb li.on .sub_gnb { display:block; background:#f2f2f2; border-top:1px solid #d0d0d0; }
#mobileMenu .gnb li.on .sub_gnb a { font-size:13px; color:#4e4e4e; line-height:36px; }
#mobileMenu .gnb li.on .sub_gnb a:hover { color:#000; }
#mobileMenu .gnb li.on .sub_gnb li { font-weight:normal; background:none; }

/* contents */
#contents { width:100%; padding-bottom:30px; }
#contents div.visual { position:relative; font-size:0; line-height:0; text-align:center; padding-bottom:2px; background:url('../images/contents/visual_line.jpg') repeat-x left bottom; }
#contents div.visual img { width:100%; }
#contents div.visual ul.onoff { position:absolute; left:50%; bottom:15px; margin-left:-37.5px; overflow:hidden; }
#contents div.visual ul.onoff li { float:left; overflow:hidden; height:15px; margin:0 5px; font-size:0; line-height:0; }
#contents div.visual ul.onoff li a { display:block; }
#contents div.visual ul.onoff li img { width:15px; }
#contents div.visual ul.onoff li a.on, #contents div.visual ul.onoff li a:hover { margin-top:-15px; }
#contents ul.menu { overflow:hidden; padding:0 20px; }
#contents ul.menu li { float:left; width:23.5%; margin:20px 0 0 2%; padding:15px 0 10px 0; font-size:0; line-height:0; text-align:center; border-radius:10px; background-color:#fff; }
#contents ul.menu li.first { margin:20px 0 0 0; }
#contents ul.menu li a { display:block; }
#contents ul.menu li a p { margin-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#555; line-height:25px; letter-spacing:-0.5px; }
#contents div.sms { margin-top:30px; font-size:0; line-height:0; text-align:center; }
#contents div.sms a { display:inline-block; width:50%; text-align:center; }
#contents div.sms a img { width:100%; max-width:360px; }
#contents div.h2wrap { overflow:hidden; margin-top:25px; padding:10px 20px; background:url('../images/common/bg1.jpg') repeat left top; }
#contents div.h2wrap h2 { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:30px; font-weight:600; color:#fff; line-height:39px; }
#contents div.h2wrap div.btn { float:right; font-family:"NanumGothic","Nanum Gothic"; font-size:0; line-height:0; }
#contents div.h2wrap div.btn a { display:inline-block; margin-left:10px; padding:0 25px; font-size:18px; font-weight:600; color:#555; line-height:39px; background-color:#fff; }
#contents div.h2wrap div.btn a.on, #contents div.h2wrap div.btn a:hover { color:#de1829; background-color:#ffff00; box-shadow:3px 3px 0 rgba(0,0,0,0.1); }
#contents div.h2wrap div.txt { float:right; font-family:"NanumGothic","Nanum Gothic";font-size:20px; font-weight:600; color:#fff; line-height:39px; }
#contents div.h2wrap div.txt a { display:inline-block; margin:0 8px; font-size:18px; color:#888; line-height:35px; }
#contents div.h2wrap div.txt a.on, #contents div.page a:hover { font-weight:600; color:#ff5f01; }
#contents div.h2wrap div.txt a.btn { margin:0; font-weight:600; color:#fff; padding:0 30px; background:url('../images/common/button_bg.jpg') no-repeat left top; }
#contents div.h2wrap div.txt a.btnOn { margin:0; font-weight:600; color:#fff; padding:0 30px; color:#de1829; background-color:#ffff00; box-shadow:3px 3px 0 rgba(0,0,0,0.1); }

#contents ul.board { width:100%; }
#contents ul.board li { overflow:hidden; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; padding:0 20px; background:url('../images/common/dotted_line.jpg') repeat-x left bottom; }
#contents ul.board li.talk { color:#222; line-height:27px; padding:10px 20px; }
#contents ul.board li a { float:left; color:#444; line-height:51px; }
#contents ul.board li a.talk_list { width:90%; }
#contents ul.board li a.talk_list2 { width:90%; height:30px; overflow:hidden; }
#contents ul.board li a span.color1 { color:#0aba2f; }
#contents ul.board li a span.color2 { color:#006db8; }
#contents ul.board li a span.color3 { color:#e31414; }
#contents ul.board li a span.color4 { color:#ff5f01; }
#contents ul.board li em { float:right; font-style:normal; color:#666; line-height:51px; }
#contents div.page { position:relative; margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:0; line-height:0; text-align:center; }
#contents div.page a { display:inline-block; margin:0 8px; font-size:18px; color:#888; line-height:35px; }
#contents div.page a.on, #contents div.page a:hover { font-weight:600; color:#ff5f01; }
#contents div.page a.btn { position:absolute; top:0; right:20px; margin:0; font-weight:600; color:#fff; padding:0 30px; background:url('../images/common/button_bg.jpg') no-repeat left top; }
#contents ul.association { overflow:hidden; margin-top:20px; padding:20px 20px 15px 20px; background:url('../images/common/bg2.jpg') repeat left top; }
#contents ul.association li { float:left; width:32%; margin-left:2%; font-size:0; line-height:0; text-align:center; }
#contents ul.association li.first { margin-left:0; }
#contents ul.association li div { height:300px; overflow:hidden; }
#contents ul.association li img { width:100%; }
#contents ul.association li p.name { overflow:hidden; height:25px; margin-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#333; line-height:25px; }
#contents ul.expert { overflow:hidden; margin-top:20px; padding:0 20px; }
#contents ul.expert li { position:relative; float:left; width:49%; height:150px; margin-left:2%; padding-left:150px; border:1px solid #c5c5c5; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px; }
#contents ul.expert li.first { margin:0; margin-bottom:10px; }
#contents ul.expert li div.photo { position:absolute; top:0; left:0; }
#contents ul.expert li div.photo img { width:128px; height:148px; }
#contents ul.expert li p.name { margin-top:15px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#444; line-height:29px; }
#contents ul.expert li p.name span { font-size:22px; color:#006db8; vertical-align:top; }
#contents ul.expert li p.tel { margin-top:8px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#ff5f01; line-height:25px; }
#contents div.image { margin:20px 20px 0 20px; font-size:0; line-height:0; }
#contents div.image img { width:100%; }
#contents div.image video { width:100%; }
#contents div.bg1 { margin:20px 20px 0 20px; padding:40px 0; background:url('../images/common/bg3.jpg') repeat left top; }
#contents div.bg2 { margin:20px 20px 0 20px; padding:40px 0; background:url('../images/common/bg3.jpg') repeat left top; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; }
#contents p.txt1 { font-family:"NanumGothic","Nanum Gothic"; font-size:24px; color:#444; line-height:35px; text-align:center; }
#contents p.txt1 span { font-weight:600; color:#ff5f01; }
#contents p.txt1 strong { font-weight:600; color:#006db8; }
#contents p.txt1 strong.black { color:#444; }
#contents p.txt1 input { margin:0; padding:0; border:none; vertical-align:middle; }
#contents p.txt2 { margin:20px 30px 0 30px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#444; line-height:31px; }
#contents div.button { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents div.button a { display:inline-block; width:160px; margin:0 5px; font-size:18px; font-weight:600; color:#006db8; line-height:41px; border:2px solid #006db8; background-color:#fff; }
#contents div.button button { display:inline-block; width:160px; margin:0 5px; font-size:18px; font-weight:600; color:#006db8; line-height:41px; border:2px solid #006db8; background-color:#fff; }

#contents div.button-mobile { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents div.button-mobile a { display:inline-block; width:80px; margin:0 5px; font-size:14px; font-weight:600; color:#006db8; line-height:31px; border:2px solid #006db8; background-color:#fff; }
#contents div.button-mobile button { display:inline-block; width:80px; margin:0 5px; font-size:14px; font-weight:600; color:#006db8; line-height:31px; border:2px solid #006db8; background-color:#fff; }

#contents ul.input { overflow:hidden; margin:0 20px; }
#contents ul.input li { margin-top:20px; font-size:0; line-height:0; }
#contents ul.input li.first { margin-top:0; }
#contents ul.input li.tit { font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:57px; text-align:center; border-radius:10px; background-color:#f47509; }
#contents ul.input li input { width:100%; height:57px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#555; border-radius:10px; background-color:#fff; border:2px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.input li input.calendar { background:url('../images/sub/calendar_icon.jpg') no-repeat right 20px top 12px #fff; }
#contents ul.input li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:57px; text-align:center; border-radius:10px; background-color:#f47509; }
#contents ul.input li a.sms { background-color:#0066CC; }
#contents ul.input li button { border:none; width:100%; display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:57px; text-align:center; border-radius:10px; background-color:#f47509; }
#contents div.button2 { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents div.button2 a { display:inline-block; width:120px; font-size:18px; font-weight:600; color:#fff; line-height:35px; background:url('../images/common/button_bg.jpg') no-repeat center top; }
#contents div.button2 a.long { width:180px; }
#contents div.button2 a.bgon { background:none; background-color:#0066CC; }
#contents div.button2 button { vertical-align:top; border:none; display:inline-block; width:120px; font-size:18px; font-weight:600; color:#fff; line-height:33px; background:url('../images/common/button_bg.jpg') no-repeat center top; }
#contents div.button2 button.long { width:180px; }
#contents div.button2 button.bgon { background:none; background-color:#0066CC; }
#contents div.button3 { margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents div.button3 a { display:inline-block; margin-right:5px; width:100px; font-size:18px; font-weight:600; color:#fff; line-height:35px; background:url('../images/common/button_bg.jpg') no-repeat center top; }
#contents div.button3 a.long { width:180px; }
#contents div.button3 a.bgon { background:none; background-color:#0066CC; }
#contents div.button3 button { vertical-align:top; border:none; display:inline-block; width:120px; font-size:18px; font-weight:600; color:#fff; line-height:33px; background:url('../images/common/button_bg.jpg') no-repeat center top; }
#contents div.button3 button.long { width:180px; }
#contents div.button3 button.bgon { background:none; background-color:#0066CC; }

#contents ul.expert2 { padding:0 20px; }
#contents ul.expert2 li { position:relative; height:152px; margin-top:20px; padding-left:220px; border:1px solid #c5c5c5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.expert2 li div.photo { position:absolute; top:0; left:0; border-right:1px solid #c5c5c5; }
#contents ul.expert2 li div.photo img { width:220px; height:150px; }
#contents ul.expert2 li p.name { margin:12px 0 0 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#444; line-height:33px; }
#contents ul.expert2 li p.name span { color:#006db8; vertical-align:top; }
#contents ul.expert2 li p.pr { margin:0 0 0 20px; height:30px; overflow:hidden; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#444; line-height:29px; }
#contents ul.expert2 li p.tel { margin:8px 0 12px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600; color:#ff5f01; line-height:27px; }
#contents ul.expert2 li p.tel span { font-size:24px; vertical-align:top; }
#contents ul.expert2 li div.sms { position:absolute; right:20px; bottom:18px; margin:0; }

#contents ul.expert2 li div.sms button { 
	 display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; 
	 color:#fff; line-height:46px; border-radius:10px; background-color:#f47509;
}

#contents ul.alphabet { overflow:hidden; padding:0 20px 20px 20px; background-color:#f5f5f5; }
#contents ul.alphabet li { float:left; width:12.57%; margin:20px 0 0 2%; text-align:center; }
#contents ul.alphabet li.first { width:12.58%; margin:20px 0 0 0; }
#contents ul.alphabet li.round { width:10.75% !important; }
#contents ul.alphabet li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#fff; line-height:66px; border-radius:10px; background-color:#777; }
#contents ul.alphabet li a.on, #contents ul.alphabet li a:hover { background-color:#f47509; }

#contents div.expert-name { overflow:hidden; padding:0 20px 0 20px; }
#contents div.expert-name a { display:inline-block; text-decoration:underline; margin:0 15px 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#004080; line-height:66px; text-align:center; }
#contents div.expert-name a.on, #contents div.expert-name a:hover { color:#f47509; }

#contents h3 { margin:20px 20px 0 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:30px; font-weight:600; color:#006db8; line-height:63px; text-align:center; border:2px solid #006db8; }
#contents ul.sum { overflow:hidden; margin:0 20px; }
#contents ul.sum li { float:left; width:23.5%; margin-left:2%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; }
#contents ul.sum li.first { margin-left:0; }
#contents ul.sum li a { display:block; font-size:18px; font-weight:600; color:#fff; line-height:27px; padding:8px 0; border-radius:5px; background-color:#f47509; }
#contents div.list { width:100%; margin-top:30px; font-family:"NanumGothic","Nanum Gothic"; border-top:1px solid #c2c2c2; }
#contents div.list div.tit { width:100%; padding-bottom:1px; background:url('../images/common/dotted_line.jpg') repeat-x left bottom; }
#contents div.list div.tit a { display:block; padding:10px 20px; font-size:18px; font-weight:600; color:#444; line-height:27px; background:url('../images/sub/list_bullet.png') no-repeat right 40px top 32px #f5f5f5; }
#contents div.list div.tit a span { color:#ff5f01; }
#contents div.list div.tit a em { font-size:16px; font-style:normal; font-weight:normal; color:#666; }
#contents div.list div.tit2 { position:relative; padding:10px 20px; font-size:18px; font-weight:600; color:#444; line-height:27px; background:url('../images/common/dotted_line.jpg') repeat-x left bottom #f5f5f5; }
#contents div.list div.tit2 em { font-size:16px; font-style:normal; font-weight:normal; color:#666; }
#contents div.list div.tit2 div.date { position:absolute; top:10px; right:20px; font-size:16px; font-style:normal; font-weight:normal; color:#666; text-align:right; }
#contents div.list p.txt { padding:20px; font-size:16px; color:#666; line-height:25px; }
#contents div.select { margin:20px; }
#contents div.select select { width:100%; height:57px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; color:#444; border-radius:10px; border:2px solid #ddd; }
#contents h4 { width:100%; margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:29px; padding:15px 0; text-align:center; background-color:#555; }
#contents h4.bg { background-color:#f47509; }
#contents h4.buy { background-color:#f47509;  margin-top:0; }
#contents ul.pdf { overflow:hidden; padding:20px; background:url('../images/sub/pdf_bg.jpg') repeat center top; }
#contents ul.pdf li { float:left; width:30.5%; margin-left:2%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; border-radius:10px; background:url('../images/sub/pdf_bg2.jpg') no-repeat center bottom #fff; }
#contents ul.pdf li.view { background:url('../images/sub/pdf_bg3.jpg') no-repeat center bottom #fff; }
#contents ul.pdf li.first { margin-left:0; }
#contents ul.pdf li a { display:block; }
#contents ul.pdf li div.day { font-size:18px; font-weight:600; color:#000; line-height:47px; border-bottom:1px solid #bbb; }
#contents ul.pdf li div.price { padding:22px 0; font-size:24px; font-weight:600; color:#d71419; line-height:41px; }
#contents ul.pdf li div.buy { font-size:18px; font-weight:600; color:#fff; line-height:61px; }
#contents ul.pdf li div.view { font-size:18px; font-weight:600; color:#fff; line-height:61px; }
#contents ul.ucc { width:100%; }
#contents ul.ucc li { padding:20px; }
#contents ul.ucc li div.wrap { position:relative; height:152px; padding-left:220px; text-align:center; border:1px solid #c5c5c5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.ucc li.bg { background-color:#eee; }
#contents ul.ucc li.bg div.wrap { border:1px solid #fff; }
#contents ul.ucc li div.wrap div.photo { position:absolute; top:0; left:0; }
#contents ul.ucc li div.wrap div.photo img { width:220px; height:150px; }
#contents ul.ucc li div.wrap p.tit { margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:28px; font-weight:600; color:#222; line-height:37px; letter-spacing:-0.5px; }
#contents ul.ucc li div.wrap p.btn { margin-top:17px; font-size:0; line-height:0; }
#contents ul.ucc li div.wrap p.btn a { display:inline-block; margin:0 5px; width:70px; font-family:"NanumGothic","Nanum Gothic"; font-size:22px; font-weight:600; color:#fff; line-height:50px; border-radius:5px; background-color:#666; }
#contents ul.ucc li div.wrap p.btn a.week { background-color:#009999; }
#contents ul.ucc li div.wrap p.btn a.fri { background-color:#0aba2f; }
#contents ul.ucc li div.wrap p.btn a.sat { background-color:#006db8; }
#contents ul.ucc li div.wrap p.btn a.sun { background-color:#e31414; }
#contents ul.write { width:100%; border-top:1px solid #c2c2c2; }
#contents ul.write li { padding:20px 20px 0 20px; font-size:0; line-height:0; }
#contents ul.write li input { width:100%; height:57px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#555; border-radius:10px; background-color:#fff; border:2px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.write li textarea { width:100%; height:200px; padding:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; border-radius:10px; border:2px solid #ddd; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.room { overflow:hidden; margin:20px 20px 0 20px; }
#contents ul.room li { float:left; width:23.5%; margin-left:2%; }
#contents ul.room li.first { margin-left:0; }
#contents ul.room li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; color:#555; line-height:53px; text-align:center; border-radius:10px; background-color:#eee; }
#contents ul.room li a.on, #contents ul.room li a:hover { font-weight:600; color:#fff; background-color:#f47509; }
#contents div.enter { padding:20px; font-size:0; line-height:0; background:url('../images/common/dotted_line.jpg') repeat-x left bottom; }
#contents div.enter input { width:80%; margin-right:2%; height:57px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#555; border-radius:10px; border:2px solid #ddd; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.enter a { display:inline-block; width:18%; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:57px; text-align:center; border-radius:10px; background-color:#666; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.enter button { border:none; display:inline-block; width:18%; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:53px; text-align:center; border-radius:10px; background-color:#666; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.area { overflow:hidden; }
#contents ul.area li { float:left; width:33.3%; }
#contents ul.area li.first { width:33.4%; }
#contents ul.area li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#666; line-height:66px; text-align:center; background:url('../images/sub/area_bg.jpg') repeat-x left top; }
#contents ul.area li a.on, #contents ul.area li a:hover { color:#006db8; background:url('../images/sub/area_bg.jpg') repeat-x left -66px; }
#contents ul.tap { overflow:hidden; margin:20px; }
#contents ul.tap li { float:left; width:32%; margin-left:2%; }
#contents ul.tap li.first { margin-left:0; }
#contents ul.tap li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; color:#444; line-height:62px; text-align:center; border-radius:10px; border:2px solid #bbb; }
#contents ul.tap li a.on, #contents ul.tap li a:hover { font-weight:600; color:#de1829; border:2px solid #de1829; }
#contents p.txt3 { margin:20px 20px 0 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#666; line-height:35px; }
#contents p.txt3 strong { font-weight:600; color:#333; }
#contents p.txt3 strong.highlight { font-size:20px; color:#0080c0; }
#contents p.txt3 span.highlight { color:#0080c0; font-size:20px; }
#contents div.news { overflow-y:scroll; padding:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#666; line-height:27px; background-color:#f5f5f5; }
#contents div.loginwrap { overflow:hidden; margin:20px; }
#contents div.loginwrap ul.login { float:left; width:100%; }
#contents div.loginwrap ul.login li { overflow:hidden; width:100%; margin-bottom:20px; font-size:0; line-height:0; }
#contents div.loginwrap ul.login li input { float:left; width:100%; height:57px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; border-radius:10px; border:2px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.loginwrap ul.login li.btn { margin-bottom:0; font-size:0; line-height:0; text-align:center; }
#contents div.loginwrap ul.login li.btn a { display:inline-block; width:49%; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:57px; background-color:#666; border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.loginwrap ul.login li.btn a.on { width:49%; margin-right:2%; background-color:#666; }
#contents div.loginwrap div.btn { float:right; width:26%; font-size:0; line-height:0; }
#contents div.loginwrap div.btn a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#fff; line-height:211px; text-align:center; background-color:#f47509; border-radius:10px; }
#contents div.policy { overflow-y:scroll; height:280px; margin:20px; padding:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#666; line-height:27px; border:1px solid #ddd; }
#contents div.table { margin:20px 20px 0 20px; }

#contents ul.moment { width:100%; }
#contents ul.moment li { position:relative; overflow:hidden; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; padding:12px 20px; background:url('../images/common/dotted_line.jpg') repeat-x left bottom; }
#contents ul.moment li div.tit { color:#666; line-height:25px; }
#contents ul.moment li div.tit strong { font-weight:600; color:#333; }
#contents ul.moment li div.cont { margin-top:10px;color:#555; line-height:25px; }
#contents ul.moment li div.btn { position:absolute; top:15px; right:20px; }
#contents ul.moment li div.btn a { display:inline-block; padding:3px 10px; font-size:14px; font-weight:600; color:#006eb9; line-height:25px; border-radius:5px; background-color:#eee; }

/* footer */
#footer { width:100%; }
#footer div.banner { margin-bottom:30px; padding:0; font-size:0; line-height:0; }
#footer div.banner img { width:100%; }
#footer ul.foot { overflow:hidden; background-color:#006db8; }
#footer ul.foot li { float:left; width:25%;  font-size:0; line-height:0; text-align:center; background:url('../images/common/foot_line.jpg') repeat-y left top; }
#footer ul.foot li.first { background:none; }
#footer ul.foot li a { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:29px; padding:20px 0; }
#footer ul.foot li a img { margin-right:20px; vertical-align:top; }

table.horse { width:100%; margin-top:20px; border-top:2px solid #f47509; }
table.horse th { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#444; line-height:25px; padding:10px 0; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5; }
table.horse td { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#666; line-height:25px; padding:8px 0; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
table.horse th.first, table.horse td.first { border-left:none; }
table.horse th input, table.horse td input { margin:0; padding:0; border:none; }
table.horse td.graph { padding:0 20px; }
table.horse td.graph div.graph { height:15px; background:url('../images/sub/graph_bg.jpg') repeat-x left top; }

table.board-write { width:100%; border-top:2px solid #555; }
table.board-write th { width:180px; padding:10px 0 10px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:bold; color:#333; line-height:57px; text-align:left; vertical-align:top; background-color:#f5f5f5; border-bottom:1px solid #d5d5d5; }
table.board-write td { padding:10px 0 10px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; line-height:57px; border-bottom:1px solid #d5d5d5; }
table.board-write td strong { color:#333; }
table.board-write td span { font-weight:bold; color:#3c5fa4; }
table.board-write td span.orange { font-weight:normal; color:#f15525; }
table.board-write td input { height:57px; margin:0; padding-left:7px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td input.radio { margin:0; padding:0; vertical-align:middle; border:none; height:18px; }
table.board-write td select { height:57px; padding-left:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td .width1 { width:45%; }
table.board-write td .width2 { width:25%; }
table.board-write td .width3 { width:35%; }
table.board-write td .width4 { width:99%; }
table.board-write td a.click { display:inline-block; width:30%; font-size:20px; color:#fff; background-color:#666; text-align:center; vertical-align:top; }
table.board-write td a.click2 { display:inline-block; width:30%; font-size:20px; color:#fff; background-color:#f15525; }

table.board-write2 { width:100%; border-top:2px solid #555; }
table.board-write2 th { width:180px; padding:10px 0 10px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:bold; color:#333; line-height:57px; text-align:left; vertical-align:top; background-color:#f5f5f5; border-bottom:1px solid #d5d5d5; }
table.board-write2 td { padding:10px 0 10px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; line-height:57px; border-bottom:1px solid #d5d5d5; }
table.board-write2 td strong { color:#333; }
table.board-write2 td span { font-weight:bold; color:#3c5fa4; }
table.board-write2 td span.orange { font-weight:normal; color:#f15525; }
table.board-write2 td input { height:57px; margin:0; padding-left:7px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write2 td input.radio { margin:0; padding:0; vertical-align:middle; border:none; height:18px; }
table.board-write2 td select { height:57px; padding-left:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write2 td .width1 { width:45%; }
table.board-write2 td .width2 { width:25%; }
table.board-write2 td .width3 { width:35%; }
table.board-write2 td .width4 { width:99%; }
table.board-write2 td a.click { display:inline-block; width:30%; font-size:20px; color:#fff; background-color:#666; text-align:center; vertical-align:top; }
table.board-write2 td a.click2 { display:inline-block; width:30%; font-size:20px; color:#fff; background-color:#f15525; }

div.comment_title { color:#000; font-family:'Nanum Gothic', 'NanumGothic', 'Malgun Gothic', 'MalgunGothic'; font-size:15px;padding:15px 0 5px 25px;background:url('../images/bul_sub_bar.gif') no-repeat 10px 18px;}
div.comment { border-top:1px solid #c0c0c0; overflow:hidden; width:100%; margin-top:50px; padding:10px;}
div.comment div.cmtnamepwd { font-weight:bold; }
div.comment div.cmtnamepwd div.cmtname { height:67px; float:left;font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:bold; color:#333; line-height:57px; text-align:left; vertical-align:top; }
div.comment div.cmtnamepwd div.cmtpwd { margin-left:25px; height:67px; float:left;font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:bold; color:#333; line-height:57px; text-align:left; vertical-align:top;}
div.comment div.cmtnamepwd div input { height:57px; margin:0; padding-left:7px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; color:#666; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
div.comment div.cmtnamepwd div.cmtdelete span { font-weight:normal; color:#d32201; }
div.comment textarea { clear:both; float:left; width:579px; height:90px; padding:5px; font-family:"NanumGothic"; font-size:20px; }
div.comment a { float:left; width:120px; font-family:"NanumGothic"; font-size:16px; font-weight:bold; color:#fff; line-height:88px; text-align:center; background-color:#ff9000; }
div.comment button { float:left; width:120px; font-family:"NanumGothic"; font-size:16px; font-weight:bold; color:#fff; line-height:100px; text-align:center; background-color:#ff9000; border:none; padding-left:0; margin-left:10px; }

div.comment input.btn_submit {float:left;width:120px;height:102px;font-family:"NanumGothic";font-size:16px;font-weight:bold;color:#fff;line-height:82px;text-align:center;background-color:#ff9000;}
span.cmt_reg_date {display:inline-block;margin-left:20px;}
div.cmt_btn {float:right; margin-top:-18px;}
div.cmt_btn a {display:inline-block;margin:0 5px 0 0;color:#f47b27;padding:3px;line-height:15px;height:15px;font-size:11px;}
div.cmt_btn a.cmt_modify {color:#0080ff;}
div.cmt_btn a.cmt_delete {color:#d32201;}
div.comment button.btnDel {float:right;width:120px;font-family:"NanumGothic";font-size:16px;font-weight:bold;color:#fff;line-height:20px;text-align:center;background-color:#d32201; border:none; padding-left:0;}

p.nickname {margin:30px 0 0 30px; padding-top:10px;}
p.nickname2 {margin:10px 0 0 30px;}
p.nickname strong,
p.nickname2 strong {color:#000}

p.view-txt {font-family:'Nanum Gothic', 'NanumGothic';font-size:11px;color:#5a5a5a;line-height:18px;padding:30px;-webkit-text-size-adjust:100%;background:url('../images/blank.png') no-repeat;}
p.view-txt2 {font-family:'Nanum Gothic', 'NanumGothic';font-size:11px;color:#5a5a5a;line-height:18px;padding:10px 30px 20px;-webkit-text-size-adjust:100%;background:url('../images/blank.png') no-repeat;}

p.line {margin:20px 0 0 0 !important;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
p.line2 {margin:10px 0 0 0 !important;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}

div.expert-board-onoff { margin:10px auto; text-align:center;}
/*ul.onoff { overflow:hidden; }
ul.onoff li { float:left; overflow:hidden; height:15px; margin:0 5px; font-size:0; line-height:0; }
ul.onoff li a { display:block; }
ul.onoff li img { width:15px; }
ul.onoff li a.on, #contents div.visual ul.onoff li a:hover { margin-top:-15px; }*/

div.expert-board-onoff { overflow:hidden; z-index:55;}
div.expert-board-onoff a { background:url('../images/main/visual_onoff.jpg') 0 0 no-repeat transparent; width:15px; height:15px; margin:0 3px; display:inline-block; }
div.expert-board-onoff a.selected {background-position:0 -15px;cursor:default;}
div.expert-board-onoff a span {display:none;}

div.percent-btn { width:100%; padding:10px; }
div.percent-btn a { display:inline-block; padding:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#006db8; border-radius:10px; background-color:#fff; border:2px solid #006db8; }
div.percent-btn a.on, #contents div.percent-btn a:hover { background-color:#006db8; color:#fff; }

div.percent-btn a.listBtn { display:inline-block; padding:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; border-radius:10px; background-color:#f47509; color:#fff; border:2px solid #f47509; }
div.percent-btn a.listBtn, #contents div.percent-btn a.listBtn:hover { background-color:#f47509; color:#fff; }

#contents ul.free-pdf-list { width:100%; }
#contents ul.free-pdf-list li { overflow:hidden; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; 
	padding:0 10px; background:url('../images/common/dotted_line.jpg') repeat-x left bottom; }
#contents ul.free-pdf-list li span { font-size:24px; font-weight:600; color:#006db8; line-height:58px;
	padding:10px 10px; vertical-align:middle; }
#contents ul.free-pdf-list li select { height:28px; font-size:24px; vertical-align:middle; }
#contents ul.free-pdf-list li a { display:inline-block; padding:5px; font-family:"NanumGothic","Nanum Gothic";
	font-size:18px; font-weight:600; color:#fff; border-radius:5px;
	background-color:#777; vertical-align:middle; margin-left:10px;}

#contents div.l-button { margin-top:20px; font-family:"NanumGothic","Nanum Gothic"; text-align:left; }
#contents div.l-button a { display:inline-block; text-align:center; padding:0 15px; margin:0 5px; font-size:18px; font-weight:600; color:#fff; line-height:41px; background-color:#d32201; }

div.chat-div-list { width:99%; margin:0 auto; border:1px solid #c0c0c0; max-height:480px; overflow:auto; border-radius:10px; }
table.chat-list { width:100%; }
table.chat-list th { 
	width:30%;
	vertical-align:middle;
	font-family:"NanumGothic","Nanum Gothic";
	font-size:16px;
	font-weight:600;
	color:#444;
	padding:15px 0;
	text-align:left;
}
table.chat-list th span { color:#ff5f01; } 
table.chat-list td { 
	font-family:"NanumGothic","Nanum Gothic";
	font-size:15px; 
	color:#666; 
	padding:15px 0;
	text-align:left;
	vertical-align:middle;
	width:70%;
}

@media screen and (max-width:1600px) {
	#contents ul.board li a.talk_list { width:90%; }
	#contents ul.board li a.talk_list2 { width:90%; }
}
@media screen and (max-width:1424px) {
	#contents ul.association li div { height:250px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:1024px) {
	#contents ul.board li a.talk_list { width:90%; }
	#contents ul.board li a.talk_list2 { width:90%; }

	#contents ul.ucc li { padding:15px; }
	#contents ul.ucc li div.wrap div.photo { position:absolute; top:0; left:0; }
	#contents ul.ucc li div.wrap div.photo img { width:220px; height:150px; }
	#contents ul.ucc li div.wrap p.tit { margin-top:10px; font-size:24px; line-height:30px; }

	#contents ul.association li div { height:200px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:960px) {
	#contents ul.board li a.talk_list { width:85%; }
	#contents ul.board li a.talk_list2 { width:85%; }
}
@media screen and (max-width:860px) {
	#contents ul.association li div { height:160px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}


@media screen and (max-width:736px) {
	#contents div.expert-name { padding:0 10px 0 10px; }
	#contents div.expert-name a { margin:0 8px 0 0; font-size:18px; font-weight:600; line-height:33px; }
	div.percent-btn a { padding:5px; font-size:18px; border:1px solid #006db8; }
	div.percent-btn a.listBtn { padding:5px; font-size:18px; border:1px solid #f47509; }

	#contents ul.association li div { height:140px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}

@media screen and (max-width:720px) {
	#contents ul.expert li { float:none; width:100%; margin:20px 0 20px 0; }
	/*
	#contents ul.expert2 li { height:auto; padding-left:0; }
	#contents ul.expert2 li div.photo { position:static; border:none; }
	#contents ul.expert2 li div.photo img { width:100%; }
	*/

	/*
	#contents ul.ucc li div.wrap { height:auto; padding:0 0 25px 0; }
	#contents ul.ucc li div.wrap div.photo { position:static; }
	#contents ul.ucc li div.wrap div.photo img { width:100%; }div.comment_title { color:#000; font-family:'Nanum Gothic', 'NanumGothic', 'Malgun Gothic', 'MalgunGothic'; font-size:15px;padding:15px 0 5px 25px;background:url('../images/bul_sub_bar.gif') no-repeat 10px 18px;}
	*/
	
	div.comment textarea { width:75%; }
}

@media screen and (max-width:640px) {
	#contents ul.board li a.talk_list { width:80%; }
	#contents ul.board li a.talk_list2 { width:80%; }
	div.comment textarea { width:70%; }
	div.comment div.cmtnamepwd div input { width:180px;}

	#contents ul.ucc li { padding:10px; }
	#contents ul.ucc li div.wrap { height:132px; padding-left:180px; }
	#contents ul.ucc li div.wrap div.photo img { width:180px; height:132px; }
	#contents ul.ucc li div.wrap p.tit { margin-top:10px; font-size:18px; line-height:24px; }
	#contents ul.ucc li div.wrap p.btn { margin-top:10px; }
	#contents ul.ucc li div.wrap p.btn a { margin:0 5px; width:45px; font-size:15px; line-height:35px; }

	#contents ul.association li div { height:120px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:568px) {
	#contents ul.expert2 { padding:0 10px; }
	#contents ul.expert2 li { height:104px; margin-top:15px; padding-left:140px; }
	#contents ul.expert2 li div.photo img { width:140px; height:102px; }
	#contents ul.expert2 li p.name { margin:8px 0 0 10px; font-size:18px; line-height:23px; }
	#contents ul.expert2 li p.pr { margin:0 0 0 10px; height:22px; font-size:16px; line-height:23px; }
	#contents ul.expert2 li p.tel { margin:0 0 0 10px; font-size:16px; line-height:23px; }
	#contents ul.expert2 li p.tel span { font-size:18px; }
	#contents ul.expert2 li div.sms { right:5px; bottom:5px; margin:0; }

	#contents ul.expert2 li div.sms button { font-size:18px; line-height:30px; }

	#contents ul.association li div { height:100px; overflow:hidden; }
	#contents ul.association li img { width:100%; }

}
@media screen and (max-width:532px) {
	div.comment div.cmtnamepwd div input { width:150px;}

	#contents ul.ucc li { padding:5px; }
	#contents ul.ucc li div.wrap { height:110px; padding-left:150px; }
	#contents ul.ucc li div.wrap div.photo img { width:150px; height:110px; }
	#contents ul.ucc li div.wrap p.tit { margin-top:7px; font-size:15px; line-height:20px; }
	#contents ul.ucc li div.wrap p.btn { margin-top:7px; }
	#contents ul.ucc li div.wrap p.btn a { margin:0 5px; width:40px; font-size:13px; line-height:30px; }
}

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

	.mg1 { margin-top:20px !important; }
	.mg2 { margin-top:10px !important; }
	.mg3 { margin-left:6px !important; }
	.mg4 { margin-top:5px !important; }

	#header { border-top:3px solid #006db8; }
	#header h1 { margin:10px 0 10px 10px; }
	#header h1 img { height:40px; }
	#header div.login { margin-top:15px; font-size:13px; font-weight:600; }
	#header div.login a { line-height:30px; padding:0 10px; }
	#header div.logout { margin-top:15px; font-size:13px; font-weight:600; }
	#header div.logout a { line-height:30px; padding:0 10px; }
	#header div.list { margin:15px 10px 15px 0; }
	#header div.list img { height:30px; }

	#contents { padding-bottom:20px; }
	#contents div.visual ul.onoff { bottom:10px; }
	#contents ul.menu { padding:0 10px; }
	#contents ul.menu li { margin:10px 0 0 2%; padding:10px 0 5px 0; border-radius:5px; }
	#contents ul.menu li.first { margin:10px 0 0 0; }
	#contents ul.menu li img { height:40px; }
	#contents ul.menu li a p { margin-top:5px; font-size:13px; line-height:21px; letter-spacing:-1.5px; }
	#contents div.sms { margin-top:15px; }
	#contents div.h2wrap { margin-top:15px; padding:8px 10px; }
	#contents div.h2wrap h2 { font-size:20px; line-height:25px; }
	#contents div.h2wrap div.btn a { margin-left:5px; padding:0 5px; font-size:14px; line-height:25px; }
	#contents div.h2wrap div.txt { font-size:16px; line-height:29px; }
	#contents div.h2wrap div.txt a { margin:0 5px; font-size:16px; line-height:26px; }
	#contents div.h2wrap div.txt a.btn { right:10px; padding:0 20px; }

	#contents ul.board li { font-size:14px; padding:0 10px; }
	#contents ul.board li.talk { line-height:21px; padding:10px; }
	#contents ul.board li a { float:left; color:#444; line-height:40px; }
	#contents ul.board li em { line-height:40px; }
	#contents div.page { margin-top:10px; }
	#contents div.page a { margin:0 5px; font-size:16px; line-height:26px; }
	#contents div.page a.btn { right:10px; padding:0 20px; }
	#contents ul.association { margin-top:10px; padding:10px 10px 5px 10px; }
	#contents ul.association li p.name { height:22px; margin-top:5px; font-size:13px; line-height:22px; }
	#contents ul.expert { margin-top:10px; padding:0 10px; }
	#contents ul.expert li { height:112px; padding-left:110px; margin:10px 0 10px 0; }
	#contents ul.expert li div.photo img { width:100px; height:110px; }
	#contents ul.expert li p.name { margin-top:6px; font-size:15px; line-height:25px; }
	#contents ul.expert li p.name span { font-size:18px; }
	#contents ul.expert li p.tel { margin-top:4px; font-size:15px; line-height:20px; }
	#contents div.image { margin:10px 10px 0 10px; }
	#contents div.bg1 { margin:10px 10px 0 10px; padding:20px 0; }
	#contents div.bg2 { margin:10px 10px 0 10px; padding:20px 0;font-size:15px; }
	#contents p.txt1 { font-size:16px; line-height:25px; }
	#contents p.txt2 { margin:10px 10px 0 10px; font-size:14px; line-height:23px; }
	#contents div.button { margin-top:20px; }
	#contents div.button a { width:120px; font-size:16px; line-height:35px; border:1px solid #006db8; }
	#contents ul.input { margin:0 10px; }
	#contents ul.input li { margin-top:10px; }
	#contents ul.input li.tit { font-size:16px; line-height:39px; border-radius:5px; }
	#contents ul.input li input { height:39px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents ul.input li input.calendar { background:url('../images/sub/calendar_icons.jpg') no-repeat right 10px top 8px #fff; }
	#contents ul.input li a { display:block; font-size:16px; line-height:39px; border-radius:5px; }
	#contents ul.input li button { display:block; font-size:16px; line-height:39px; border-radius:5px; }
	#contents div.button2 { margin-top:20px; }
	#contents div.button2 a { width:100px; font-size:15px; line-height:34px; }
	#contents div.button2 a.long { width:150px; }
	#contents div.button2 button { width:100px; font-size:15px; line-height:32px; }
	#contents div.button2 button.long { width:150px; }
	#contents div.button3 { margin-top:20px; }
	#contents div.button3 a { width:70px; font-size:15px; line-height:34px; }
	#contents div.button3 a.long { width:150px; }
	#contents div.button3 button { width:100px; font-size:15px; line-height:32px; }
	#contents div.button3 button.long { width:150px; }

	#contents ul.expert2 { padding:0 10px; }
	#contents ul.expert2 li { margin-top:10px; }
	#contents ul.expert2 li p.name { margin:5px 0 0 5px; font-size:16px; line-height:25px; }
	#contents ul.expert2 li p.pr { margin:0 0 0 5px; font-size:15px; line-height:24px; }
	#contents ul.expert2 li p.tel { margin:0 0 5px 5px; font-size:13px; line-height:22px; }
	#contents ul.expert2 li p.tel span { font-size:14px; }
	#contents ul.expert2 li div.sms { right:5px; bottom:5px; }
	#contents ul.expert2 li div.sms img { height:38px; }

	#contents ul.expert2 li div.sms button { font-size:15px; line-height:25px; }

	#contents ul.alphabet { padding:0 10px 10px 10px; }
	#contents ul.alphabet li { margin:10px 0 0 2%; }
	#contents ul.alphabet li.first { margin:10px 0 0 0; }
	#contents ul.alphabet li a { font-size:15px; line-height:38px; border-radius:5px; }
	#contents h3 { margin:10px 10px 0 10px; font-size:18px; line-height:41px; border:1px solid #006db8; }
	#contents ul.sum { margin:0 10px; }
	#contents ul.sum li a { font-size:14px; line-height:21px; padding:8px 0; }
	#contents div.list { margin-top:20px; }
	#contents div.list div.tit a { padding:8px 10px; font-size:15px; line-height:24px; background:url('../images/sub/list_bullets.png') no-repeat right 10px top 29px #f5f5f5; }
	#contents div.list div.tit a em { font-size:13px; }
	#contents div.list div.tit2 { padding:8px 10px; font-size:15px; line-height:24px; }
	#contents div.list div.tit2 em { font-size:13px; }
	#contents div.list div.tit2 div.date { top:8px; right:10px; font-size:13px; }
	#contents div.list p.txt { padding:10px; font-size:14px; line-height:21px; }
	#contents div.select { margin:10px; }
	#contents div.select select { height:39px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents h4 { margin-top:10px; font-size:15px; line-height:23px; padding:10px 0; }
	#contents ul.pdf { padding:10px; }
	#contents ul.pdf li { border-radius:5px; background:url('../images/sub/pdf_bg2s.jpg') no-repeat center bottom #fff; }
	#contents ul.pdf li.view { background:url('../images/sub/pdf_bg3s.jpg') no-repeat center bottom #fff; }
	#contents ul.pdf li div.day { font-size:16px; line-height:35px; }
	#contents ul.pdf li div.price { padding:15px 0 10px 0; font-size:18px; line-height:31px; }
	#contents ul.pdf li div.buy { font-size:16px; line-height:37px; padding-top:4px; }
	#contents ul.pdf li div.view { font-size:16px; line-height:37px; padding-top:4px; }
	/*
	#contents ul.ucc li { padding:10px; }
	#contents ul.ucc li div.wrap { height:auto; padding:0 0 15px 0; }
	#contents ul.ucc li div.wrap div.photo { position:static; }
	#contents ul.ucc li div.wrap div.photo img { width:100%; }
	#contents ul.ucc li div.wrap p.tit { margin-top:10px; font-size:20px; line-height:29px; }
	#contents ul.ucc li div.wrap p.btn { margin-top:10px; }
	#contents ul.ucc li div.wrap p.btn a { width:50px; font-size:16px; line-height:35px; }
	*/
	#contents ul.write li { padding:10px 10px 0 10px; }
	#contents ul.write li input { height:39px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents ul.write li textarea { height:120px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents ul.room { margin:10px 10px 0 10px; }
	#contents ul.room li a { font-size:15px; line-height:38px; border-radius:5px; }
	#contents div.enter { padding:10px; }
	#contents div.enter input { height:39px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents div.enter a { font-size:15px; line-height:39px; border-radius:5px; }
	#contents div.enter button { font-size:15px; line-height:39px; border-radius:5px; }
	#contents ul.area li a { font-size:15px; line-height:39px; }
	#contents ul.tap { margin:10px; }
	#contents ul.tap li a { font-size:11px; line-height:37px; border-radius:5px; border:1px solid #bbb; letter-spacing:-1px; }
	#contents ul.tap li a.on, #contents ul.tap li a:hover { border:1px solid #de1829; }
	#contents p.txt3 { margin:10px 10px 0 10px; font-size:13px; line-height:22px; }
	#contents div.news { height:306px; padding:10px; font-size:14px; line-height:21px; }
	#contents div.loginwrap { margin:10px; }
	#contents div.loginwrap ul.login li { margin-bottom:10px; }
	#contents div.loginwrap ul.login li input { height:39px; font-size:15px; border-radius:5px; border:1px solid #ddd; }
	#contents div.loginwrap ul.login li.btn a { font-size:15px; line-height:39px; border-radius:5px; }
	#contents div.loginwrap div.btn a { font-size:16px; line-height:137px; border-radius:5px; }
	#contents div.policy { height:150px; margin:10px; padding:10px; font-size:13px; line-height:20px; }
	#contents div.table { margin:10px 10px 0 10px; }

	#contents ul.moment li { font-size:13px; padding:10px; }
	#contents ul.moment li div.tit { line-height:20px; }
	#contents ul.moment li div.cont { margin-top:5px; line-height:20px; }
	#contents ul.moment li div.btn { top:8px; right:10px; }
	#contents ul.moment li div.btn a { padding:2px 10px; font-size:12px; line-height:20px; }

	#footer div.banner { margin-bottom:20px; padding:0 10px; }
	#footer ul.foot li a { font-size:14px; line-height:20px; padding:10px 0; }
	#footer ul.foot li a img { height:20px; margin-right:6px; }

	table.horse { margin-top:10px; }
	table.horse th { font-size:13px; line-height:22px; padding:10px 0; }
	table.horse td { font-size:13px; line-height:22px; padding:8px 0; }
	table.horse td.graph { padding:0 5px; }

	table.board-write { border-top:1px solid #555; }
	table.board-write th { width:80px; padding:8px 0 8px 10px; font-size:13px; line-height:30px; }
	table.board-write td { padding:8px 0 8px 10px; font-size:13px; line-height:30px; }
	table.board-write td input { height:30px; padding-left:5px; font-size:15px; }
	table.board-write td input.radio { vertical-align:middle; height:13px; }
	table.board-write td select { height:30px; font-size:13px; }
	table.board-write td .width1 { width:45%; }
	table.board-write td .width2 { width:25%; }
	table.board-write td .width3 { width:35%; }
	table.board-write td a.click { width:30%; font-size:13px; line-height:30px; }
	table.board-write td a.click2 { width:30%; font-size:13px; }

	table.board-write2 { border-top:none; }
	table.board-write2 th { width:80px; padding:8px 0 8px 10px; font-size:13px; line-height:30px; }
	table.board-write2 td { padding:8px 0 8px 10px; font-size:13px; line-height:30px; }
	table.board-write2 td input { height:30px; padding-left:5px; font-size:15px; }
	table.board-write2 td input.radio { vertical-align:middle; height:13px; }
	table.board-write2 td select { height:30px; font-size:13px; }
	table.board-write2 td .width1 { width:45%; }
	table.board-write2 td .width2 { width:25%; }
	table.board-write2 td .width3 { width:35%; }
	table.board-write2 td a.click { width:30%; font-size:13px; line-height:30px; }
	table.board-write2 td a.click2 { width:30%; font-size:13px; }

	div.comment div.cmtnamepwd { font-weight:bold; }
	div.comment div.cmtnamepwd div.cmtname { height:35px; font-size:15px; line-height:30px; }
	div.comment div.cmtnamepwd div.cmtpwd { height:35px; font-size:15px; line-height:30px; }
	div.comment div.cmtnamepwd div input { height:30px; font-size:15px; }
	div.comment textarea { width:70%; height:50px; font-size:15px; }
	div.comment a { width:80px; font-size:15px; line-height:88px; }
	div.comment button { width:80px; font-size:15px; line-height:60px; }

	#contents div.l-button { margin-top:10px; }
	#contents div.l-button a { font-size:14px; line-height:25px; }

	table.chat-list th { font-size:12px; }
	table.chat-list td { font-size:12px; }

	#contents ul.association li div { height:90px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
} 
@media screen and (max-width:435px) {
	div.comment div.cmtnamepwd div input { width:120px;}

	#contents ul.association li div { height:80px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:414px) {
	#contents ul.board li a.talk_list { width:75%; }
	#contents ul.board li a.talk_list2 { width:75%; }

	#contents ul.expert2 li { height:90px; margin-top:10px; padding-left:125px; }
	#contents ul.expert2 li div.photo img { width:120px; height:88px; }
	#contents ul.expert2 li p.name { margin:3px 0 0 3px; font-size:14px; line-height:20px; }
	#contents ul.expert2 li p.pr { margin:0 0 0 3px; height:20px; font-size:14px; line-height:20px; }
	#contents ul.expert2 li p.tel { margin:0 0 0 3px; font-size:14px; line-height:20px; }
	#contents ul.expert2 li p.tel span { font-size:16px; }
	#contents ul.expert2 li div.sms { right:2px; bottom:2px; margin:0; }

	#contents ul.expert2 li div.sms button { font-size:15px; line-height:25px; }
}
@media screen and (max-width:375px) {
	div.comment div.cmtnamepwd div input { width:80px;}
	#contents div.expert-name a { font-size:14px; font-weight:600; line-height:28px; }

	#contents ul.free-pdf-list { width:100%; }
	#contents ul.free-pdf-list li { font-size:14px; padding:0 5px; }
	#contents ul.free-pdf-list li span { font-size:18px; line-height:48px; padding:5px;}
	#contents ul.free-pdf-list li select { height:24px; font-size:18px; }
	#contents ul.free-pdf-list li a { font-size:14px; border-radius:5px; margin-left:5px;}

	#contents ul.association li div { height:70px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:340px) {
	div.comment textarea { width:65%; }
	#contents ul.expert2 li div.sms button { display:none; }

	#contents ul.ucc li div.wrap { height:95px;; padding-left:130px; }
	#contents ul.ucc li div.wrap div.photo img { width:130px; height:95px; }
	#contents ul.ucc li div.wrap p.tit { margin-top:7px; font-size:14px; line-height:20px; }
	#contents ul.ucc li div.wrap p.btn { margin-top:7px; }
	#contents ul.ucc li div.wrap p.btn a { margin:0 2px; width:30px; font-size:12px; line-height:20px; }

	#contents ul.association li div { height:65px; overflow:hidden; }
	#contents ul.association li img { width:100%; }
}
@media screen and (max-width:320px) {
	#contents ul.board li a.talk_list { width:215px; }
	#contents ul.board li a.talk_list2 { width:215px; }
}