@charset "utf-8";

/* fonts */
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:'NanumSquare', sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'NanumSquare', sans-serif}
input[type="password"]{font-family:"돋움",sans-serif }
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#929292}
input::-moz-placeholder{color:#929292}
input:-moz-placeholder{color:#929292}
input:-ms-input-placeholder{color:#929292}
textarea::-webkit-input-placeholder{color:#929292}
textarea::-moz-placeholder{color:#929292}
textarea:-moz-placeholder{color:#929292}
textarea:-ms-input-placeholder{color:#929292}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.bg_cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.bg_cover .bg_img{display:none}

.table_box{display:table;width:100%;table-layout:fixed}
.table_box .table_td{display:table-cell;vertical-align:middle}

.mobile,
.tablet{display:none!important}

.notosanskr{font-family:'Noto Sans KR', sans-serif}
.nanummj{font-family:'Nanum Myeongjo', serif}

#gnb .btn_menu,
#header .member_menu .btn_menu,
#footer .footer_menu .btn_menu,
.btn_line,
.btn_more,
.btn_normal,
#quick_menu .btn_quick img,
#quick_menu .btn_menu,
#quick_menu .btn_menu img,
#quick_menu .btn_menu span,
.sub_lnb .btn_home,
.sub_lnb .btn_share,
.select_box,
.select_box .icon,
.select_box .btn_value,
.select_box .select_list a,
.sub_about .profile_panel .profile_box .profile_tab .btn_tab,
#gnb .sub_menu .btn_sub,
.bbs_grid_gallery .over,
.bbs_gallery_grid .btn_grid .over,
.gallery_list .btn_menu .img_box img,
.main_content .main_bottom .link_area .link_list img,
.main_museum .museum_mid .museum_menu img,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

#viewport{overflow:hidden}
.contains{margin:0 auto;padding:0 20px;max-width:1200px}
body.popup{position:fixed;overflow:hidden}

/* 헤더 */
#header{position:relative;height:98px;background:#fff;z-index:200}
#header .contains{position:relative}
#header .gnb_box{position:relative;padding:0 160px 0 210px;height:98px;z-index:10}
#header .logo{position:absolute;left:20px;top:0;height:100%;z-index:20}
#header .logo a,
#header .logo img{display:block;height:100%}
#header .member_menu{position:absolute;right:0;top:32px;z-index:20}
#header .member_menu .btn_menu{position:relative;float:left;margin-left:3px;padding:0 10px;height:40px;line-height:40px;font-size:1.4em;color:#555}
#header .member_menu .btn_menu:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:12px;background:#cacaca}
#header .member_menu .btn_menu:first-child:after{display:none}
#header .member_menu .btn_menu:hover{color:#143e74}
#header .member_menu .btn_search{float:left;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("../img/icon/header_search.png") no-repeat center center}
#header .member_menu.mobile{right:20px;top:18px}
#header .member_menu .btn_user{display:block;float:left;width:60px;height:60px;text-align:left;text-indent:-9999px;background:url("../img/icon/header_user.png") no-repeat center center}
#header .member_menu .btn_sidemenu{display:block;float:left;width:60px;height:60px;text-align:left;text-indent:-9999px;background:url("../img/icon/header_menu.png") no-repeat center center}
#header .logo_box{position:relative;padding:0 20px;height:90px;background:#143e74}
#header .logo_box .logo{position:relative;left:auto;top:auto;height:100%}
#header .logo_box .logo a,
#header .logo_box .logo img{display:block;height:100%}
#header .logo_box .btn_close{display:block;position:absolute;right:15px;top:50%;margin-top:-20px;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("../img/icon/gnb_close.png") no-repeat center center;z-index:20}
#header .header_box{position:absolute;left:0;top:0;right:0;height:98px;box-shadow:0 0 15px rgba(0,0,0,0.35);background:#fff url("../img/common/header_line.png") repeat-x left 98px;overflow:hidden}
#gnb{display:table;margin:0 auto;padding-top:29px;width:100%;max-width:900px;table-layout:fixed}
#gnb .menu{display:table-cell;position:relative;vertical-align:top;height:80px;white-space:nowrap}
#gnb .menu_02 .btn_menu{letter-spacing:-1px;font-size:1.8em}
#gnb .menu_01{width:20%}
#gnb .menu_02{width:28%}
#gnb .menu_03{width:20%}
#gnb .menu_04{width:18%}
#gnb .menu_05{width:18%}
#gnb .btn_menu{display:block;height:46px;line-height:46px;text-align:center;font-size:1.9em;color:#222;font-weight:700}
#gnb .btn_menu:hover{color:#143e74}
#gnb .sub_menu{position:absolute;left:0;top:70px;right:0;padding:10px 0;height:288px}
#gnb .sub_menu .btn_sub{display:block;height:32px;line-height:32px;text-align:center;font-size:1.4em;color:#222}
#gnb .sub_menu .btn_sub.active,
#gnb .sub_menu .btn_sub:hover{color:#fff!important;background:#0075c2}
#gnb .menu.active .sub_menu{background:#f4f9fe}

/* 푸터 */
#footer{position:relative;background:#143e74;z-index:100}
#footer .footer_top{height:54px;border-top:1px solid #ddd;background:#fff}
#footer .footer_menu{float:left;padding:12px 0;height:30px}
#footer .footer_menu li{position:relative;float:left;margin-left:3px;padding:0 5px}
#footer .footer_menu .btn_menu{display:block;padding:0 5px;height:30px;line-height:30px;font-size:1.4em;color:#444}
#footer .footer_menu .btn_menu:hover{filter:"";opacity:1}
#footer .footer_menu li:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:12px;background:#000;filter:alpha(opacity=15);opacity:0.15}
#footer .footer_menu li:first-child{margin-left:0;padding:0}
#footer .footer_menu li:first-child .btn_menu{padding-left:0}
#footer .footer_menu li:first-child:after{display:none}
#footer .footer_banner{float:right;padding-top:2px}
#footer .footer_banner .btn_link,
#footer .footer_banner img{display:block}
#footer .footer_banner .btn_link{float:left;margin-left:20px}
#footer .footer_bottom{background:url("../img/common/footer_line.png") repeat-x center top;overflow:hidden}
#footer .footer_bottom .contains{position:relative}
#footer .footer_bottom .logo a,
#footer .footer_bottom .logo img{display:block;height:100%}
#footer .footer_bottom .address_box{position:absolute;right:20px;top:50%;margin-top:-30px}
#footer .footer_bottom .address_box p{line-height:1.6em;font-size:1.2em;color:#fff;filter:alpha(opacity=80);opacity:0.8}
#footer .footer_bottom .address_box p b{font-weight:700}
#footer .footer_bottom .address_box .copyright{font-size:1em;filter:alpha(opacity=40);opacity:0.4}

/* 퀵메뉴 */
#quick_menu{position:absolute;right:30px;top:400px;width:100px;z-index:500;filter:alpha(opacity=0);opacity:0}
#quick_menu.on{filter:"";opacity:1}
#quick_menu.fixed{position:fixed;top:30px!important}
#quick_menu .btn_quick{display:block;position:absolute;left:50%;top:-21px;margin-left:-20px;padding:4px;width:32px;height:32px;z-index:20}
#quick_menu .btn_quick img{display:block}
#quick_menu .btn_quick .open{position:absolute;left:4px;top:4px;filter:alpha(opacity=0);opacity:0;z-index:10}
#quick_menu .btn_menu{display:block;position:relative;margin-top:-1px;width:100px;height:99px;text-align:center;background:url("../img/common/quick_bg.png") no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10}
#quick_menu .btn_menu:first-child{margin-top:0}
#quick_menu .btn_menu img{display:block;position:absolute;left:50%;top:19px;margin-left:-20px;z-index:10}
#quick_menu .btn_menu .on{filter:alpha(opacity=0);opacity:0}
#quick_menu .btn_menu:hover .off{filter:alpha(opacity=0);opacity:0}
#quick_menu .btn_menu:hover .on{filter:"";opacity:1}
#quick_menu .btn_menu:hover{background:url("../img/common/quick_bg_on.png") no-repeat}
#quick_menu .btn_menu:hover span{color:#fff}
#quick_menu .btn_menu span{display:block;position:absolute;left:0;bottom:8px;right:0;height:30px;line-height:30px;text-align:center;font-size:1.4em;color:#143e74;font-weight:700}
#quick_menu .btn_menu.menu_02 span,
#quick_menu .btn_menu.menu_03 span{height:auto;line-height:15px}
#quick_menu .btn_menu.menu_02 img,
#quick_menu .btn_menu.menu_03 img{top:15px}
#quick_menu .btn_top{display:block;margin:0 auto;margin-top:10px;width:49px}
#quick_menu .btn_top img{display:block}
#quick_menu.active .btn_quick .open{filter:"";opacity:1}
#quick_menu.active .btn_top{margin-top:20px}
#quick_menu.main{top:128px}

/* 공통 */
.btn_line{display:block;width:160px;height:48px;line-height:48px;text-align:center;font-size:1.8em;color:#fff;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_line:hover{color:#666;background:#fff}
.btn_line.btn_gray{color:#222;border:1px solid #222}
.btn_line.btn_gray:hover{color:#fff;background:#222}
.btn_more{display:block;position:absolute;right:0;top:8px;padding-right:22px;height:20px;line-height:20px;font-size:1.5em;color:#737373;background:url("../img/icon/plus.png") no-repeat right center;z-index:10}
.btn_more:hover{color:#111}
.btn_normal{display:block;width:100px;height:48px;line-height:48px;text-align:center;font-size:1.8em;color:#fff;border:1px solid #393939;background:#393939;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_normal:hover{color:#393939;background:#fff}
.btn_normal.btn_blue{border-color:#0075c2;background:#0075c2}
.btn_normal.btn_blue:hover{color:#0075c2;background:#fff}
.btn_normal.btn_gray{border-color:#898989;background:#898989}
.btn_normal.btn_gray:hover{color:#898989;background:#fff}
.btn_normal.btn_sky{border-color:#00a9e5;background:#00a9e5}
.btn_normal.btn_sky:hover{color:#00a9e5;background:#fff}

#content{position:relative;z-index:10}
.sub_content{position:relative;z-index:10;background:#fff}
.sub_content p{line-height:1.5em;font-size:1.6em;color:#555}
.sub_content .sub_title_box{margin-bottom:3%;text-align:center}
.sub_content .sub_title_box .title{line-height:1.2em;font-size:4.8em;color:#143e74;font-weight:700}

/* about */
.sub_about .about_top{position:relative;background-color:#1b4478;z-index:20}
.sub_about .about_top .contains{position:relative;height:1083px;max-width:1160px}
.sub_about .about_top .text_box{position:absolute;left:20px;top:8%}
.sub_about .about_top .text_box p{line-height:1.2em;font-size:2.4em;color:#fff;font-weight:300}
.sub_about .about_top .text_box .title{margin-bottom:5%}
.sub_about .about_top .text_box .title img{display:block}
.sub_about .about_top .profile_box{position:absolute;left:0;bottom:0;right:0;height:40%;text-align:center}
.sub_about .about_top .profile_box .title{margin-bottom:5%;line-height:1em;font-size:5.5em;color:#fff;font-weight:300}
.sub_about .about_top .profile_box .profile_list{margin:0 auto;padding-left:5%;width:660px;overflow:hidden}
.sub_about .about_top .profile_box .profile_list li{float:left;padding-left:12px;width:49%;text-align:left;height:40px;line-height:40px;font-size:1.7em;color:#fff;background:url("../img/icon/dot_white.png") no-repeat left 17px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.sub_about .about_top .profile_box .btn_detail{margin:0 auto;margin-top:4%}
.sub_about .about_top .bg_img{display:block;position:absolute;z-index:20}
.sub_about .about_top .bg_01{left:-6%;bottom:11%}
.sub_about .about_top .bg_02{right:-10%;bottom:37%}
.sub_about .about_top .bg_03{right:10%;bottom:-10%}
.sub_about .about_tochanho{position:relative;background:#fff;overflow:hidden;z-index:10}
.sub_about .about_tochanho .panel_left{float:left;padding-top:10%;width:44%}
.sub_about .about_tochanho .panel_right{float:right;padding-top:13%;width:50%}
.sub_about .about_tochanho .msg_box{position:relative}
.sub_about .about_tochanho .msg_box img{display:block;width:100%;max-width:519px}
.sub_about .about_tochanho .msg_box .text_box{position:absolute;left:0;top:50%;margin-top:-55px;padding:0 6%}
.sub_about .about_tochanho .msg_box .text_box p{line-height:1.5em;font-size:1.8em;color:#fff}
.sub_about .about_tochanho .msg_box .text_box .title{margin-bottom:3%;font-size:1.8em;font-weight:300}
.sub_about .about_tochanho .img_box{position:relative;margin-top:5%}
.sub_about .about_tochanho .img_box img{display:block;width:100%;max-width:519px}
.sub_about .about_tochanho .img_box .name_box{position:absolute;left:0;bottom:8%;width:125px;text-align:right}
.sub_about .about_tochanho .img_box .name_box p{line-height:1.4em;font-size:1.8em;color:#777}
.sub_about .about_tochanho .img_box .name_box .name{color:#0075c2;font-weight:700}
.sub_about .about_tochanho .title_box{position:relative}
.sub_about .about_tochanho .title_box img{display:block}
.sub_about .about_tochanho .text_list li{margin-top:6%}
.sub_about .about_tochanho .text_list p{line-height:1.5em;font-size:1.6em;color:#666}
.sub_about .about_tochanho .text_list .title{margin-bottom:1%;line-height:1.2em;font-size:2.4em;color:#222}
.sub_about .about_honor{margin-top:4%;padding:4% 0;text-align:center;background:#e5f6fc}
.sub_about .about_honor .title_box{margin-bottom:3%}
.sub_about .about_honor .title_box p{line-height:1.4em;font-size:1.6em;color:#555}
.sub_about .about_honor .title_box .title{font-size:5.5em;color:#00438e}
.sub_about .about_honor .menu_box .btn_menu{display:inline-block;width:20%;vertical-align:top;*display:inline;zoom:1}
.sub_about .about_honor .menu_box .btn_menu img{display:block;margin:0 auto}
.sub_about .about_honor .menu_box .btn_menu span{display:block;margin-top:10%;line-height:1.4em;font-size:2em;color:#222}
.sub_about .about_news{background-color:#092a4b}
.sub_about .about_news .news_top{position:relative;height:380px}
.sub_about .about_news .news_top .text_box{position:absolute;left:0;top:50%;right:0;margin-top:-70px;text-align:center}
.sub_about .about_news .news_top .text_box p{line-height:1.6em;font-size:3em;color:#fff;font-family:'Nanum Myeongjo', serif}
.sub_about .about_news .news_bottom{height:580px;overflow:hidden}
.sub_about .about_news .panel_left{float:left;width:49%}
.sub_about .about_news .panel_right{float:right;width:49%}
.sub_about .about_news .history_box{display:block;position:relative;margin-bottom:20px;padding:35px 35px 0 35px;height:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_about .about_news .history_box .text,
.sub_about .about_news .history_box .history_list span{display:block;line-height:1.5em;font-size:1.8em;color:#fff;font-weight:300}
.sub_about .about_news .history_box .history_list span{margin-top:5px}
.sub_about .about_news .history_box .history_list span:first-child{margin-top:0}
.sub_about .about_news .history_box .title{display:block;margin-bottom:20px;line-height:1.2em;font-size:3.5em;color:#fff;font-weight:normal}
.sub_about .about_news .news_box{padding:35px 40px 0 40px;height:520px;background:url("../img/about/main_news_bg.png") repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_about .about_news .news_box .title_box{position:relative;margin-bottom:8px}
.sub_about .about_news .news_box .title_box .title{line-height:1.2em;font-size:4em;color:#222;font-weight:normal}
.sub_about .about_news .news_box .news_list li{padding:20px 0;border-top:1px solid #c8c9c9}
.sub_about .about_news .news_box .news_list li:first-child{margin-top:0;border:0}
.sub_about .about_news .news_box .news_list a{display:block;position:relative;padding-right:100px;height:30px;line-height:30px;font-size:2em;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_about .about_news .news_box .news_list a .date{display:block;position:absolute;right:0;top:0;height:30px;line-height:30px;font-size:0.8em;color:#555}

/*.sub_visual{position:relative;height:240px;background-position:center top;background-size:cover;background-attachment:fixed}*/
.sub_visual{position:relative;height:240px;overflow:hidden}
.sub_visual .visual_bg{position:absolute;left:0;top:0;right:0;bottom:0;background:url("../img/common/visual_bg.png") repeat;z-index:10}
.sub_visual .text_box{position:absolute;left:0;top:50%;right:0;margin-top:-45px;text-align:center;z-index:20}
.sub_visual .text_box p{line-height:1.4em;font-size:1.8em;color:#fff}
.sub_visual .text_box .title{margin-bottom:1%;line-height:1em;font-size:4.5em;font-weight:700}
.sub_visual .bg_img{display:block;position:fixed;left:-25%;top:0;width:150%;z-index:1}

.sub_lnb{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f7f8;z-index:100}
.sub_lnb .contains{position:relative;height:48px}
.sub_lnb .btn_home{display:block;float:left;width:58px;height:48px;text-align:left;text-indent:-9999px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:url("../img/icon/lnb_home.png") no-repeat center center}
.sub_lnb .btn_home:hover{background-color:#fff}
.sub_lnb .btn_share{display:block;float:right;width:58px;height:48px;text-align:left;text-indent:-9999px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:url("../img/icon/lnb_share.png") no-repeat center center}
.sub_lnb .btn_share:hover{background-color:#fff}
.sub_lnb .select_box{float:left}
.sub_lnb .select_box .btn_value{min-width:180px;border:0;border-right:1px solid #ddd}

.sub_panel{padding:3% 0 8% 0}

.select_box{position:relative;min-width:200px;height:48px;background:#f6f7f8}
.select_box .btn_value{display:block;position:relative;padding:0 34px 0 14px;height:48px;line-height:48px;font-size:1.6em;color:#6d6e71;font-weight:700;border:1px solid #ddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:5}
.select_box .icon{display:block;position:absolute;right:14px;top:50%;margin-top:-4px;width:13px;height:8px;background:url("../img/icon/lnb_arrow.png") no-repeat;z-index:1}
.select_box .select{position:absolute;left:0;top:0;width:100%;height:48px;z-index:-1}
.select_box .select_list{display:none;position:absolute;left:-1px;top:100%;right:0;border:1px solid #ddd;background:#fff;z-index:10}
.select_box .select_list a{display:block;padding:0 15px;height:40px;line-height:40px;font-size:1.6em;color:#6d6e71;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.select_box .select_list a.active,
.select_box .select_list a:hover{color:#222;font-weight:700;background:#f4f9fe}
.select_box.active,
.select_box:hover{background:#fff}
.select_box.active .btn_value,
.select_box:hover .btn_value{color:#1e85c8}
.select_box.active .icon{background:url("../img/icon/lnb_arrow_on.png") no-repeat}

.sub_about .profile_panel .contains{height:957px}
.sub_about .profile_panel .profile_box{padding-top:5%;width:55%}
.sub_about .profile_panel .profile_box .sub_title{line-height:1.4em;font-size:1.8em;color:#414042;font-weight:700}
.sub_about .profile_panel .profile_box .title{margin:2% 0 5% 0}
.sub_about .profile_panel .profile_box .title img{display:block}
.sub_about .profile_panel .profile_box .profile_list{overflow:hidden}
.sub_about .profile_panel .profile_box .profile_list li{float:left;padding-left:12px;width:49%;text-align:left;height:34px;line-height:34px;font-size:1.7em;color:#414042;background:url("../img/icon/dot_gray.png") no-repeat left 17px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.sub_about .profile_panel .profile_box .profile_list li b{color:#414042;font-weight:700}
.sub_about .profile_panel .profile_box .profile_tab{display:table;margin-top:5%;height:40px;width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse}
.sub_about .profile_panel .profile_box .profile_tab .btn_tab{display:table-cell;text-align:center;height:40px;vertical-align:middle;font-size:1.6em;color:#414042;font-weight:700;border:1px solid #c2c2c2;background:#ebebeb}
.sub_about .profile_panel .profile_box .profile_tab .btn_tab.active,
.sub_about .profile_panel .profile_box .profile_tab .btn_tab:hover{color:#fff;background:#143e74}
.sub_about .profile_panel .profile_box .profile_area{padding:25px;min-height:390px;border:1px solid #c2c2c2;border-top:0;background:#fff}
.infotext_list li{display:table;margin-top:12px;width:100%}
.infotext_list li:first-child{margin-top:0!important}
.infotext_list p{display:table-cell;vertical-align:top;text-align:left;line-height:1.4em;font-size:1.6em;color:#414042}
.infotext_list .label{padding-right:5px;width:10px;font-weight:700;white-space:nowrap}
.infotext_list.history li{margin-top:17px}
.infotext_list.history .label{padding-right:10px;font-size:1.8em;color:#0075c2} 

.sub_tab{display:table;width:100%;table-layout:fixed}
.sub_tab .btn_tab{display:table-cell;height:57px;line-height:1.2em;vertical-align:middle;text-align:center;font-size:1.8em;color:#999;border-top:3px solid transparent;background:#f5f5f5}
.sub_tab .btn_tab.active{font-weight:700;color:#222;border-color:#0075c2;background:#fff}
.panel_tab_area{display:none;padding-top:4%}
.panel_tab_area.active{display:block}

.sub_about .carrer_panel .panel_tab_area{overflow:hidden}
.sub_about .carrer_panel .panel_tab_area .img_box{float:left;width:49%}
.sub_about .carrer_panel .panel_tab_area .img_box img{display:block;width:100%;max-width:594px}
.sub_about .carrer_panel .panel_tab_area .text_box{float:right;width:50%}
.sub_about .carrer_panel .panel_tab_area .carrer_list li{position:relative;padding-left:90px;margin-top:30px}
.sub_about .carrer_panel .panel_tab_area .carrer_list li:first-child{margin-top:0}
.sub_about .carrer_panel .panel_tab_area .carrer_list p{line-height:1.4em;font-size:1.8em;color:#222}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year{position:absolute;left:0;top:0;width:90px;height:24px;text-align:left;text-indent:-9999px}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1991{background:url("../img/about/year_1991.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1993{background:url("../img/about/year_1993.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1994{background:url("../img/about/year_1994.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1998{background:url("../img/about/year_1998.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_2006{background:url("../img/about/year_2006.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_2007{background:url("../img/about/year_2007.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1997{background:url("../img/about/year_1997.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_1999{background:url("../img/about/year_1999.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_2005{background:url("../img/about/year_2005.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area .carrer_list .year_2008{background:url("../img/about/year_2008.png") no-repeat left center}
.sub_about .carrer_panel .panel_tab_area.carrer_02 .img_box{float:right}
.sub_about .carrer_panel .panel_tab_area.carrer_02 .text_box{float:left}

.sub_about .story_panel .story_msgbox{position:relative;margin-bottom:3%;overflow:hidden}
.sub_about .story_panel .story_msgbox .msgbox_left{float:left;width:48%}
.sub_about .story_panel .story_msgbox .msgbox_right{float:right;width:48%}
.sub_about .story_panel .story_msgbox .msg_info{position:relative;padding:4% 5px;text-align:left}
.sub_about .story_panel .story_msgbox .msg_info p{line-height:1.6em;font-size:1.6em;color:#777}
.sub_about .story_panel .story_msgbox .msg_info .name{color:#222}
.sub_about .story_panel .story_msgbox .msg_info .name b{color:#0075c2;font-weight:700}
.sub_about .story_panel .story_msgbox .msgbox_right .profile_box{padding-right:100px;text-align:right}
.sub_about .story_panel .story_msgbox .msgbox_right .profile_box .profile{display:block;position:absolute;right:0;top:50%;margin-top:-45px}
.sub_about .story_panel .story_msgbox .msgbox_right .msg_box .text_box p{color:#fff;font-weight:normal}

.msg_box{position:relative}
.msg_box img{display:block;width:100%}
.msg_box .text_box{position:absolute;left:0;top:45%;right:0;padding:0 25px;margin-top:-45px}
.msg_box .text_box p{line-height:1.4em;font-size:1.8em;color:#222;font-weight:700}
.msg_box .text_box .title{margin-bottom:10px;color:#0075c2;font-weight:normal}

.sub_about .story_panel .panel_tab_area{padding-top:0}
.sub_about .story_panel .desc_text{padding:3% 0;text-align:center}
.sub_about .story_panel .desc_text p{line-height:1.4em;font-size:1.8em;color:#555}

.bbs_list{width:100%;border-top:2px solid #111;border-bottom:1px solid #888}
.bbs_list th{padding:15px 10px;text-align:center;line-height:1.2em;font-size:1.8em;color:#222;font-weight:700;border-bottom:1px solid #888}
.bbs_list td{padding:15px 10px;text-align:center;border-top:1px solid #e9e9e9}
.bbs_list td p{line-height:1.2em;font-size:1.8em;color:#777}
.bbs_list tr:first-child td{border-top:1px solid #888}
.bbs_list td.left{padding-left:20px;text-align:left}
.bbs_list .link{display:inline-block;vertical-align:middle;line-height:1.2em;font-size:1.8em;color:#222;*display:inline;zoom:1}
.bbs_list .link:hover{text-decoration:underline}
.bbs_list tr.notice td.no p{color:#0075c2}
.bbs_list tr.notice .link{font-weight:700}
.bbs_list .category p{color:#00a9e5}
.bbs_list .cmt{display:inline-block;margin:0 14px 0 4px;vertical-align:middle;line-height:1.2em;font-size:1.8em;color:#0075c2;*display:inline;zoom:1}
.bbs_list .new{display:inline-block;margin:0 3px;vertical-align:middle;width:20px;height:20px;text-align:left;text-indent:-9999px;background:url("../img/bbs/icon_new.png") no-repeat;*display:inline;zoom:1}
.bbs_list .attach{display:inline-block;margin:0 3px;vertical-align:middle;width:16px;height:22px;text-align:left;text-indent:-9999px;background:url("../img/bbs/icon_doc.png") no-repeat;*display:inline;zoom:1}
.bbs_footer{position:relative;margin-top:30px}
.bbs_footer .bbs_page{padding-top:10px;height:30px;text-align:center}
.bbs_footer .bbs_page a{display:inline-block;position:relative;margin:0 1px;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:top;font-size:1.6em;color:#9c9c9c}
.bbs_footer .bbs_page a.active{color:#fff;border-radius:50%;background:#0075c2}
.bbs_footer .bbs_page .first{margin:0 4px;background:url("../img/bbs/page_first.png") no-repeat center center}
.bbs_footer .bbs_page .prev{margin:0 8px 0 4px;background:url("../img/bbs/page_prev.png") no-repeat center center}
.bbs_footer .bbs_page .next{margin:0 4px 0 8px;background:url("../img/bbs/page_next.png") no-repeat center center}
.bbs_footer .bbs_page .last{margin:0 4px;background:url("../img/bbs/page_last.png") no-repeat center center}
.bbs_footer .bbs_page .first:after,
.bbs_footer .bbs_page .last:after{content:"";display:block;position:absolute;right:-6px;top:50%;margin-top:-7px;width:1px;height:14px;background:#ddd}
.bbs_footer .bbs_page .last:after{right:auto;left:-6px}
.bbs_footer .btn_right{position:absolute;right:0;top:0;z-index:10}
.bbs_footer .btn_box a{display:block;float:left;margin-right:10px}
.bbs_footer .btn_right a{margin:0 0 0 10px}
.bbs_footer .bbs_search{position:relative;margin:0 auto;margin-top:40px;padding:0 70px 0 120px;max-width:520px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bbs_footer .bbs_search .input_search{padding:0 10px;width:100%;height:40px;font-size:1.6em;color:#393939;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:38px;line-height:38px\9;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.bbs_footer .bbs_search .btn_search{position:absolute;right:0;top:0;width:60px;height:40px;line-height:40px;font-size:1.6em}
.bbs_footer .bbs_search .select_item{position:absolute;left:0;top:0;width:110px}
.select_item{padding:0 10px;height:40px;font-size:1.6em;color:#393939;border:1px solid #ddd}

.bbs_view{border-top:2px solid #111}
.bbs_view .view_header{padding:40px 0;text-align:center;border-bottom:1px solid #ddd}
.bbs_view .view_header .title{line-height:1.2em;font-size:3em;color:#222;font-weight:700}
.bbs_view .view_header .info{margin-top:25px}
.bbs_view .view_header .info p{display:inline-block;position:relative;margin:0 18px;line-height:1.4em;font-size:1.6em;color:#777;vertical-align:top;*display:inline;zoom:1}
.bbs_view .view_header .info p b{font-weight:700;color:#555}
.bbs_view .view_header .info p:after{content:"";display:block;position:absolute;left:-18px;top:50%;margin-top:-8px;width:1px;height:16px;background:#ddd}
.bbs_view .view_header .info p:first-child:after{display:none}
.bbs_view .view_area{padding:5% 0}
.bbs_view .view_area .img{display:inline-block;width:100%;max-width:629px;vertical-align:top;*display:inline;zoom:1}
.bbs_view .view_area p{line-height:1.4em;font-size:1.6em;color:#777}
.bbs_view .view_area .view_title{margin-bottom:40px;padding-bottom:10px;line-height:50px;font-size:2.4em;color:#252525;font-weight:700;border-bottom:1px solid #ddd}
.bbs_view .view_attach{padding:15px 20px;text-align:left}
.bbs_view .view_attach .btn_attach{display:inline-block;padding-left:24px;line-height:1.4em;font-size:1.6em;color:#0075c2;background:url("../img/bbs/icon_doc.png") no-repeat left center}
.bbs_view .view_footer{position:relative;padding:30px 0;border-top:1px solid #888;border-bottom:1px solid #888;overflow:hidden}
.bbs_view .view_footer:after{content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-28px;width:1px;height:56px;background:#e9e9e9}
.bbs_view .view_footer .footer_left{float:left;width:49%}
.bbs_view .view_footer .footer_right{float:right;height:49%}
.bbs_view .view_footer .btn_link{display:block;position:relative;padding-left:100px}
.bbs_view .view_footer .btn_link .text{display:block;position:absolute;left:0;top:50%;padding-left:22px;margin-top:-10px;height:20px;line-height:20px;font-size:1.6em;color:#222;background:url("../img/bbs/view_left_arrow.png") no-repeat left center}
.bbs_view .view_footer .btn_link .title{display:block;line-height:1.4em;font-size:1.8em;color:#222;font-weight:700}
.bbs_view .view_footer .btn_link .date{display:block;margin-top:2%;line-height:1.4em;font-size:1.4em;color:#777}
.bbs_view .view_footer .footer_right .btn_link{padding:0 100px 0 0;text-align:right}
.bbs_view .view_footer .footer_right .btn_link .text{left:auto;right:0;padding:0 22px 0 0;background:url("../img/bbs/view_right_arrow.png") no-repeat right center}
.bbs_btn{padding:30px 0;text-align:center}
.bbs_btn a{display:inline-block;margin:0 4px;width:100px;vertical-align:top;*display:inline;zoom:1}
.bbs_view .comment_area .input_box{position:relative;padding:20px 112px 20px 20px;border:1px solid #f2f2f2;background:#f8f8f8}
.bbs_view .comment_area .input_box .input_comment{display:block;padding:10px;width:100%;height:84px;line-height:1.4em;font-size:1.6em;color:#222;border:1px solid #e6e6e6;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;overflow-y:auto;resize:none}
.bbs_view .comment_area .input_box .btn_comment{display:block;position:absolute;right:20px;top:20px;width:80px;height:84px;line-height:1.4em;text-align:center;font-size:1.6em;color:#fff;font-weight:700;border:0;background:#0075c2}

.bbs_view .comment_area .comment_list{margin-top:35px;border-top:2px solid #222}
.bbs_view .comment_area .comment_list li{display:table;width:100%;table-layout:fixed;border-bottom:1px solid #e1e1e1}
.bbs_view .comment_area .comment_list li:first-child{margin-top:0}
.bbs_view .comment_area .comment_list div{display:table-cell;padding:25px 0;vertical-align:top}
.bbs_view .comment_area .comment_list .name_box{padding-left:20px;width:100px}
.bbs_view .comment_area .comment_list .name_box p{line-height:1.4em;font-size:1.6em;color:#0075c2}
.bbs_view .comment_area .comment_list .text_box p{line-height:1.4em;font-size:1.6em;color:#222}
.bbs_view .comment_area .comment_list .date_box{position:relative;padding-right:60px;width:200x;text-align:right}
.bbs_view .comment_area .comment_list .date_box p{line-height:1.4em;font-size:1.4em;color:#999}
.bbs_view .comment_area .comment_list .date_box .btn_delete{display:block;position:absolute;right:15px;top:20px;text-align:left;text-indent:-9999px;width:30px;height:30px;background:url("../img/bbs/comment_delete.png") no-repeat center center}
.bbs_view .comment_area .comment_box{margin-top:3%;text-align:center}
.bbs_view .comment_area .comment_box .btn_comment_more{display:inline-block;padding:8px 16px;vertical-align:top;font-size:1.8em;color:#222;font-weight:700;border-bottom:3px solid #00a9e5;*display:inline;zoom:1}

.bbs_write{padding:25px 0;border-top:2px solid #111;border-bottom:1px solid #888}
.bbs_write .bbs_table{width:100%;table-layout:fixed}
.bbs_write th{position:relative;padding:20px 0;vertical-align:top;text-align:center;line-height:40px;font-size:1.6em;color:#777}
.bbs_write td{position:relative;padding:20px 0}
.bbs_write td p{line-height:40px;font-size:1.6em;color:#222}
.bbs_write th.border_left:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-12px;width:1px;height:24px;background:#ddd}
.bbs_write .input_text{padding:0 10px;width:100%;height:40px;font-size:1.6em;color:#222;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:38px;line-height:38px\9}
.bbs_write .file_area{position:relative;padding-left:110px;height:40px}
.bbs_write .file_area .file_box{position:absolute;left:0;top:0;width:100px;height:40px;overflow:hidden}
.bbs_write .file_area .file_box .btn_file{cursor:pointer;position:absolute;left:0;top:0;width:100px;height:40px;line-height:40px;font-size:1.6em;z-index:1}
.bbs_write .file_area .file_box .input_file{cursor:pointer;position:absolute;left:0;top:0;width:100px;height:40px;font-size:100px;filter:alpha(opacity=0);opacity:0;z-index:10}
.bbs_write .file_area .input_name{padding:0 10px;height:40px;line-height:40px;font-size:1.6em;color:#222;overflow:hidden}

.page_select_box{position:relative;margin:2.5% 0;height:40px;background:url("../img/bbs/select_line.png") repeat-x left center}
.page_select_box .page_select{position:absolute;left:50%;top:0;margin-left:-150px;width:300px;height:40px;background:#fff}
.page_select_box .select_box{height:40px;background:none}
.page_select_box .select{height:40px}
.page_select_box .icon{display:none}
.page_select_box .btn_value{display:block;padding:0 25px 0 0;width:265px;height:40px;line-height:40px;text-align:center;font-size:2.8em;color:#252525;font-weight:700;border:0;background:#fff url("../img/bbs/select_arrow.png") no-repeat right center}

.sub_about .story_panel .honor_result{margin-top:-1px;padding:15px 0;text-align:center;background:#fafafa}
.sub_about .story_panel .honor_result p{line-height:1.4em;font-size:1.8em;color:#0075c2}
.sub_about .story_panel .honor_panel .bbs_list .name p{color:#222!important;font-weight:700}
.sub_about .story_panel .honor_panel .bbs_list tr.total p{color:#555;font-weight:700}
.sub_about .story_panel .bbs_view.view_result{margin-top:3%}

.bbs_grid_gallery{position:relative;margin:0 -15px;margin-bottom:-15px;width:103.6%}
.bbs_grid_gallery .gallery_size,
.bbs_grid_gallery .gallery_box{width:33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bbs_grid_gallery .gallery_box{padding:0 15px 30px 15px}
.bbs_grid_gallery .img_box{display:block;position:relative}
.bbs_grid_gallery .img_box img{display:block;width:100%}
.bbs_grid_gallery .img_box .watermark{display:block;position:absolute;left:16px;bottom:16px;width:100px;height:33px;text-align:left;text-indent:-9999px;background:url("../img/about/honor/watermark.png") no-repeat;z-index:10}
.bbs_grid_gallery .over{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/about/honor_over.png");background-size:cover;z-index:10;filter:alpha(opacity=0);opacity:0}
.bbs_grid_gallery .over .icon{display:block;position:absolute;left:50%;top:50%;margin:-30px 0 0 -25px;width:50px;height:60px;text-align:left;text-indent:-9999px;background:url("../img/icon/thumb_over.png") no-repeat;z-index:20}
.bbs_grid_gallery .over .text{display:block;position:absolute;left:15px;bottom:13px;line-height:1.3em;font-size:1.8em;color:#fff;z-index:20}
.bbs_grid_gallery .over:hover{filter:"";opacity:1}
.bbs_gallery_header{position:relative;padding:20px 0;height:50px;z-index:20}
.bbs_gallery_header .search_box{float:right;position:relative;height:50px}
.bbs_gallery_header .search_box .input_search{padding:0 20px;width:300px;height:50px;font-size:1.5em;color:#9c9c9c;border:1px solid #ddd;*line-height:48px;line-height:48px\9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bbs_gallery_header .search_box .btn_search{display:block;position:absolute;right:0;top:0;width:50px;height:50px;text-align:left;text-indent:-9999px;border:0;background:url("../img/icon/header_search.png") no-repeat center center;z-index:20}
.bbs_gallery_header .sort_box{float:left}
.bbs_gallery_header .select_box{background-color:#fff}
.bbs_gallery_header .select_box .select_list{left:0;margin-top:-1px}

.gallery_slide{padding-top:4%}
.gallery_slide .slide_area{margin-bottom:6%}
.gallery_slide .slide_area .slide_list.load .slide_box{display:none}
.gallery_slide .slide_area .slide_list.load .slide_box:first-child{display:block}
.gallery_slide .slide_area .slide_list .slide_box{outline:none}
.gallery_slide .slide_area .slide_list .slide_box .img_box img{display:inline}
.gallery_slide .slide_area .slide_list .slide_box .text_box{padding:0 40px}
.gallery_slide .slide_area .slide_list .slide_box .text_box p{line-height:1.6em;font-size:1.6em;color:#555}
.gallery_slide .slide_area .slide_list{position:relative;z-index:10}
.gallery_slide .slide_area .slide_list .slick-prev{display:block;position:absolute;left:-5px;top:33%;width:40px;height:60px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_prev.png") no-repeat center center;z-index:100}
.gallery_slide .slide_area .slide_list .slick-next{display:block;position:absolute;right:-5px;top:33%;width:40px;height:60px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_next.png") no-repeat center center;z-index:100}
.gallery_slide .thumb_area{padding:0 40px;padding-bottom:10px;border-bottom:1px solid #ddd}
.gallery_slide .thumb_area .thumb_list{position:relative;height:80px;z-index:10}
.gallery_slide .thumb_list .slide_box{float:left;margin:0 5px;height:100%}
.gallery_slide .thumb_list .slide_box img{display:block;height:100%}
.gallery_slide .thumb_list .slick-prev{display:block;position:absolute;left:-40px;bottom:-10px;width:40px;height:80px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_thumb_prev.png") no-repeat left bottom;z-index:100}
.gallery_slide .thumb_list .slick-next{display:block;position:absolute;right:-40px;bottom:-10px;width:40px;height:80px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_thumb_next.png") no-repeat right bottom;z-index:100}
.gallery_slide .thumb_list .slick-current.slick-active{position:relative}
.gallery_slide .thumb_list .slick-current.slick-active:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #00a9e5}

/* gallery slide*/
.lSSlideOuter{position:relative;padding:0 40px}
.lightSlider li{text-align:center}
.lightSlider li img{display:inline}
.lightSlider .text_box{padding:0 5px;margin-top:5%;text-align:left}
.lightSlider .text_box p{line-height:1.6em;font-size:1.6em;color:#555}
.lsslide_arrow .btn_prev{display:block;position:absolute;left:-5px;top:33%;width:40px;height:60px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_prev.png") no-repeat center center;z-index:100}
.lsslide_arrow .btn_next{display:block;position:absolute;right:-5px;top:33%;width:40px;height:60px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_next.png") no-repeat center center;z-index:100}
.lSPager_wrap{position:relative;margin-top:6%!important;overflow:hidden;z-index:20}
.lSPager li{position:relative;border-radius:0px!important}
.lSPager .ls_thumb{display:block;position:relative;padding-top:110%;width:100%;height:0;background-size:cover;border-radius:0px!important}
.lSPager .active:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #00a9e5}
.lspager_arrow{position:relative;padding:0 40px;padding-bottom:10px;margin:0 -40px;margin-top:-80px;height:80px;border-bottom:1px solid #ddd}
.lspager_arrow .btn_prev{display:block;position:absolute;left:0;bottom:0;width:40px;height:90px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_thumb_prev.png") no-repeat left bottom;z-index:100}
.lspager_arrow .btn_next{display:block;position:absolute;right:0;bottom:0;width:40px;height:90px;border:0;text-align:left;text-indent:-9999px;background:url("../img/about/slide_thumb_next.png") no-repeat right bottom;z-index:100}
/* // gallery slide*/

.year_tab{position:relative;margin-top:3%;padding:0 20px;height:40px;border-bottom:1px solid #ebebeb}
.year_tab .tab_menu{height:39px;text-align:center}
.year_tab .tab_menu .btn_year{display:inline-block;width:83px;height:38px;line-height:38px;vertical-align:top;font-size:1.8em;color:#9c9c9c;border-bottom:2px solid transparent;*display:inline;zoom:1}
.year_tab .tab_menu .btn_year.active{color:#00a9e5;font-weight:700;border-bottom:2px solid #00a9e5}
.year_tab .arrow{position:absolute;left:0;bottom:0;width:15px;height:15px;background:url("../img/about/slide_thumb_prev.png")}
.year_tab .arrow.right{left:auto;right:0;background:url("../img/about/slide_thumb_next.png")}
.year_tab .slick-arrow{position:absolute;left:-27px;top:18px;width:30px;height:30px;border:0;text-indent:-9999px;background:url("../img/about/slide_thumb_prev.png") no-repeat center center;z-index:20}
.year_tab .slick-arrow.slick-next{left:auto;right:-27px;background:url("../img/about/slide_thumb_next.png") no-repeat center center}

.bbs_gallery_grid{margin:-22px -10px 0 -10px;width:102.7%;overflow:hidden}
.bbs_gallery_grid .list_box{float:left;padding:0 10px;width:33%;margin-top:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bbs_gallery_grid .btn_grid{display:block}
.bbs_gallery_grid .btn_grid .img_box{display:block;position:relative}
.bbs_gallery_grid .btn_grid img{display:block;width:100%}
.bbs_gallery_grid .btn_grid .text_box{display:block;margin-top:10px;height:48px;line-height:24px;font-size:1.6em;color:#000;overflow:hidden}
.bbs_gallery_grid .btn_grid .text_box span{color:#0075c2}
.bbs_gallery_grid .btn_grid .over{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/about/honor_over.png") no-repeat;background-size:100% 100%;z-index:10;filter:alpha(opacity=0);opacity:0}
.bbs_gallery_grid .btn_grid .over .icon{display:block;position:absolute;left:50%;top:50%;margin:-34px 0 0 -34px;width:68px;height:68px;background:url("../img/icon/video_play.png") no-repeat}
.bbs_gallery_grid .btn_grid .over_text{display:block;position:absolute;left:0;top:50%;right:0;padding:0 5% 0 10%;margin-top:-100px}
.bbs_gallery_grid .btn_grid .over_text span{display:block;padding:5px 0;line-height:24px;font-size:1.6em;color:#fff}
.bbs_gallery_grid .btn_grid .over_text b{font-weight:700}
.bbs_gallery_grid .btn_grid:hover .over{filter:"";opacity:1}
.bbs_gallery_grid .btn_grid:hover .text_box{font-weight:700}

.bbs_view.video_view{margin-top:3%;border-top:0}
.bbs_view.video_view .view_area{padding:3%;background:#252525}
.bbs_view.video_view .view_area .video_box{width:62%}
.bbs_view.video_view .view_area .video_area{position:relative;padding-bottom:56.25%;height:0;background:#000}
.bbs_view.video_view .view_area .video_area iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.bbs_view.video_view .view_area .text_box{padding:5% 0 5% 3%;width:38%}
.bbs_view.video_view .view_area .text_box p{line-height:1.5em;font-size:1.6em;color:#959595}
.bbs_view.video_view .view_area .text_box .title{line-height:1.3em;font-size:2.4em;color:#fff;font-weight:500}
.bbs_view.video_view .view_area .text_box .date{line-height:1.2em;font-size:1.4em;color:#777}
.bbs_view.video_view .view_area .text_area{margin:6% 0 8% 0}

.table_scroll{width:100%;overflow:hidden;overflow-x:auto}

/* 재단법인 박찬호 장악회 */
.sub_park .main_top{position:relative;z-index:10}
.sub_park .main_top .contains{position:relative;height:672px}
.sub_park .main_top .text_box{position:absolute;left:20px;top:45%;margin-top:-125px}
.sub_park .main_top .text_box p{line-height:1.6em;font-size:1.8em;color:#fff}
.sub_park .main_top .text_box .title{margin:2% 0 4% 0;line-height:1.2em;font-size:5em;font-family:"Nanum Myeongjo"}
.sub_park .main_top .text_box .sub{padding-left:4px}
.sub_park .main_middle{position:relative;padding-bottom:10%;background-position:center bottom;z-index:20}
.sub_park .main_middle .contains{position:relative}
.sub_park .main_middle .menu_area{position:absolute;left:20px;top:-15%;right:20px}
.sub_park .main_middle .main_menu{display:table;width:100%;table-layout:fixed}
.sub_park .main_middle .main_menu .btn_menu{display:table-cell;position:relative;vertical-align:top}
.sub_park .main_middle .main_menu .btn_menu img{display:block;width:100%}
.sub_park .main_middle .main_menu .btn_menu .text_box{display:block;position:absolute;left:0;top:0;right:0;padding:5% 0 0 8%;z-index:10}
.sub_park .main_middle .main_menu .btn_menu .text_box span{display:block;line-height:1.5em;font-size:1.5em;color:#fff}
.sub_park .main_middle .main_menu .btn_menu .text_box .title{margin-bottom:5%;font-size:3em}
.sub_park .main_middle .main_menu .btn_menu.menu_01{background:#249bfe}
.sub_park .main_middle .main_menu .btn_menu.menu_02{background:#53b949}
.sub_park .main_middle .main_menu .btn_menu.menu_03{background:#ada393}
.sub_park .main_middle .main_menu .btn_menu.menu_04{background:#a491c3}
.sub_park .main_gallery{padding-top:35%}
.sub_park .main_gallery .gallery_title{margin-bottom:4%;text-align:center}
.gallery_list{margin:0 -20px;width:104.4%;overflow:hidden}
.gallery_list li{float:left;padding:0 20px;width:33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gallery_list .btn_menu{display:block}
.gallery_list .btn_menu .img_box{display:block;position:relative;background:#000}
.gallery_list .btn_menu .img_box img{display:block;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.gallery_list .btn_menu .img_box .icon{display:block;position:absolute;left:50%;top:50%;margin:-34px 0 0 -34px;width:68px;height:68px;background:url("../img/icon/video_play.png") no-repeat;z-index:20}
.gallery_list .btn_menu .text_box{display:block;padding:12px 15px 0 15px;height:92px;border:1px solid #d5d5d5;border-top:0;background:#fff}
.gallery_list .btn_menu .title{display:block;height:52px;line-height:26px;font-size:1.8em;color:#373737;font-weight:500;overflow:hidden}
.gallery_list .btn_menu .date{display:block;margin-top:10px;line-height:1.2em;font-size:1.4em;color:#737373}
.gallery_list .btn_menu:hover .img_box img{filter:alpha(opacity=60);opacity:0.6}
.sub_park .main_bottom{padding:6% 0;background:#e5f6fc}
.sub_park .main_bottom .bottom_box{overflow:hidden}
.sub_park .main_bottom .interview_box{float:left;width:49%;height:380px}
.sub_park .main_bottom .interview_box a{display:block}
.sub_park .main_bottom .interview_box img{display:block;width:100%}
.sub_park .main_bottom .interview_box .interview_slide{position:relative}
.sub_park .main_bottom .interview_box .interview_slide .slide_box{outline:none}
.sub_park .main_bottom .interview_box .slick-dots{position:absolute;left:35px;bottom:25px;z-index:100}
.sub_park .main_bottom .interview_box .slick-dots li{float:left;width:22px;height:22px;line-height:22px;text-align:center}
.sub_park .main_bottom .interview_box .slick-dots button{display:inline-block;width:12px;height:12px;vertical-align:middle;text-align:left;text-indent:-9999px;border:0;border-radius:50%;outline:none;background:#fff;filter:alpha(opacity=80);opacity:0.8;*display:inline;zoom:1}
.sub_park .main_bottom .interview_box .slick-dots .slick-active button{width:18px;height:18px;filter:"";opacity:1}
.sub_park .main_bottom .news_box{float:right;padding:35px 40px 0 40px;width:49%;height:380px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_park .main_bottom .news_box .title_box{position:relative;margin-bottom:15px}
.sub_park .main_bottom .news_box .title_box .title{line-height:1.2em;font-size:2.4em;color:#222;font-weight:normal}
.sub_park .main_bottom .news_box .news_list li{padding:20px 0;border-top:1px solid #c8c9c9}
.sub_park .main_bottom .news_box .news_list li:first-child{margin-top:0;border:0}
.sub_park .main_bottom .news_box .news_list a{display:block;position:relative;padding-right:100px;height:30px;line-height:30px;font-size:1.8em;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub_park .main_bottom .news_box .news_list a .date{display:block;position:absolute;right:0;top:0;height:30px;line-height:30px;font-size:0.8em;color:#555}

.sub_text_box{text-align:center}
.sub_content .sub_text_box p{line-height:1.5em;font-size:1.8em;color:#555}
.sub_content .sub_text_box .title{margin-bottom:3%;line-height:1.3em;font-size:3em;color:#222}
.sub_content .sub_text_box .sub_title{line-height:1.4em;font-size:2.2em}
.sub_content .sub_text_box b{font-weight:700}
.sub_park .history_area{margin-top:3%;background-position:center top}
.sub_park .history_area .title_box{text-align:center}
.sub_park .history_area .title_box .title{display:inline-block;width:158px;height:56px;line-height:54px;text-align:center;font-size:2em;color:#00a9e5;font-weight:700;border:1px solid #1480c7;border-radius:29px}
.sub_park .history_tab_panel{display:none}
.sub_park .history_tab_panel.active{display:block}
.sub_park .history_list{position:relative;padding:5% 0 4% 0;width:50%;border-right:1px solid #ddd;z-index:10}
.sub_park .history_list li{position:relative;margin-top:8%}
.sub_park .history_list li:first-child{margin-top:0}
.sub_park .history_list p{margin-bottom:5px;line-height:1.4em;font-size:1.8em;color:#555}
.sub_park .history_list .title{color:#222;font-weight:700}
.sub_park .history_list .year{margin-bottom:1.5%;font-size:3.6em;color:#222;font-weight:700}
.sub_park .history_list .img_box{margin-top:4%;overflow:hidden}
.sub_park .history_list img{display:block;width:100%;max-width:549px}
.sub_park .history_list .year_box{width:200%;overflow:hidden}
.sub_park .history_list .text_box{float:left;position:relative;padding-right:40px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_park .history_list .year_box.right .text_box{float:right;margin-left:50%;padding:0 0 0 40px}
.sub_park .history_list .year_box.left{text-align:right}
.sub_park .history_list .year_box.left img{float:right}
.sub_park .history_list .dot{position:absolute;right:-8px;top:16px;width:15px;height:15px;background:url("../img/park/history_dot.png") no-repeat}
.sub_park .history_list .year_box.right .dot{right:auto;left:-7px}
.sub_park .history_bottom{position:relative;margin-top:-1px;text-align:center;z-index:20}
.sub_park .history_bottom .dot{display:inline-block;margin-left:2px;width:5px;height:5px;vertical-align:top;border-radius:50%;background:#0075c2;*display:inline;zoom:1}

.blue{color:#0075c2!important}
.sky{color:#00a9e5!important}
.darkblue{color:#143e74!important}

.sub_park .greet_panel{overflow:hidden}
.sub_park .greet_panel .bg_img{float:right;width:45%;max-width:510px}
.sub_park .greet_panel .sub_text_box{text-align:left}
.sub_park .greet_panel .sub_text_box .title{margin-bottom:2%;line-height:1.3em;font-size:3.2em}
.sub_park .greet_panel .sub_text_box .sub{margin-bottom:3%;line-height:1.4em;font-size:2.2em}
.sub_park .greet_panel .name_box{margin-top:10%;text-align:right}
.sub_park .greet_panel .name_box p{line-height:1.2em;font-size:1.6em;color:#222;font-weight:700}
.sub_park .greet_panel .name_box img{display:inline-block;margin:-4px 0 0 20px;vertical-align:middle;*display:inline;zoom:1}

.sub_park .active_top{margin-top:5%}
.sub_park .active_left{float:left;width:49%}
.sub_park .active_left img{display:block;margin-left:-3%;width:100%;max-width:637px}
.sub_park .active_right{float:right;position:relative;padding-top:10%;width:50%}
.sub_park .active_right p{position:relative;line-height:1.5em;font-size:1.8em;color:#000;z-index:10}
.sub_park .active_right p b{font-weight:700}
.sub_park .active_right .sub_text_box{text-align:left}
.sub_park .active_right .sub_text_box .title{line-height:1.3em;font-size:3em}
.sub_park .active_right .bg_img{display:block;position:absolute;right:0;top:0;width:50%;max-width:262px;z-index:1}

.sub_park .active_panel{margin-top:5%;overflow:hidden}
.sub_park .active_panel.table_box .table_td{width:46%;vertical-align:top}
.sub_park .active_panel.table_box .table_td:first-child{padding-right:2%;width:54%}
.sub_content .sub_panel_title{margin-bottom:2%;line-height:1.2em;font-size:2.4em;color:#0075c2;font-weight:700}
.sub_content p.dot{position:relative;padding-left:8px}
.sub_content p.dot:before{content:"-";display:block;position:absolute;left:0;top:0;line-height:1.5em}

.sub_park .active_panel .process_list{display:table;width:100%}
.sub_park .active_panel .process_list li{display:table-cell;position:relative;padding:0 20px;vertical-align:top;text-align:center}
.sub_park .active_panel .process_list .img_box{margin-bottom:20px}
.sub_park .active_panel .process_list .text_box{margin:0 auto;max-width:340px}
.sub_park .active_panel .process_list .icon{position:absolute;left:-10%;top:44px;width:60px;height:16px;background:url("../img/park/step_arrow.png") no-repeat}
.sub_park .active_panel .process_list li:first-child .icon{display:none}
.sub_park .active_panel .bbs_list td.type{background:#f5f5f5}
.sub_park .active_panel .bbs_list td.type p{color:#555}
.sub_park .active_panel .bbs_list td.desc p{color:#222;font-weight:700}
.sub_park .active_panel .bbs_list td.number{background:#e5f6fc}
.sub_park .active_panel .bbs_list td.number p{color:#00438e;font-weight:700}
.sub_park .active_panel .bbs_list tfoot td{border-top:1px solid #e9e9e9;background:#f5f5f5}

.sub_park .active_camp{margin-top:5%}
.sub_park .active_camp .sub_text_box .title{font-weight:700}
.sub_park .active_camp .img_box img{display:block;width:100%}
.sub_park .camp_top{position:relative;z-index:1}
.sub_park .camp_text{position:relative;padding:0 40px;z-index:10}
.sub_park .camp_text .text_box{margin-top:-80px;padding:50px 10px 0 10px;text-align:center;background:#fff}
.sub_park .camp_text .sub{line-height:1.4em;font-size:2em;color:#222}
.sub_park .camp_text .title{margin-bottom:3%;line-height:1.2em;font-size:3em;color:#222;font-weight:700}

.info_lsit li{position:relative;margin-top:20px;padding-left:88px}
.info_lsit li:first-child{margin-top:0}
.info_lsit li p{line-height:1.4em;font-size:1.8em;color:#555}
.info_lsit li .label{position:absolute;left:0;top:0;color:#222;font-weight:700}
.info_lsit li.enterline{padding-left:0}
.info_lsit li.enterline .label{position:relative;left;auto;top:auto;margin-bottom:10px}

.sub_park .active_student .student_top{margin:3% 0}
.sub_park .active_student .student_top .img_box{width:40%}
.sub_park .active_student .student_top .img_box img{width:100%;max-width:480px}
.sub_park .active_student .student_top .text_box{width:60%;text-align:left}
.sub_park .active_student .student_top .text_box .sub_text_box{text-align:left}
.sub_park .active_student .student_top .text_box .title{margin-bottom:2%}
.sub_park .active_student .student_table th,
.sub_park .active_student .student_table td{padding:10px}
.sub_park .active_student .student_table .club{padding-left:5%;text-align:left;white-space:nowrap}
.sub_park .active_student .student_table .club img{display:inline-block;margin:-2px 10px 0 0;vertical-align:middle;*display:inline;zoom:1}
.sub_park .active_student .student_table .club p{color:#222;font-weight:700}
.sub_park .active_student .bbs_list .name p{color:#0075c2;font-weight:700}
.sub_park .active_student .student_table .position{background:#e5f6fc}
.sub_park .active_student .student_table .position p{margin-top:16px;font-size:2em;color:#222;font-weight:700}
.sub_park .active_student .year_tab{margin-bottom:5%}

.sub_park .interview_panel .sub_title_box{position:relative;z-index:1}
.sub_park .interview_panel .bbs_area{position:relative;z-index:10}
.sub_park .interview_panel .bbs_area .bbs_gallery_header{padding:0;height:0}
.sub_park .interview_panel .bbs_area .search_box{position:absolute;right:0;top:-7.5%}

/* lesson */
.gallery_area{position:relative}
.gallery_panel{position:relative;margin-top:6%}
.gallery_panel:first-child{margin-top:0}
.gallery_area .gallery_title{margin-bottom:20px;text-align:center;line-height:1.2em;font-size:3.4em;color:#00438e;font-weight:700}
.gallery_area .btn_more{position:absolute;right:0;top:20px}

.sub_lesson .bbs_view.video_view .view_area{background:#e5f6fc}
.sub_lesson .bbs_view.video_view .view_area .text_box .title{color:#143e74}

/* member */
.sub_member{min-height:600px;background:#fff url("../img/member/member_bg.jpg") no-repeat center bottom;background-size:cover}
.member_panel .login_box{position:relative;margin:50px auto;padding:50px 0;width:100%;max-width:580px;background:#f5f5f5}
.member_panel .login_box .input_box{margin:0 auto;max-width:250px;width:90%}
.member_panel .input_text{padding:0 15px;width:100%;height:34px;font-size:1.4em;color:#959595;border:1px solid #ccc;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:32px;line-height:34px\9}
.member_panel textarea.input_text{padding:15px;line-height:1.4em;width:100%!important;height:300px;overflow:hidden;overflow-y:auto;resize:none}
.member_panel .btn_line{display:block;height:34px;line-height:32px;text-align:center;vertical-align:top;font-size:1.4em;color:#252525;border:1px solid #252525;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.member_panel .btn_normal{display:block;height:34px;line-height:32px;text-align:center;vertical-align:top;font-size:1.4em;color:#fff;border-color:#0075c2;background:#0075c2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.member_panel .login_box .input_text{margin-top:10px}
.member_panel .login_box .input_text:first-child{margin-top:0}
.member_panel .login_box .btn_login{display:block;width:100%;height:40px;text-align:center;font-size:1.5em;color:#fff;border:0;background:#0075c2}
.member_panel .login_box .btn_confirm{display:block;margin-top:20px;width:100%;height:40px;text-align:center;font-size:1.5em;color:#fff;border:0;background:#898989}
.member_panel .login_box .btn_box{margin-top:25px;text-align:center}
.member_panel .login_box .btn_box a{display:inline-block;padding:0 5px;height:24px;line-height:24px;vertical-align:top;font-size:1.4em;color:#959595;*display:inline;zoom:1}
.member_panel .login_box .btn_box a:hover{color:#666}
.member_panel .login_box .btn_box .line{display:inline-block;margin:0 6px 0 8px;width:1px;height:24px;vertical-align:top;background:url("../img/icon/login_line.png") no-repeat center center;*display:inline;zoom:1}
.member_panel .login_box .btn_box .btn_join{color:#0075c2}
.member_panel .login_box .login_check{margin:14px 0;height:20px}
.member_panel .login_box .login_check .check_box{float:left}
.member_panel .login_box .login_title{margin-bottom:24px;text-align:center;line-height:1em;font-size:1.8em;color:#252525;font-weight:500}
.member_panel .find_area{padding:0 70px}
.member_panel .find_box{max-width:100%;text-align:center}
.member_panel .find_box .id_box,
.member_panel .find_box .pw_box{display:inline-block;width:26%;max-width:532px;vertical-align:top;*display:inline;zoom:1}
.member_panel .find_box .btn_find{display:block;margin-top:20px;width:100%;height:40px;text-align:center;font-size:1.5em;color:#fff;border:0;background:#999}
.member_panel .find_box .id_box{margin-right:8%}
.member_panel .find_box .pw_box{margin-left:8%}
.member_panel .find_box .input_box{width:100%;max-width:250px}
.member_panel .login_box .auth_box{position:relative;margin-top:10px}
.member_panel .login_box .auth_box .input_text{margin-top:0}
.member_panel .login_box .box_line{position:absolute;left:50%;top:60px;bottom:60px;width:1px;background:#e1e1e1}
.member_panel .login_box .auth_box .btn_auth{position:absolute;top:0;right:-120px;width:110px}

.member_panel .result_box{margin:0 auto;padding:40px 0;text-align:center}
.member_panel .result_box p{font-size:1.8em;color:#252525;font-weight:500}
.member_panel .result_box p span{color:#00aeef}
.member_panel .result_box .btn_bottom{margin-top:30px}
.member_panel .result_box .btn_bottom a{display:inline-block;margin:0 8px;width:140px;height:40px;line-height:38px;font-size:1.5em;*display:inline;zoom:1}

.member_panel .join_box .join_step{margin-bottom:34px;padding:40px 0;background:#f5f5f5}
.member_panel .join_box .step_list{text-align:center;padding:0 10%}
.member_panel .join_box .step_list li{display:inline-block;position:relative;width:23%;vertical-align:top;*display:inline;zoom:1}
.member_panel .join_box .step_list .icon_box{margin:0 auto;width:90px;height:90px;border-radius:50%;background:#fff}
.member_panel .join_box .step_list p{margin-top:10px;height:20px;line-height:20px;font-size:1.5em;color:#959595}
.member_panel .join_box .step_list .arrow{display:block;position:absolute;left:-7px;top:32px;width:14px;height:26px;background:url("../img/member/step_arrow.png") no-repeat}
.member_panel .join_box .step_list li:first-child .arrow{display:none}
.member_panel .join_box .step_list .step_01 .icon_box{background:#fff url("../img/member/step_01.png") no-repeat center center}
.member_panel .join_box .step_list .step_02 .icon_box{background:#fff url("../img/member/step_02.png") no-repeat center center}
.member_panel .join_box .step_list .step_03 .icon_box{background:#fff url("../img/member/step_03.png") no-repeat center center}
.member_panel .join_box .step_list .step_01.active .icon_box{background:#0075c2 url("../img/member/step_01_on.png") no-repeat center center}
.member_panel .join_box .step_list .step_02.active .icon_box{background:#0075c2 url("../img/member/step_02_on.png") no-repeat center center}
.member_panel .join_box .step_list .step_03.active .icon_box{background:#0075c2 url("../img/member/step_03_on.png") no-repeat center center}
.member_panel .join_box .step_list li.active p{color:#252525}
.member_panel .join_box .step_text{text-align:center;color:#777}
.member_panel .join_box .join_title{margin:40px 0 18px 0;line-height:1em;font-size:1.8em;color:#252525;font-weight:500}

.check_box{display:block;position:relative;padding-left:28px;height:18px;line-height:18px;font-size:1.4em;color:#707070;background:url("../img/icon/check.png") no-repeat left center}
.check_box .check{cursor:pointer;position:absolute;left:0;top:0;width:18px;height:18px;filter:alpha(opacity=0);opacity:0;z-index:10}
.check_box.active{background:url("../img/icon/check_on.png") no-repeat left center}
.radio_box{display:block;float:left;position:relative;margin:5px 10px 5px 0;padding:0 10px 0 28px;height:18px;line-height:18px;font-size:1.4em;color:#707070;background:url("../img/icon/radio.png") no-repeat left center}
.radio_box .radio{cursor:pointer;position:absolute;left:0;top:0;width:18px;height:18px;filter:alpha(opacity=0);opacity:0;z-index:10}
.radio_box.active{background:url("../img/icon/radio_on.png") no-repeat left center}

.join_terms .terms_box{padding:18px 20px;height:200px;border:1px solid #e1e1e1;background:#fff;overflow:hidden;overflow-y:auto}
.join_terms .terms_box p{line-height:1.4em;font-size:1.4em;color:#707070}
.join_terms .terms_check{margin-top:18px;height:18px}
.join_terms .terms_check .check_box{float:left} 

.join_box .page_btn{position:relative;margin-top:50px;text-align:center}
.join_box .page_btn a{display:inline-block;margin:0 8px;width:100px;height:40px;line-height:38px;vertical-align:top;font-size:1.5em;color:#fff;*display:inline;zoom:1}
.join_box .page_btn .btn_confirm{border-color:#0075c2;background:#0075c2}
.join_box .page_btn .btn_cancel{border-color:#898989;background:#898989}
.join_box .page_btn .btn_next{display:block;margin:0;position:absolute;right:0;top:0;padding:0 15px;width:auto;font-size:1.5em;color:#252525}
.join_box .page_btn .btn_prev{display:block;margin:0;position:absolute;left:0;top:0;padding:0 15px;width:auto;font-size:1.5em;color:#252525}
.join_box .page_btn .btn_prev .arrow{margin:-2px 6px 0 0;background:url("../img/icon/prev_arrow.png") no-repeat}
.join_box .page_btn .arrow{display:inline-block;margin:-2px 0 0 6px;width:6px;height:10px;background:url("../img/icon/next_arrow.png") no-repeat;*display:inline;zoom:1}
.join_box .page_btn .btn_modify{width:130px;background:#000}

.form_box .form_desc{margin-bottom:30px;text-align:center;font-size:1.4em;color:#777}
.form_box .important{color:#ed1c24}
.form_box .form_title{margin:40px 0 18px 0;line-height:1em;font-size:1.8em;color:#252525;font-weight:500}
.form_box .red{color:#ed1c24}
.form_table{width:100%;table-layout:fixed;border-top:2px solid #252525}
.form_table th{padding:7px 10px 7px 20px;width:110px;text-align:left;font-size:1.4em;color:#252525;font-weight:500;border-bottom:1px solid #ebebeb;background:#f5f5f5}
.form_table td{padding:7px 20px;height:34px;text-align:left;border-bottom:1px solid #ebebeb;background:#fff}
.form_table p{color:#252525}
.form_table p .label{margin-right:5px;color:#959595}
.form_table .input_text{float:left;width:100%;max-width:250px}
.form_table .btn_check{float:left;margin-left:10px;width:80px;border-color:#898989;background:#898989}
.form_table .select_box{float:left;width:180px;height:34px}
.form_table .select_box .btn_value{height:34px;line-height:32px;font-size:1.4em}
.form_table .select_box .select_list a{height:30px;line-height:30px;font-size:1.4em}
.form_table .select_box .select_list{left:0;top:33px}
/*.form_table .select_box{display:block;padding:0 10px;width:180px;height:34px;font-size:1.4em;color:#959595;border:1px solid #ccc;background:#fff}*/

.form_table .input_title{width:100%}
.form_table .desc{float:left;margin-left:20px;height:34px;line-height:34px;font-size:1.4em;color:#959595}
.form_table .auth_box .input_box{height:34px}
.form_table .auth_box .btn_auth{float:left;margin-left:10px;width:110px}
.form_table .auth_box .input_auth{float:none;margin-top:6px}
.form_table .unit{float:left;padding:0 8px;height:34px;line-height:34px;text-align:center;font-size:1.4em;color:#959595}
.form_table .email_box .input_text{max-width:250px;width:30%}
.form_table .email_box .select_box{float:left;margin-left:10px;max-width:180px;width:28%}
.form_table .valign{padding-top:13px;vertical-align:top}
.form_table .address_box .zip_box{height:34px}
.form_table .address_box .zip_box .input_text{width:140px}
.form_table .address_box .zip_box .btn_zip{float:left;margin-left:10px;width:80px}
.form_table .address_box .input_address{float:none;margin-top:6px;width:100%;max-width:530px}
.form_table .value{padding:0;height:34px;line-height:34px;font-size:1.4em;color:#252525}
.form_table .name_box .input_text{display:block;float:none;margin-top:6px}
.form_table .name_box .input_text:first-child{margin-top:0}
.form_box .form_check{margin-top:20px;height:20px}
.form_box .form_check .check_box{float:left;margin-top:12px}
.form_box .form_check .check_box:first-child{margin-top:0}
.form_box .form_sub .input_min,
.form_box .form_sub .select_min{width:100px}
.form_box .form_sub .input_text{width:100%;max-width:250px}
.form_box .form_sub .select_box{width:100%;max-width:160px}
.form_box .eye_box .input_text{margin-right:10px;max-width:80px;width:35%}
.form_table.form_list thead th{text-align:center;border-bottom:1px solid #cdcdcd}
.form_table.form_list tfoot td,
.form_table.form_list tbody td{padding-left:10px;padding-right:10px}
.form_table.form_list .input_text,
.form_table.form_list .select_box{width:100%}
.form_box .age_box{position:relative;padding:0 20px}
.form_box .age_box .unit{position:absolute;right:-10px;top:0}
.form_box .age_box .unit:first-child{right:auto;left:-10px}
.form_table .form_add_box .btn_add{display:block;width:100%}
.form_table .form_add_box .btn_add .icon{display:inline-block;margin:-4px 4px 0 0;vertical-align:middle;font-size:1.4em;font-weight:500;*display:inline;zoom:1}
.form_table .form_add_box .desc{margin-left:0}
.form_table .form_add_box.career .btn_add{float:left;width:13%}
.form_table .form_add_box.career .desc{margin-left:20px}
.form_box .profile_box{padding:25px;vertical-align:top}
.form_box .profile_box .profile_img{height:138px;border:1px solid #ccc;overflow:hidden}
.form_box .profile_box .profile_img .profile{display:block;width:100%}
.form_box .profile_box .empty_box{padding-top:88px;background:url("../img/icon/profile_empty.png") no-repeat center 24px}
.form_box .profile_box .empty_box p{text-align:center;line-height:1.2em;font-size:1.4em;color:#959595}
.form_box .profile_box .upload_box{position:relative;height:34px;margin-top:10px;overflow:hidden}
.form_box .profile_box .upload_box .input_file{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:34px;font-size:34px;filter:alpha(opacity=0);opacity:0;z-index:10}
.form_table .center{text-align:center!important}
.form_valid_box{margin:15px 0 0 0;text-align:center}
.form_valid_box .valid_msg.warn{color:#f26c4f}
.form_valid_box .valid_msg .icon{display:inline-block;margin:-2px 6px 0 0;vertical-align:middle;*display:inline;zoom:1}
.form_table.form_list .input_box{margin-top:6px;height:34px}
.form_table.form_list .input_box:first-child{margin-top:0}
.form_table.form_list .select_year{float:left;width:55%}
.form_table.form_list .select_month{float:right;width:40%}
.form_table.form_list .point_box .input_text{float:right;padding:0 5px;width:42%;text-align:center}
.form_table.form_list .point_box .input_text:first-child{float:left}
.form_table.form_list .point_box .unit{padding:0;width:14%}
.form_table.form_list textarea.input_text{height:110px}
.form_table.no_border{border-top:0}
.form_table.introduce_table .introduce_title{margin:10px 0;color:#707070}
.form_box .form_maintitle{margin:50px 0 25px 0;line-height:1.2em;font-size:2.4em;color:#252525;font-weight:500}
.form_box .form_maintitle span{margin-right:10px;color:#aba000}
.form_box .form_maintitle .btn_modify{display:inline-block;margin:-4px 0 0 15px;width:70px;height:28px;line-height:28px;vertical-align:middle;text-align:center;font-size:0.6em;color:#fff;background:#f26c4f;*display:inline;zoom:1}
.form_table.table_center td{text-align:center}
.form_table .left{text-align:left!important} 

.table_scrollx{width:100%;overflow:hidden;overflow-x:auto}

.member_panel .join_complete{padding:60px 0;text-align:center}
.member_panel .join_complete p{line-height:1.4em;font-size:1.8em;color:#777}
.member_panel .join_complete .complete_text{margin-bottom:20px;font-size:3em;color:#252525}
.member_panel .join_complete .complete_text b{font-weight:500}
.member_panel .join_complete .complete_text span{color:#aba000}
.member_panel .join_complete .complete_btn{margin-top:50px;text-align:center}
.member_panel .join_complete .complete_btn a{display:inline-block;margin:0 8px;width:140px;height:40px;line-height:40px;font-size:1.5em;*display:inline;zoom:1}

.member_panel .drop_box .drop_text{margin-bottom:1.5%;text-align:center}
.member_panel .drop_box .drop_text .title{margin-bottom:2%;line-height:1.2em;font-size:2.8em;color:#252525}
.member_panel .drop_box .drop_text .title b{font-weight:700}
.member_panel .drop_box .drop_input{position:relative;padding:18px 18px 18px 140px;border-top:2px solid #222;border-bottom:1px solid #888;background:#fff}
.member_panel .drop_box .drop_input .label{position:absolute;left:18px;top:50%;margin-top:-10px;line-height:20px}

/* 온라인 박물관 */
.bbs_area .view_detail{position:relative;margin-top:-2px;background:#fff;overflow:hidden}
.bbs_area .view_detail .detail_img{float:left;width:49%}
.bbs_area .view_detail .detail_info{position:relative;float:right;width:49%}
.bbs_area .view_detail .detail_info .title_box{display:table;width:100%;height:80px;border-top:2px solid #000;border-bottom:1px solid #000}
.bbs_area .view_detail .detail_info .title_box .title{display:table-cell;padding:10px 10px 10px 20px;vertical-align:middle;line-height:1.2em;font-size:2.8em;color:#222;font-weight:700}
.bbs_area .view_detail .detail_info .info_list{padding:20px 0;border-bottom:1px solid #000}
.bbs_area .view_detail .detail_info .info_list li{position:relative;padding:10px 0 10px 130px}
.bbs_area .view_detail .detail_info .info_list p{line-height:1.4em;font-size:1.8em;color:#222;font-weight:700}
.bbs_area .view_detail .detail_info .info_list .label{position:absolute;left:20px;top:10px;color:#777;font-size:1.6em}
.bbs_area .view_detail .detail_info .info_desc{padding:40px 10px 0 20px;line-height:1.4em;font-size:1.6em;color:#222}
.bbs_area .view_detail #detail_zoom{position:absolute;left:0;top:0;width:100%;height:100%;z-index:50}
.bbs_area .view_detail #museum_detail_slide{display:block;position:relative!important;width:100%!important;height:auto!important}
.bbs_area .view_detail #museum_detail_thumb{display:table;width:100%;table-layout:fixed;border-spacing:4px}
.bbs_area .view_detail #museum_detail_thumb .btn_thumb{display:table-cell;vertical-align:top}
.bbs_area .view_detail #museum_detail_thumb img{display:block;width:100%}
.bbs_area .view_detail #museum_detail_thumb.half{width:50%}
.bbs_area .view_detail #museum_detail_thumb.mid{width:66%}
.bbs_area .view_detail .thumb_area{margin:0 -4px;margin-top:10px}
.bbs_area .view_detail .thumb_area img{cursor:pointer;display:block;width:100%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.bbs_area .view_detail .thumb_area .active img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.zoomWrapper{width:auto!important;height:auto!important}
.zoomContainer{z-index:200}
.zoomWindow{border:1px solid #000!important}
#popup_img_zoom{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("../img/common/bg_popup.png") repeat;z-index:1000}
#popup_img_zoom .popup_area{position:absolute;left:50%;top:50%}
#popup_img_zoom .popup_area .btn_close{display:block;position:absolute;right:0;top:-47px;width:47px;height:47px;background:url("../img/icon/popup_close.png") no-repeat}
#popup_img_zoom .popup_area img{display:block;max-width:1024px;width:100%}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
.mfp-wrap .mfp-close{right:0!important;top:-4px!important;width:44px!important;height:44px!important;text-align:left!important;text-indent:-9999px!important;background:url("../img/icon/popup_close.png") no-repeat center top!important}

/* 20180528 */
/* 메인 */
.main_content .main_top{position:relative;height:500px}
#main_slide,
#main_slide .slide_box{position:relative;height:500px;outline:none}
#main_slide .slide_01 .text_box{position:absolute;left:50%;top:50%;margin:-120px 0 0 -556px;padding-top:60px;width:1112px;height:201px;text-align:center;background:url("../img/main/text_shadow.png") no-repeat center center}
#main_slide .slide_01 .text_box p{line-height:1.4em;font-size:6em;color:#fff;font-family:'Nanum Myeongjo', serif;letter-spacing:-1px}
#main_slide .slide_01 .text_box .title{font-weight:700}
#main_slide .slide_01 .text_box .text{font-size:1.8em}
#main_slide .slide_02 .text_box{position:absolute;left:0;right:0;top:50%;margin-top:-110px;text-align:right}
#main_slide .slide_02 .text_box .text_inner{padding-right:100px}
#main_slide .slide_02 .text_box p{line-height:1.6em;font-size:1.6em;color:#fff}
#main_slide .slide_02 .text_box .sub{margin-bottom:5px;line-height:1.2em;font-size:3em}
#main_slide .slide_02 .text_box .title{margin-bottom:30px;line-height:1.2em;font-size:7em;font-weight:800}
#main_slide .slide_03 .text_box{position:absolute;left:0;right:0;top:50%;margin-top:-80px;text-align:left}
#main_slide .slide_03 .text_box p{line-height:1.6em;font-size:1.6em;color:#fff}
#main_slide .slide_03 .text_box .sub{margin-bottom:5px;line-height:1.2em;font-size:2.4em}
#main_slide .slide_03 .text_box .title{margin-bottom:20px;line-height:1.2em;font-size:4em;font-weight:800}
#main_slide.load .slide_box{display:none}
#main_slide.load .slide_box:first-child{display:block}
#main_slide .slick-arrow{display:block;position:absolute;left:55px;top:50%;margin-top:-40px;width:50px;height:80px;text-align:left;text-indent:-9999px;border:0;outline:none;background:url("../img/main/slide_prev.png") no-repeat;z-index:100}
#main_slide .slick-arrow.slick-next{left:auto;right:55px;background:url("../img/main/slide_next.png") no-repeat}
.main_content .main_bottom{padding:30px 0 100px 0}
.main_content .main_bottom .contains{position:relative}
.main_content .main_bottom .main_left{width:50%}
.main_content .main_bottom .btn_banner{display:block;position:relative;margin-bottom:15px;height:136px}
.main_content .main_bottom .btn_banner img{display:block;width:100%}
.main_content .main_bottom .btn_banner .text_box{display:block;position:absolute;right:40px;top:50%;margin-top:-35px;text-align:right}
.main_content .main_bottom .btn_banner .text_box span{display:block;line-height:1.4em;font-size:1.7em;color:#fff}
.main_content .main_bottom .btn_banner .text_box .title{font-size:3em}
.main_content .main_bottom .text_area{padding-right:40px;height:164px}
.main_content .main_bottom .text_area .link_chanho{display:block;position:relative;height:50px;line-height:50px;font-size:1.6em;font-weight:700;color:#000101}
.main_content .main_bottom .text_area .link_chanho .icon{display:block;position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:16px;background:url("../img/main/icon_plus.png") no-repeat}
.main_content .main_bottom .text_area .title{display:block;height:40px;line-height:40px;font-size:2em;font-weight:700;color:#000101;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_bottom .text_area .title .icon_new{display:inline-block;margin:-4px 8px 0 0;width:18px;height:18px;vertical-align:middle;background:url("../img/main/icon_new.png") no-repeat;*display:inline;zoom:1}
.main_content .main_bottom .text_area .date{display:block;height:20px;line-height:20px;font-size:1.2em;font-weight:700;color:#999}
.main_content .main_bottom .text_area .text{margin-top:10px;height:62px;overflow:hidden; line-height:22px;font-size:14px;color:#777 !important; }
.main_content .main_bottom .text_area .text p{line-height:22px;font-size:14px;color:#777 !important; }
.main_content .main_bottom .link_area{margin-top:35px;padding-right:40px}
.main_content .main_bottom .link_area .title{margin-bottom:10px;height:40px;line-height:40px;font-size:1.6em;color:#000;font-weight:700}
.main_content .main_bottom .link_area .link_list{width:110%;overflow:hidden}
.main_content .main_bottom .link_area .link_list li{float:left;padding-right:5%;width:24%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_content .main_bottom .link_area .link_list .btn_link{display:block;position:relative}
.main_content .main_bottom .link_area .link_list .btn_link .text{display:block;line-height:38px;font-size:1.6em;color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_bottom .link_area .link_list .btn_link .icon_play{display:block;position:absolute;left:50%;top:50%;margin:-45px 0 0 -25px;width:50px;height:50px;background:url("../img/main/icon_play.png") no-repeat}
.main_content .main_bottom .link_area .link_list img{display:block;width:100%}
.main_content .main_bottom .link_area .link_list .btn_link:hover img{filter:alpha(opacity=80);opacity:0.8}
.main_content .main_bottom .link_area.instagram .title{padding-left:45px;background:url("../img/main/icon_instagram.png") no-repeat left center}
.main_content .main_bottom .main_right{position:absolute;right:20px;top:0;left:50%}
.main_content .main_bottom .main_right .text_area,
.main_content .main_bottom .main_right .link_area{padding:0 0 0 40px}
.main_content .main_bottom .link_area.video .link_list{width:104%}
.main_content .main_bottom .link_area.video .link_list li{padding-right:2%;width:33%}

/* 온라인 박물관 메인 */
.main_museum{height:1550px;background:url("../img/museum/bg_museum.jpg") no-repeat center top}
.main_museum .museum_top{padding-top:90px;height:250px;text-align:center}
.main_museum .museum_top .museum_title{margin:0 auto;width:608px;height:109px;line-height:109px;font-size:6.4em;color:#fff;font-weight:700;background:url("../img/museum/museum_title.png") no-repeat center center}
.main_museum .museum_mid{height:500px}
.main_museum .museum_mid .museum_menu{margin:0 auto;padding:120px 40px 0 40px;max-width:1860px;text-align:center}
.main_museum .museum_mid .museum_menu .btn_menu:hover img{transform:scale(1.2)}
.main_museum .museum_mid .museum_menu .btn_menu img{max-width:200px;width:100%}
.main_museum .museum_bot{padding-top:330px;text-align:center}
.main_museum .museum_bot .museum_title{height:120px;line-height:120px;font-size:4.8em;color:#fff;font-family:'Nanum Myeongjo', serif}
.main_museum .museum_bot .museum_title .quoat{display:inline-block;margin:0 16px;width:44px;height:120px;vertical-align:middle;background:url("../img/museum/quoat_left.png") no-repeat left top;*display:inline;zoom:1}
.main_museum .museum_bot .museum_title .quoat.right{background:url("../img/museum/quoat_right.png") no-repeat right bottom}

/* 약관 */
.terms_panel .terms_text{
	white-space: pre-wrap; /* CSS3*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-all; /* Internet Explorer 5.5+ */ 
	font-family:'NanumSquare', sans-serif;
	line-height:1.6em;font-size:1.6em;color:#555;
}
.terms_panel .terms_text .sub{margin-top:30px;line-height:1.4em;font-size:1.2em;color:#222}
.terms_panel .terms_text .title{margin-top:30px;line-height:1.4em;font-size:1.6em;color:#222;font-weight:700}
.terms_panel .terms_text .title:first-child{margin-top:0}
.terms_panel .terms_text .info{color:#143e74;font-weight:700}

@media screen and (max-width:1200px) {
	#header .gnb_box{padding-left:160px;padding-right:60px}
	#header .logo{top:10px;height:78px}
	#header .member_menu{display:none}
	#header .member_menu.mobile{display:block!important}
	#header .member_menu .btn_sidemenu{display:none}
	#gnb .btn_menu{font-size:1.8em}
	
	/* 재단법인 박찬호 장학회 */
	.sub_park .main_middle .main_menu .btn_menu .text_box .title{font-size:2.4em}
	.sub_park .main_middle .main_menu .btn_menu .text_box{padding:3% 4% 0 4%}
	.sub_park .main_middle .main_menu .btn_menu .text_box br{display:none}
	
	/* 20180528 */
	.main_content .main_top,
	#main_slide,
	#main_slide .slide_box{height:400px}
	
	.main_museum{height:1200px;background-size:cover}
	.main_museum .museum_top{padding-top:70px;height:220px}
	.main_museum .museum_mid{height:400px}
	.main_museum .museum_mid .museum_menu{padding-top:90px}
	.main_museum .museum_bot{padding-top:210px}
	.main_museum .museum_bot .museum_title{font-size:4.5em}
}

@media screen and (min-width:1025px) {
	#header{display:block!important}
	#header .header_box{right:0!important;filter:""!important;opacity:1!important}
	#header .gnb_box{right:auto!important;filter:""!important;opacity:1!important}
	#gnb .sub_menu{display:block!important}
	#header .header_mask{display:none}
}

@media screen and (max-width:1024px) {
	#header .pc{display:none!important}
	#header .mobile{display:block!important}
	
	#header{height:90px;z-index:1000}
	#header .header_box{position:static;left:auto;top:auto;right:auto;height:90px;overflow:visible}
	#header .contains{position:static}
	#header .logo{left:50%;margin-left:-63px;top:auto;height:100%}
	#header .header_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;height:auto;background:url("../img/common/side_bg.png") repeat;z-index:1000}
	#header .gnb_box{position:fixed;left:auto;top:0;right:-100%;bottom:0;padding:0;height:auto!important;width:45%;min-width:200px;background:#fff;box-shadow:none;filter:alpha(opacity=0);opacity:0;z-index:1100}
	#header .gnb_box .logo{left:0;margin-left:auto}
	#header .member_menu .btn_sidemenu{display:block}
	#gnb{display:block;position:absolute;left:0;top:90px;right:0;bottom:0;margin:0;padding:0;width:auto;max-width:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
	#gnb .menu{display:block;padding:0!important;width:auto;height:auto;border-bottom:1px solid #e9e9e9}
	#gnb .menu .btn_menu{display:block;padding:0 20px;height:70px;line-height:70px;text-align:left;font-size:2em;color:#555;background:url("../img/icon/gnb_arrow.png") no-repeat right center}
	#gnb .menu.active .btn_menu{background:url("../img/icon/gnb_arrow_on.png") no-repeat right center}
	#gnb .menu .sub_menu{display:none;position:relative;left:auto;top:auto;right:auto;padding:15px 25px;height:auto;border-top:1px solid #e9e9e9;background:#f6f6f6!important}
	#gnb .menu .sub_menu .btn_sub{height:34px;line-height:34px;text-align:left;font-size:1.6em;color:#555}
	
	#quick_menu{display:none}
	
	.sub_visual .bg_img{left:-50%;width:200%}
	
	.sub_content .sub_text_box .title{font-size:2.4em}
	
	/* about */
	.sub_about .about_top .contains{height:800px}
	.sub_about .about_top .bg_img{display:none}
	.sub_about .about_top .profile_box .title{margin-bottom:3%}
	.sub_about .about_top .profile_box .btn_detail{margin-top:2%}
	
	.sub_about .about_tochanho .panel_left{float:none;margin:0 auto;width:auto;max-width:519px}
	.sub_about .about_tochanho .panel_right{float:none;margin-top:3%;width:auto}
	
	.sub_about .about_news .news_bottom{padding-bottom:2%;height:auto}
	.sub_about .about_news .panel_left{float:none;width:auto}
	.sub_about .about_news .panel_right{float:none;width:auto}
	.sub_about .about_news .news_box{height:auto;padding-bottom:25px}
	.sub_about .about_news .news_box .news_list li{padding:10px 0}
	
	.sub_about .profile_panel .profile_box{width:70%}
	
	.sub_about .carrer_panel .panel_tab_area .img_box{float:none!important;width:auto;text-align:center}
	.sub_about .carrer_panel .panel_tab_area .img_box img{display:inline}
	.sub_about .carrer_panel .panel_tab_area .text_box{float:none;margin-bottom:3%;width:auto}
	
	.sub_about .story_panel .story_msgbox .msgbox_left,
	.sub_about .story_panel .story_msgbox .msgbox_right{float:none;margin:0 auto;width:auto;max-width:569px}
	.sub_about .story_panel .story_msgbox .msg_info{padding-top:2%}
	
	.bbs_view .view_footer{padding:10px 0}
	.bbs_view .view_footer:after{display:none}
	.bbs_view .view_footer .footer_left,
	.bbs_view .view_footer .footer_right{float:none;width:auto}
	.bbs_view .view_footer .footer_left .btn_link{padding:10px 0 10px 90px}
	.bbs_view .view_footer .footer_right .btn_link{padding:10px 90px 10px 0}
	.bbs_view .view_footer .btn_link .date{display:none}
	
	.bbs_view .comment_area .comment_list li{display:block;position:relative;padding:50px 40px 20px 20px;width:auto}
	.bbs_view .comment_area .comment_list .name_box{display:block;position:absolute;left:0;top:-10px}
	.bbs_view .comment_area .comment_list .text_box{display:block;padding:0}
	.bbs_view .comment_area .comment_list .date_box{display:block;position:absolute;right:0;top:-10px}
	.bbs_view .comment_area .comment_list .date_box .btn_delete{top:18px;right:10px}
	.bbs_write th,
	.bbs_write td{padding:10px 0}
	
	.bbs_grid_gallery{margin:0 -5px;width:102%}
	.bbs_grid_gallery .gallery_box{padding:0 5px 10px 5px}
	
	/* 재단법인 박찬호 장학회 */
	.sub_park .main_top .contains{height:450px}
	.sub_park .main_middle .contains{padding:0}
	.sub_park .main_middle .menu_area{left:0;right:0}
	.sub_park .main_middle .main_menu{display:block;width:103%;overflow:hidden}
	.sub_park .main_middle .main_menu .btn_menu{display:block;float:left;width:49%;height:200px}
	.sub_park .main_middle .main_menu .btn_menu img{display:none}
	.sub_park .main_gallery{padding-top:380px}
	.sub_park .active_student .student_table .club{padding-left:2%}
	.sub_park .active_student .student_table .club img{margin:-2px 5px 0 0}

	.gallery_list{margin:0 -10px;width:103%}
	.gallery_list li{padding:0 10px}
	
	.sub_park .main_bottom .interview_box,
	.sub_park .main_bottom .news_box{float:none;width:auto;height:auto}
	.sub_park .main_bottom .interview_box{margin-bottom:20px}
	.sub_park .main_bottom .news_box{height:auto;padding-bottom:25px}
	.sub_park .main_bottom .news_box .news_list li{padding:10px 0}
	
	.sub_content .sub_text_box p br{display:none}
	
	.sub_park .active_left,
	.sub_park .active_right{float:none;width:auto}
	.sub_park .active_left{margin-top:5%;text-align:center}
	.sub_park .active_left img{display:inline;margin:0;width:80%}
	
	.sub_tab .btn_tab{font-size:1.6em}
	
	.sub_park .interview_panel .bbs_area .bbs_gallery_header{padding:10px 0;height:50px}
	.sub_park .interview_panel .bbs_area .search_box{position:relative;right:auto;top:auto}
	
	/* lesson */
	.gallery_list .btn_menu .img_box .icon{background-position:center center;background-size:58px 58px}
	
	/* member */
	.member_panel .drop_box .drop_text .title br{display:none}
	.member_panel textarea.input_text{height:250px}
	.join_box .page_btn{margin-top:40px}
	
	.bbs_area .view_detail .detail_img{width:55%}
	.bbs_area .view_detail .detail_info{width:43%}
	
	.bbs_area .view_detail .detail_info .title_box{height:60px}
	.bbs_area .view_detail .detail_info .title_box .title{padding:5px 5px 5px 10px}
	.bbs_area .view_detail .detail_info .info_list{padding:10px 0}
	.bbs_area .view_detail .detail_info .info_list li{padding:5px 0 5px 120px}
	.bbs_area .view_detail .detail_info .info_list .label{top:5px;left:10px}
	.bbs_area .view_detail .detail_info .info_desc{padding:20px 5px 0 10px}
	
	/* 20180528 */
	.main_content .main_top,
	#main_slide,
	#main_slide .slide_box{height:350px}
	#main_slide .slick-arrow.slick-prev{left:35px}
	#main_slide .slick-arrow.slick-next{right:35px}
	.main_content .main_bottom .btn_banner .text_box{margin-top:-30px}
	.main_content .main_bottom .btn_banner .text_box span{font-size:1.4em;line-height:1.3em}
	.main_content .main_bottom .btn_banner .text_box .title{margin-top:5px;font-size:2.5em}
	.main_content .main_bottom .link_area,
	.main_content .main_bottom .text_area{padding-right:20px}
	.main_content .main_bottom .main_right .text_area,
	.main_content .main_bottom .main_right .link_area{padding:0 0 0 20px}
	
	.main_museum{height:1000px;background-size:cover}
	.main_museum .museum_top{padding-top:50px;height:200px}
	.main_museum .museum_top .museum_title{font-size:6em}
	.main_museum .museum_mid{height:350px}
	.main_museum .museum_mid .museum_menu{padding:70px 20px 0 20px}
	.main_museum .museum_bot{padding-top:180px}
	.main_museum .museum_bot .museum_title{height:100px;line-height:100px;font-size:3.5em}
	.main_museum .museum_bot .museum_title .quoat{margin:0 8px;width:35px;height:100px;background-size:contain!important}
}

@media screen and (max-width:760px) {
	#viewport{font-size:9px}
	
	.pc{display:none!important}
	.mobile{display:block!important}
	
	#footer .footer_top{height:42px}
	#footer .footer_menu{float:none;padding:6px 0;text-align:center}
	#footer .footer_menu li{float:none;display:inline-block;vertical-align:top;*display:inline;zoom:1}
	#footer .logo,
	#footer .footer_banner{display:none}
	#footer .footer_bottom{padding:20px 0}
	#footer .footer_bottom .address_box{position:relative;right:auto;top:auto;margin:0;text-align:center}
	#footer .footer_bottom .address_box .copyright{display:none}
	
	.sub_visual{height:200px;background-position:60% center}
	.sub_visual .text_box{margin-top:-35px}
	.sub_visual .bg_img{left:-75%;width:250%}
	
	/* about */
	.sub_about .about_top .profile_box .profile_list li{float:none;width:auto;height:30px;line-height:30px}
	
	.sub_about .about_news .news_top{height:300px}
	.sub_about .about_news .history_box{height:230px}
	
	.sub_about .profile_panel{background:none!important}
	.sub_about .profile_panel .contains{height:auto}
	.sub_about .profile_panel .profile_box{padding-bottom:10%;width:auto}
	.sub_about .profile_panel .profile_box .profile_area{min-height:350px}
	
	.bbs_footer .btn_right{position:relative;right:auto;top:auto;text-align:right}
	.bbs_footer .btn_right a,
	.bbs_footer .btn_right button{float:none;display:inline-block;vertical-align:top;*display:inline;zoom:1}
	
	.bbs_grid_gallery{width:104%}
	.bbs_grid_gallery .gallery_size, 
	.bbs_grid_gallery .gallery_box{width:49%}
	
	.sub_lnb .select_box{min-width:0}
	.sub_tab{display:block;overflow:hidden}
	.sub_tab .btn_tab{display:block;float:left;width:49%;height:50px;line-height:48px;border-top-width:2px}
	
	.bbs_gallery_header{padding:15px 0;height:40px}
	.bbs_gallery_header .search_box{width:49%;min-width:200px}
	.bbs_gallery_header .search_box .input_search{width:100%;height:40px;*line-height:38px;line-height:38px\9}
	.bbs_gallery_header .search_box .btn_search{width:40px;height:40px}
	
	.bbs_gallery_grid{margin:-10px -5px 0 -5px;width:103.5%}
	.bbs_gallery_grid .list_box{margin-top:10px;padding:0 5px;width:49%}
	
	/*.year_tab{position:relative;height:39px;border-bottom:1px solid #ebebeb}
	.year_tab .tab_menu{position:absolute;left:0;top:0;width:100%;border-bottom:0;overflow:hidden;overflow-x:auto;white-space:nowrap}
	.year_tab .tab_menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);border-radius: 3px;background-color: #F5F5F5;}
	.year_tab .tab_menu::-webkit-scrollbar{height:6px;background-color: #F5F5F5;}
	.year_tab .tab_menu::-webkit-scrollbar-thumb{border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color: #aaa;}*/
	
	.bbs_view.video_view .view_area .video_box{margin-bottom:5%;width:auto}
	.bbs_view.video_view .view_area .table_box{display:block}
	.bbs_view.video_view .view_area .video_box{display:block}
	.bbs_view.video_view .view_area .text_box{display:block;padding:0;width:auto}
	.bbs_view.video_view .view_area .text_area{margin:3% 0}
	
	/* 재단법인 박찬호 장학회 */
	.gallery_list{width:105%}
	.gallery_list li{width:49%}
	.gallery_list li:last-child{display:none}
	
	.sub_park .history_area{margin-top:5%}
	.sub_park .history_list{width:auto;border:0}
	.sub_park .history_list .year_box{width:auto;text-align:left!important}
	.sub_park .history_list .text_box,
	.sub_park .history_list .year_box.right .text_box{float:none;padding:0;margin:0;width:auto}
	.sub_park .history_list .year_box.left img{float:none}
	.sub_park .history_list .year_box .dot,
	.sub_park .history_bottom{display:none}
	
	.sub_park .greet_panel .bg_img{float:none;margin:-5% auto;width:60%}
	.sub_park .greet_panel .name_box{margin:0;text-align:center}
	.sub_park .greet_panel .name_box img{height:40px}
	
	.sub_park .active_panel{margin-top:7%}
	.sub_park .active_panel .process_list{display:block}
	.sub_park .active_panel .process_list li{display:block;margin-top:6%}
	.sub_park .active_panel .process_list li:first-child{margin-top:0}
	.sub_park .active_panel .process_list .icon{display:none}
	.sub_park .active_panel.table_box{display:block}
	.sub_park .sub_panel .active_panel.table_box .table_td{display:block;margin-top:5%;padding:0;width:auto}
	.sub_park .sub_panel .active_panel.table_box .table_td:first-child{margin-top:0}
	.sub_park .active_right .bg_img{width:40%}
	.sub_park .active_student .student_table .club{padding-left:0}
	.sub_park .active_student .student_table .club img{margin:-2px 4px 0 0;width:36px}
	
	.sub_park .camp_text{padding:0}
	.sub_park .camp_text .text_box{margin:0}
	
	.info_lsit li{padding-left:0}
	.info_lsit li .label{position:relative;left:auto;top:auto;margin-bottom:10px}
	
	.sub_park .active_student .student_top{display:block}
	.sub_park .active_student .student_top .img_box,
	.sub_park .active_student .student_top .text_box{display:block;width:auto}
	.sub_park .active_student .student_top .img_box{margin-bottom:3%;text-align:center}
	.sub_park .active_student .student_top .img_box img{width:60%}
	
	.year_tab .arrow{display:none}
	
	/* lesson */
	.gallery_area .gallery_title{margin-bottom:15px}
	.gallery_area .btn_more{top:15px}
	.gallery_list .btn_menu .img_box .icon{background-position:center center;background-size:48px 48px}
	
	/* member */
	.sub_member{min-height:0;background:#fff}
	.form_table th,
	.form_table td{padding-left:10px;padding-right:10px}
	.form_table .email_box .input_text{width:44%;max-width:100%}
	.form_table .email_box .select_box{margin:6px 0 0 0;width:44%;max-width:100%}
	.form_table .email_box .unit{padding:0;width:8%}
	.table_scrollx .form_table,
	.table_scrollx .bbs_list{width:760px}
	.form_table.table_enter th{width:24%}
	.form_table.table_enter td{width:74%}
	.form_table.form_list .point_box .input_text,
	.member_panel .select_box{padding:0}
	.member_panel .input_text{padding:0 5px}
	.member_panel textarea.input_text{padding:5px}
	.form_table.form_list tfoot td, .form_table.form_list tbody td{padding-left:5px;padding-right:5px}
	.form_table .loc_box .select_box{width:30%}
	.form_table .loc_box .input_text{width:20%}
	.form_table .loc_box .unit{margin:0;width:14%;text-align:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	
	.member_panel .join_box .step_list{padding:0}
	.member_panel .join_box .step_list .icon_box{width:60px;height:60px}
	
	.member_panel .find_box .id_box{display:block;margin:0 auto;width:250px}
	.member_panel .find_box .pw_box{display:block;margin:0 auto;margin-top:40px;width:250px}
	.member_panel .login_box .box_line{display:none}
	
	.form_table .desc{margin-left:0;width:100%}
	.form_table .input_btn_box{float:left;position:relative;padding-right:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.form_table .input_text{max-width:242px}
	.form_table .input_btn_box .btn_check,
	.form_table .input_btn_box .btn_auth{position:absolute;right:0;top:0;width:90px}
	.form_table .auth_box .input_auth{clear:both;float:left}
	
	.member_panel textarea.input_text{height:200px}
	.member_panel .drop_box .drop_input{padding-left:100px}
	.join_box .page_btn{margin-top:30px}
	.join_terms .terms_box{height:100px}
	
	.member_panel .join_complete{padding:30px 0}
	
	.bbs_view .view_area .view_title{padding-bottom:0;margin-bottom:20px}
	.bbs_area .view_detail .detail_img,
	.bbs_area .view_detail .detail_info{float:none;width:auto}
	.bbs_area .view_detail .detail_info{margin-top:10px}
	
	/* 20180528 */
	.main_content .main_top,
	#main_slide,
	#main_slide .slide_box{height:300px}
	#main_slide .slick-arrow.slick-prev{left:20px}
	#main_slide .slick-arrow.slick-next{right:20px}
	.main_content .main_bottom{padding-bottom:60px}
	.main_content .main_bottom .main_left{width:auto}
	.main_content .main_bottom .main_right{position:relative;left:auto;top:auto;right:auto}
	.main_content .main_bottom .btn_banner .text_box{margin-top:-35px;font-size:14px}
	.main_content .main_bottom .link_area,
	.main_content .main_bottom .text_area,
	.main_content .main_bottom .main_right .link_area,
	.main_content .main_bottom .main_right .text_area{padding:0}
	.main_content .main_bottom .link_area.video .link_list{width:103%}
	.main_content .main_bottom .main_right{margin-top:60px}
	
	.main_museum .museum_mid .museum_menu{padding-top:100px}
	.main_museum .museum_bot .museum_title{height:80px;line-height:80px;font-size:3.5em}
	.main_museum .museum_bot .museum_title .quoat{margin:0 6px;width:30px;height:80px}
	
	.main_content .main_bottom .btn_banner{margin-bottom:5px}
	.main_content .main_bottom .btn_banner.mobile{margin-bottom:20px}
	.main_content .main_bottom .text_area{margin-bottom:20px}
	.main_content .main_bottom .text_area.mobile{margin-bottom:0}
}

@media screen and (max-width:640px) {
	/* 20180528 */
	.main_content .main_bottom .btn_banner .text_box{margin-top:-30px;font-size:12px}
	
	.main_museum .museum_bot .museum_title{padding-top:20px;height:auto;line-height:1.4em}
	.main_museum .museum_bot .museum_title .quoat{display:none}
}

@media screen and (max-width:480px) {
	.sub_visual .bg_img{left:-125%;width:300%}
	.sub_lnb{width:500px}
	.sub_lnb .select_box .btn_value{min-width:140px}
}