@charset "utf-8";

#top_btn {display:block;position:fixed;right:20px;bottom:40px;width:40px;height:40px;text-align:center;color:#222;background:#fff;border:solid 1px #444;z-index:9;opacity:0;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
#top_btn i {font-size:18px;line-height:38px;}
#top_btn:hover {color:#fff;background:#222;border:solid 1px #444;}
#top_btn.sticky {opacity:1 !important;}

/* nav mobile */
.panel_overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(34,34,34,0.8);z-index:999;}

.side_paneluser {display:block;position:fixed;top:0;right:-320px;width:320px;height:100%;overflow-y:auto;background:#fff;z-index:999;
transform: translate(0,0);
transition: .5s;
}

.side_paneluser.active {transform: translate(-320px,0);}

.side_paneluser .side_logo {display:none;position:relative;height:40px;padding:0 20px;text-align:right;line-height:40px;}
.side_paneluser .side_logo img {}
.side_paneluser a.btn_panel_close {display:block;position:absolute;left:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;text-align:center;line-height:normal;cursor:pointer;z-index:9;}
.side_paneluser a.btn_panel_close i {font-size:20px;line-height:40px;}

.side_paneluser ul.side_nav {}
.side_paneluser ul.side_nav li {position:relative;cursor:pointer}
.side_paneluser ul.side_nav li:after {display:block;visibility:hidden;clear:both;content:""}
.side_paneluser ul.side_nav li a {display:block;position:relative;font-size:16px;line-height:50px;font-weight:600;text-indent:20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.side_paneluser ul.side_nav li a:hover {color:#0d9488;background:#f6f6f6;}
.side_paneluser ul.side_nav li a i {margin:0 4px 0 0;font-size:18px;text-indent:0;}
.side_paneluser ul.side_nav li .btn_paneluser_close {display:block;position:absolute;right:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;text-align:center;line-height:normal;background:none;border:none;cursor:pointer;z-index:9;}
.side_paneluser ul.side_nav li .btn_paneluser_close i {font-size:20px;line-height:40px;}
.side_paneluser ul.side_nav li ul {display:block;}
.side_paneluser ul.side_nav li ul li {border-bottom:none}
.side_paneluser ul.side_nav li ul li:last-child {margin:0 0 10px 0;}
.side_paneluser ul.side_nav li ul li a {font-size:14px;line-height:40px;font-weight:400;}

.side_paneluser ul.side_nav li a.active {color:#0d9488;background:#f6f6f6;}
.side_paneluser ul.side_nav li.active > ul {display:block;}
.side_paneluser ul.side_nav li.active > a {background:#f6f6f6;}
.side_paneluser ul.side_nav li.active > ul a.active {background:#f6f6f6;}

.side_paneluser .arrow {display:block;position:absolute;right:0px;top:0;width:50px;height:50px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.side_paneluser .arrow i {font-size:12px;line-height:50px;}

.side_paneluser ul li.active .arrow {transform-origin:50% 50%;transform:rotate(180deg);}
.side_paneluser ul li.active .arrow i {color:#0d9488;}

.side_paneluser ul.side_nav li.mbr a {line-height:60px;}
.side_paneluser ul.side_nav li.mbr .profile_img {display:inline-block;margin:0 10px 0 0;padding:0;text-indent:0;}
.side_paneluser ul.side_nav li.mbr .profile_img img {width:40px;height:40px;border-radius:50%;}
.side_paneluser ul.side_nav li.mbr .arrow {height:50px;}
.side_paneluser ul.side_nav li.mbr .arrow i {line-height:50px;}
.side_paneluser ul.side_nav li.mbr ul li a {display:block;position:relative;line-height:40px;}
.side_paneluser ul.side_nav li.mbr .mbr_sub {display:block;border-top:solid 1px #eee;}
.side_paneluser ul.side_nav li.mbr .mbr_sub li {display:block;float:left;width:50%;border-right:solid 1px #eee;border-bottom:solid 1px #eee;}
.side_paneluser ul.side_nav li.mbr .mbr_sub li:nth-child(1),
.side_paneluser ul.side_nav li.mbr .mbr_sub li:nth-child(2),
.side_paneluser ul.side_nav li.mbr .mbr_sub li:nth-child(3) {width:100%;}
.side_paneluser ul.side_nav li.mbr .mbr_sub li:after {display:block;visibility:hidden;clear:both;content:""}
.side_paneluser ul.side_nav li.mbr .mbr_sub li a strong {display:block;position:absolute;right:20px;top:50%;margin:-11px 0 0 0;padding:0 8px;color:#fff !important;font-size:12px;font-weight:500;text-indent:0;line-height:22px;background:#0d9488;border-radius:30px;}

.side_mycomment {}
.side_mycomment h2 {display:block;padding:0 20px;font-size:16px;font-weight:500;line-height:50px;border-bottom:solid 1px #ddd;}
.side_mycomment h2 span {display:inline-block;border-bottom:solid 2px #222;}
.side_mycomment ul {}
.side_mycomment ul li {display:block;border-bottom:solid 1px #eee;}
.side_mycomment ul li a {display:block;padding:12px 20px;line-height:140%;}
.side_mycomment ul li a .cmt_count {color:#0d9488;font-size:12px;}


/* nav board */
.sidepanel {display:block;position:fixed;top:0;left:-320px;width:320px;height:100%;overflow-y:auto;background:#fff;z-index:999;
transform: translate(0,0);
transition: .5s;
}

.sidepanel.active {transform: translate(320px,0);}

.sidepanel .side_logo {display:block;position:relative;padding:0 20px;text-align:left;line-height:80px;}
.sidepanel .side_logo img {}
.sidepanel a.btn_sidepanel_close {display:block;position:absolute;right:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;text-align:center;line-height:normal;cursor:pointer;z-index:9;}
.sidepanel a.btn_sidepanel_close i {font-size:20px;line-height:40px;}


.side_sch_wr {display:block;position:relative;padding:10px 20px;}
.side_sch_wr #side_sch {position:relative;}
.side_sch_wr #side_sch #sch_stx {display:block;width:100%;height:40px;text-indent:10px;line-height:38px;background:#fff;border:solid 1px #ddd;;}
.side_sch_wr #side_sch #sch_submit {display:block;position:absolute;right:0;top:0;width:40px;height:40px;color:#fff;text-align:center;background:#222;border:none;}
.side_sch_wr #side_sch #sch_submit i {font-size:20px;line-height:40px;}

.sidepanel ul.side_nav {}
.sidepanel ul.side_nav li {position:relative;border-bottom:1px solid #eee;cursor:pointer}
.sidepanel ul.side_nav li a {display:block;font-size:16px;line-height:50px;font-weight:600;text-indent:20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidepanel ul.side_nav li a.on {background:#f6f6f6;}
.sidepanel ul.side_nav li a:hover {color:#0d9488;}
.sidepanel ul.side_nav li a i {margin:0 10px 0 0;font-size:16px;}
.sidepanel ul.side_nav li ul {display:block;overflow:hidden;}
.sidepanel ul.side_nav li ul {display:none;margin:0;}
.sidepanel ul.side_nav li ul li {border-bottom:none}
.sidepanel ul.side_nav li ul li:last-child {margin:0 0 10px 0;}
.sidepanel ul.side_nav li ul li a {color:#888;font-size:14px;line-height:40px;font-weight:400;text-indent:20px;}
.sidepanel ul.side_nav li ul .sub {}
.sidepanel ul.side_nav li ul .sub:after {display:block;visibility:hidden;clear:both;content:""}
.sidepanel ul.side_nav li ul .sub a {display:block;float:left;width:50%;color:#aaa;line-height:30px;}
.sidepanel ul.side_nav li ul .sub a:nth-child(2n) {border-right:none;}
.sidepanel ul.side_nav li ul .sub a.on {color:#0d9488}

.sidepanel ul.side_nav li.on > ul {display:block;max-height:1000px;}
.sidepanel ul.side_nav li.on > a {}
.sidepanel ul.side_nav li.on > ul a.on {color:#0d9488;background:none;}

.cross {display:block;position:absolute;right:0px;top:0;width:50px;height:50px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.cross i {color:#999;font-size:12px;line-height:50px;}

.sidepanel ul li.on .cross {transform-origin:50% 50%;transform:rotate(180deg);}
.sidepanel ul li.on .cross i {color:#0d9488;}


#container_wrap,
#header_wrap,
#header,
#body_wrap,
#side_wrap,
#content_wrap,
#footer_wrap,
#footer {display:block;position:relative;}

#container_wrap:after,
#header_wrap:after,
#header:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}

#header_wrap {background:#FFFFFF;}
#header {width:100%;max-width:1200px;margin:0 auto;background:url(../img/header_bg.png) no-repeat right bottom;background-size:980px auto}
#header a#logo {display:block;width:160px;line-height:120px;}
#header a#logo img {width:100%;height:auto;}

#tnb_mob {display:none;float:right;}
#tnb_mob ul {}
#tnb_mob ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb_mob ul li {display:block;float:left;}
#tnb_mob ul li a {display:block;width:30px;text-align:center;cursor:pointer;}
#tnb_mob ul li a i {color:#222;font-size:24px;line-height:80px;}

#gnb_wrap {background:rgba(0,0,0,0.6);}
#gnb_wrap:after {display:block;visibility:hidden;clear:both;content:""}

nav#gnb {float:left;}
nav#gnb:after {display:block;visibility:hidden;clear:both;content:""}
nav#gnb a.btn_home {display:block;float:left;width:50px;color:#fff;text-align:center;border-right:solid 1px rgba(255,255,255,0.4);}
nav#gnb a.btn_home i {font-size:24px;line-height:60px;}

ul.gnb {float:left;}
ul.gnb:after {display:block;visibility:hidden;clear:both;content:""}
ul.gnb li {display:block;float:left;position:relative;border-right:solid 1px rgba(255,255,255,0.4);}
ul.gnb li a {display:block;position:relative;width:160px;color:#fff;font-size:16px;text-align:center;font-weight:600;line-height:60px;}
ul.gnb li a:hover {background:#0d9488}
ul.gnb li a.active {background:#0d9488}
ul.gnb li .arrow {display:block;position:absolute;right:10px;top:50%;width:20px;height:30px;margin:-15px 0 0 0;color:#bbb;text-align:center;line-height:30px;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
ul.gnb li .arrow i {font-size:12px;}
ul.gnb li:hover .arrow {color:#fff;
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
}

ul.gnb li ul {display:none;position:absolute;left:0;right:0;top:60px;width:100%;background:rgba(0,0,0,0.6);z-index:9;}
ul.gnb li ul:after {display:block;visibility:hidden;clear:both;content:""}
ul.gnb li ul li {display:block;float:none;width:100%;border-right:none;}
ul.gnb li ul li a {display:block;padding:0 10px;font-size:14px;font-weight:400;line-height:40px;text-align:center;}


.hd_sch_wr {display:block;position:absolute;right:0;bottom:0;width:320px;}
#hd_sch {position:relative;}
#hd_sch #sch_stx {display:block;width:100%;height:60px;color:#fff;font-size:16px;text-indent:20px;background:rgba(0,0,0,0.4);border:none;}
#hd_sch #sch_submit {display:block;position:absolute;right:10px;top:0;width:30px;height:60px;color:#fff;text-align:center;background:none;border:none;}
#hd_sch #sch_submit i {font-size:24px;line-height:60px;}
#hd_sch .btn_sch_close {display:none;position:absolute;right:0;top:0;width:30px;height:60px;color:#fff;text-align:center;background:none;border:none;}
#hd_sch .btn_sch_close i {font-size:24px;line-height:60px;}


#body_wrap {width:100%;max-width:1200px;min-height:860px;margin:20px auto 60px auto;}

#side_wrap {position:absolute;left:0;top:0;width:280px;height:100%;padding:10px;background:#f6f6f6}

#banner_side ul {margin:0 0 20px 0;}
#banner_side ul li {margin:0 0 5px 0;}
#banner_side ul li:last-child {margin:0;}

#content_wrap {float:right;width:calc(100% - 300px);}

#info_menu {margin:0 0 20px 0;}
#info_menu ul {border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
#info_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#info_menu ul li {display:block;float:left;width:16.66%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#info_menu ul li a {display:block;padding:20px 0;text-align:center;}
#info_menu ul li a img {width:80%;max-width:100px;height:auto;}
#info_menu ul li a strong {display:block;margin:0 0 6px 0;font-size:18px;font-weight:700;letter-spacing:-0.5px;}
#info_menu ul li a p {color:#999;font-size:12px;}

#banner_main ul {margin:0 0 20px 0;}
#banner_main ul:after {display:block;visibility:hidden;clear:both;content:""}
#banner_main ul li {display:block;float:left;width:50%}

#footer_wrap {width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;color:#999;text-align:center;background:#222;}

h2#container_title {display:block;margin:0 0 40px 0;padding:0 0 10px 0;font-size:24px;font-weight:700;letter-spacing:-0.5px;border-bottom:solid 2px #222;}

#recent_side {margin:0 0 20px 0;}
#recent_side a.lat_tit {margin:0;}
#recent_side .lt_info {display:none;}

#recent_list {}
#recent_list dl {}
#recent_list dl:after {display:block;visibility:hidden;clear:both;content:""}
#recent_list dl dd {display:block;float:left;width:49%;margin:0 2% 20px 0;}
#recent_list dl dd:nth-child(2n) {margin:0 0 20px 0;}
#recent_list a.lat_tit {margin:0 50px 0 0;}
#recent_list .lt_nick {display:none;}

#snb {margin:0 0 20px 0;}
#snb h2 {display:block;height:30px;font-size:18px;font-weight:700;}
#snb a {display:block;position:relative;margin:0 0 4px 0;padding:0 0 0 20px;line-height:20px;}
#snb a:after {content:'';display:block;position:absolute;left:0px;top:0;width:20px;height:20px;background:url(../img/subdir.png) no-repeat 0 0;}
#snb a:last-child {margin:0;}
#snb a.active {color:#0d9488;font-weight:500;}

#snbmy {position:relative;margin:0 0 20px 0;padding:0 20px;border-bottom:solid 1px #ddd;}
#snbmy:after {display:block;visibility:hidden;clear:both;content:""}
#snbmy a {display:block;float:left;position:relative;margin:0 -1px -1px 0;padding:0 20px;line-height:40px;background:#f6f6f6;border:solid 1px #ddd;}
#snbmy a.active {color:#0d9488;font-weight:500;background:#fff;border-bottom:solid 1px #fff;}
#snbmy a:nth-child(3),
#snbmy a:nth-child(4),
#snbmy a:nth-child(5) {position:absolute;top:5px;width:50px;margin:0;padding:0;font-size:13px;line-height:28px;text-align:center;}
#snbmy a:nth-child(3) {right:20px;}
#snbmy a:nth-child(4) {right:75px;}
#snbmy a:nth-child(5) {right:130px;}



@media screen and (max-width:1200px) {
.hd_sch_wr {width:280px;}

#body_wrap {width:auto;max-width:auto;margin:20px 20px;}

#info_menu ul li {width:33.33%;}
}





@media screen and (max-width:980px) {
#header {padding:0 20px;background-size:cover}
#header a#logo {float:left;width:120px;line-height:80px;}

#tnb_mob {display:block;}

#gnb_wrap {display:none;}

.hd_sch_wr {display:none;left:0;right:0;top:0px;bottom:auto;width:auto;padding:10px;}
#hd_sch #sch_stx {background:rgba(0,0,0,0.8);}
#hd_sch #sch_submit {right:30px;}
#hd_sch .btn_sch_close {display:block;}

#body_wrap {margin:20px 0;}

#side_wrap {display:none;}

#content_wrap {float:none;width:100%;}

#info_menu {margin:0 20px 20px 20px;}
#info_menu ul li a img {max-width:80px;}

h2#container_title {padding:0 20px 10px 20px;font-size:20px;}

#recent_list {margin:0 20px 0;}
}



@media screen and (max-width:768px) {
#banner_main ul li {float:none;width:100%}

#info_menu ul li {width:50%;}
#info_menu ul li a {padding:10px 0;;}
#info_menu ul li a strong {font-size:16px;}
#info_menu ul li a img {max-width:60px;}

#recent_list dl dd {float:none;width:100%;margin:0 0 20px 0;}
}