@charset "utf-8";

/*reset*/
html, body,div, h1, h2, h3, h4, h5, h6,p, ul, ol, li, dl, dt, dd,form, fieldset, input, select, label, textarea, button,table, caption, thead, tfoot,tbody, tr, th, td{margin:0; padding:0;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup{display:block; margin:0; padding:0;}
html,body{height:100%;}
a{color:#333 ;text-decoration:none;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:none;}
img{border:0;}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0; width:100%;}
table > caption{font-size:0; line-height:0; height:0;}
input[type=button], button{border:none; background-color:transparent; cursor:pointer;}
fieldset{border:0;}
address, em{font-style:normal;}
input,select,textarea ,button{font-family:'Verdana','돋움','Dotum','굴림','Gulim';}
legend, caption{overflow:hidden;width:0;height:0;line-height:0;font-size:0;color:transparent;}
input[type='radio']{display:inline-block;vertical-align:middle;}
input[type='checkbox']{vertical-align:middle;}
body{font:14px/1 'Verdana','돋움','Dotum','굴림','Gulim','Helvetica','AppleSDGothicNeo','Sans-serif';line-height:23px;letter-spacing:0;}

/* common */
.tac{text-align:center} .tar{text-align:right}
.fl{float:left} .fr{float:right;}
.clear:after {content: '';display:block;clear: both;height:0;visibility:hidden}

/*layout*/
#header{position:fixed;width:100%;height:77px;top:0;left:0;z-index:600;background:url('../../resources/images/bg_header.jpg') center top repeat-x;}
#main_headerWrap{width:940px;height:74px;margin:0 auto;padding:0;position:relative;}
#headArea{width:940px;position:relative;}
#headArea .logo{width:110px;padding:19px 0;margin:0;}
#headArea .commonLink{position:absolute;top:7px;right:0;margin-right:4px}
#headArea .commonLink a{display:inline-block;font-size:12px;color:#b4d6d0;letter-spacing:0}
#headArea .commonLink a.kor{width:24px;margin-left:3px;padding:0 0 0 10px;background:url('../../resources/images/bg_commonLink.gif') no-repeat 0 7px;letter-spacing:0}

.main_gnb{width:830px;height:20px;padding-left:418px;overflow:hidden;position:absolute;top:37px;right:0;z-index:650;}
.main_gnb > li{float:left;margin-left:50px;padding-bottom:14px;}
.main_gnb > li:first-child{margin:0 0 0 223px;}
.main_gnb > li > a{display:block;text-align:center;font-size:18px;color:#fff}
.main_gnb > li.on{background:url('../../resources/images/bg_gnbBar.gif') repeat-x 0 bottom}
.main_gnb > li .maingnb_dep2{width:840px;height:20px;position:absolute;top:61.5px;right:0;overflow:hidden;z-index:700}
.main_gnb > li .maingnb_dep2 li{float:left;margin-left:40px;}
.main_gnb > li .maingnb_dep2 li > a{font-size:14px;color:#666;}
.main_gnb > li .maingnb_dep2 li.on > a{color:#31b97f;}
.main_gnb > li .gnb_dep2_2{width:820px;}
.main_gnb > li .gnb_dep2_2 li{margin-left:37px;}
.main_gnb > li .gnb_dep2_3{width:290px;}
.main_gnb > li .gnb_dep2_3 li{margin:0;}
.main_gnb > li .gnb_dep2_4{width:195px;}
.main_gnbBg{width:100%;height:0;background:#fff url('../../resources/images/bg_gnbBg.gif') center bottom repeat-x ;position:absolute;top:74px;left:0;z-index:600;opacity:0.9}

#subVisual{padding-top:151px;width:100%;height:185px;}
.subVisual1{background:url('../../resources/images/bg_introduce_1.jpg') no-repeat center bottom;}
.subVisual2{background:url('../../resources/images/bg_business_1.jpg') no-repeat center bottom;}
.subVisual3{background:url('../../resources/images/bg_support_1.jpg') no-repeat center bottom;}
.subVisual4{background:url('../../resources/images/bg_news_1.jpg') no-repeat center bottom;}
#subVisual .inner {position:relative;width:940px;height:185px;margin:0 auto;padding:0;
	display: -webkit-box;display:-ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align:center; align-items:center;
}
#subVisual .inner > img {display:block;width:180px;height:41px;}

#header.js-header-ctrl {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1) 0s;
	-moz-transition:transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1) 0s;
	-ms-transition:transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1) 0s;
	-o-transition:transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1) 0s;
	transition: transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1) 0s;	
}
#header.js-header-ctrl.active {
	-webkit-transform: translateY(-74px);
	-moz-transform: translateY(-74px);
	-ms-transform: translateY(-74px);
	-o-transform: translateY(-74px);
	transform: translateY(-74px);
}


#contents {position:relative;width:940px;margin:30px auto 0;min-height:730px;padding:0 0 100px 0;outline:none;}
#contents:after { content:''; display:block; clear:both; }
.location {text-align:right;overflow:hidden;margin-bottom:25px}
.location li{display:inline-block;margin-right:5px;padding-right:10px;background:url('../../resources/images/gt.gif') no-repeat right 4px;font-size:12px; color:#888;line-height:14px;letter-spacing:0}
.location li.last{background:none}
.location li a{color:#888}
#contents .lnb {float:left;width:170px}
#contents .lnb h2 {width:170px;margin:0 0 17px 0;padding:0 0 10px 0;border-bottom:3px solid #e4e4e4}
#contents .lnb .dep1{margin-bottom:50px}
#contents .lnb .dep1 > li {width:170px;border-bottom:1px solid #e4e4e4;line-height:45px;}
#contents .lnb .dep1 > li a {display:block;padding:0 0 0 17px;font-size:17px;font-weight:bold;color:#333}
#contents .lnb .dep1 > li.on {border:0;background:url('../../resources/images/common/bg/bg_lnb.jpg') no-repeat}
#contents .lnb .dep1 > li.on a {color:#fff}
#contents .lnb .dep1 > li.on > .dep2{display:block;}
#contents .lnb .dep1 > li > .dep2{display:none;margin-top:15px;padding-left:17px;border-bottom:1px solid #e4e4e4;}
#contents .lnb .dep1 > li > .dep2 > li{margin-bottom:15px;line-height:15px;background:url('../../resources/images/common/bg/bg_dep2.gif') no-repeat 0 6px}
#contents .lnb .dep1 > li > .dep2 > li > a{font-size:16px;padding-left:9px;font-weight:normal;color:#666}
#contents .lnb .dep1 > li > .dep2 > li.on{background:url('../../resources/images/common/bg/bg_dep2_on.gif') no-repeat 0 6px}
#contents .lnb .dep1 > li > .dep2 > li.on > a{color:#36b979;font-weight:bold;}
#contents .lnb .dep1 > li > .dep2 > li > .dep3{margin-top:15px;padding-left:9px}
#contents .lnb .dep1 > li > .dep2 > li > .dep3 > li{margin-bottom:10px;line-height:13px;background:url('../../resources/images/common/bg/bg_dep3.gif') no-repeat 0 6px}
#contents .lnb .dep1 > li > .dep2 > li > .dep3 > li.on{background:url('../../resources/images/common/bg/bg_dep3_on.gif') no-repeat 0 6px}
#contents .lnb .dep1 > li > .dep2 > li > .dep3 > li > a{padding-left:10px;font-size:14px;font-weight:normal;color:#888}
#contents .lnb .dep1 > li > .dep2 > li > .dep3 > li.on > a{font-weight:normal;color:#28b46f;}
#contents .lnb .lnb_banner{width:168px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-radius:3px}
#contents .lnb .lnb_banner ul > li{height:40px;border-bottom:1px solid #e4e4e4;}
#contents .lnb .lnb_banner ul > li > span{display:inline-block;width:46px;height:29px;padding-top:11px;background:#f5f5f5;text-align:center;}
#contents .lnb .lnb_banner ul > li > a{display:inline-block;width:113px;height:15px;padding:13px 0 13px 9px;font-size:13px;font-weight:bold;color:#666;vertical-align:top }
#contents .lnb.mypage .dep1 > li a {display:block;padding:0 0 0 10px;font-size:17px;font-weight:bold;color:#333}
#contents .lnb.mypage .dep1 > li.on {border:0;background:url('../../resources/images/common/bg/bg_dep2_on.gif') no-repeat 0 20px;}
#contents .lnb.mypage .dep1 > li.on > a {color:#28b46f;border-bottom:1px solid #e4e4e4;}
#contents .lnb.mypage .dep1 > li.on > .dep2{display:block;}
#contents .lnb.mypage .dep1 > li > .dep2{display:none;margin-top:15px;padding-left:17px;border-bottom:1px solid #e4e4e4;}
#contents .lnb.mypage .dep1 > li > .dep2 > li{margin-bottom:15px;line-height:15px;background:url('../../resources/images/common/bg/bg_dep3.gif') no-repeat 0 6px}
#contents .lnb.mypage .dep1 > li > .dep2 > li.on{background:url('../../resources/images/common/bg/bg_dep3_on2.gif') no-repeat 0 6px}
#contents .lnb.mypage .dep1 > li > .dep2 > li.on > a{color:#333}
#contents .content_sub {float:right;width:780px;overflow:hidden;}
#contents .content_sub .addTxt{margin:20px 0 60px 0}
#contents .content_sub .addTxt1{margin:20px 0 10px 0}
#contents .content_sub .subTxt{margin:25px 0 35px 0}
#footer{width:100%;background:#5f5e5d;}
#footArea{width:940px;margin:0 auto;padding:30px 0;position:relative;}
#footArea .foot_logo{float:left;margin-right:50px}
#footArea .foot_info{float:left;width:600px;}
#footArea .foot_cont{float:right;position:relative;}
#footArea .foot_logo{margin-bottom:25px;}
#footArea address{font-size:12px;color:#b2b2b2;line-height:0;font-family:'Verdana'}
#footArea address span{display:inline-block;margin:0 22px 7px 0;font-family:'Verdana';letter-spacing:0;line-height:15px}
#footArea .copyright{font-size:12px;color:#b2b2b2;font-family:'Verdana';letter-spacing:0}
#footArea .foot_snsList{margin-bottom:7px;text-align:right;}
#footArea .foot_snsList li{display:inline-block;margin-right:5px}
#footArea .foot_snsList li:last-child{margin-right:0}
#footArea .foot_snsList li a{display:block}
#footArea .familySiteArea{/*width:107px*/width:135px;height:35px;}
#footArea .familySiteArea .btn-familySite {position:relative;display:block;width:100%;height:35px;line-height:32px;border:1px solid #888;-webkit-box-sizing:border-box;box-sizing:border-box;}
#footArea .familySiteArea .btn-familySite:after {display:inline-block;content:'';position:absolute;top:50%;right:20px;margin-top:-6px;border:solid #fff;border-width:0 1px 1px 0;padding:3px;z-index:999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#footArea .familySiteArea.active .btn-familySite:after {margin-top:-2px;
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
}


#footArea .familySiteArea .btn-familySite span {display:inline-block;padding-left:20px;font-size:13px;color:#fff;}

#footArea .familySiteArea .familySite{display:none;width:135px;position:absolute;bottom:34px;left:0;background:#5f5e5d;z-index:200}
#footArea .familySiteArea .familySite ul{padding:5px;border:1px solid #888;}
#footArea .familySiteArea .familySite ul li{line-height:1.5}
#footArea .familySiteArea .familySite ul li a{font-size:12px;color:#eaeaea}


#footer .bg1 { background: #403e3c; padding:15px 0; }
#footer .bg1 .box { margin:0 auto; width:980px; text-align:center; }
#footer .bg1 .box .link-text { color:#aab2aa; list-style:none; display:inline-block; }
#footer .bg1 .box .padding { padding:0 120px; }
.link-text a {color:#aab2aa ;text-decoration:none;}
.link-text a:hover {text-decoration:underline;}



/*button*/
.button{display:inline-block;border-radius:3px;text-align:center;behavior:url(../resources/js/PIE.htc);vertical-align:top;}
.btn_kind1{height:37px;padding:0 20px 0 20px;line-height:37px;border:1px solid #cacaca;font-size:15px;font-weight:bold;color:#666;}
.btn_kind2{height:36px;padding:0 24px 0 24px;line-height:36px;border:1px solid #09b16e;font-size:15px;font-weight:bold;color:#09b16e;}
.btn_kind3{width:75px;height:34px;line-height:34px;border:1px solid #cacaca;color:#666;font-size:13px;font-weight:bold;text-align:center;}
.btn_kind4{width:145px;height:40px;line-height:40px;border:2px solid #64727f;font-size:13px;color:#657380}
.btn_iconset1{height:30px;padding:0 20px 0 20px;line-height:30px;border:1px solid #cacaca;font-size:12px;color:#657380;background:#fff;}
.btn_iconset2{height:30px;padding:0 30px 0 20px;line-height:30px;border:1px solid #cacaca;font-size:12px;color:#666;background:#fbfbfb url('../../resources/images/common/bg/bg_button_icon.gif') 50px center no-repeat;}
.btn_iconset3{height:30px;padding:0 20px 0 20px;line-height:30px;font-size:12px;background:#888;color:#fff;}
.btn_iconset4{padding:8px 35px 7px 57px;font-size:14px;font-weight:bold;color:#fff;background-color:#888;background-image:url('../../resources/images/common/bg/bg_search_icon.png');background-repeat:no-repeat;background-position:37px 9px;}
.btn_green1{height:48px;padding:0 60px 0 60px;background:#31b97f;font-size:15px;color:#fff;line-height:48px;}
.btn_green2{height:80px;background:#31b97f;font-size:15px;color:#fff;line-height:80px;}
.btn_green3{height:80px;border:1px solid #43a63d;background:#54bb4e;font-size:15px;color:#fff;line-height:80px;}
.btn_green4{width:148px;height:47px;border:1px solid #43a63d;background:#54bb4e;font-size:15px;color:#fff;line-height:47px;}
.btn_green5{width:140px; height:49px; line-height:49px; background-color:#006a58; color:#fff; font-size:14px;}
.btn_darkgreen{height:38px;padding:0 24px 0 22px;background:#09b16e;font-size:15px;line-height:36px;font-weight:bold;color:#fff;}
.btn_gray{height:35px;padding:0 15px;line-height:35px;background:#a8a8a8;color:#fff;}
.btn_darkgray{height:36px;padding:0 15px;line-height:36px;background:#888;color:#fff;}
.btn_blue{width:180px;height:50px;background:#5e7cbf;color:#fff;line-height:50px;font-weight:bold;}
.btn_allView{width:85px;height:35px;line-height:35px;background:#888;color:#fff;}
.btn_table{height:23px;padding:0 10px 0 10px;border:1px solid #73cda1;border-radius:3px;line-height:23px;font-size:12px;}
.btn_yellowgreen{height:23px;line-height:23px;padding:0 10px 0 10px;font-size:12px;color:#fff;background:#31b97f;}
.btn_issue{font-size:12px;color:#666;width:102px;height:21px;line-height:21px;border:1px solid #cacaca;background:#fbfbfb;}
.btn_brown{width:92px;height:32px;color:#fff;font-size:13px;line-height:32px;background:#7c6643;}
.btn{text-align:center;}

/* search */
.bbs_list {width:780px;text-align:right;}
.board_search {width:100%;margin:0 0 15px 0;}
.board_search select { width:80px; height:35px; margin:0 5px 0 0; border:1px solid #b9b9b9; border-radius:3px;vertical-align:top;}
.board_search input { position:relative; width:149px; height:33px; padding:0 5px 0 5px; border-top:1px solid #b9b9b9; border-left:1px solid #b9b9b9; border-right:0; border-bottom:1px solid #b9b9b9; border-radius:3px 0 0 3px; vertical-align:top; }
.board_search a { display:inline-block; vertical-align:top; }
.board_area_left{float:left;width:152px;}
.board_area_left label{display:inline-block;margin-right:10px;font-size:14px;font-weight:bold;color:#666;line-height:33px;}
.board_area_right{float:right;width:290px;}

/*board*/
.board_list {width:780px;padding:3px 0 0 0; border-bottom:1px solid #b1b1b1; background:url('../../resources/images/common/line/line_h_sub.gif') center top no-repeat; text-align:center; }
.board_list th {padding:17px 0 13px;border-bottom:1px solid #b1b1b1;font-size:15px}
.board_list td {height:50px; border-bottom:1px solid #ebebeb;color:#666;line-height:50px; text-align:center; }
.board_list td a { color:#666;}
.board_list td .new{display:inline-block;margin-left:5px;vertical-align:middle}
.board_list td.subject { text-align:left; }
.board_view{width:780px;padding:3px 0 0 0;background:url('../../resources/images/common/line/line_h_sub.gif') center top no-repeat;}

/* table */
.tstyle1{border-top:2px solid #28b46f;border-bottom:1px solid #b1b1b1;border-left:1px solid #efefef}
.tstyle1 thead th{height:40px;line-height:40px;border-right:1px solid #efefef;background:#f9fcf6;font-size:15px;color:#333;text-align:center}
.tstyle1 tbody th{border-top:1px solid #efefef;border-right:1px solid #efefef;font-size:14px}
.tstyle1 tbody td{padding:18px 0 16px 20px;border-top:1px solid #efefef;border-right:1px solid #efefef;line-height:14px}
.tstyle2{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;margin-bottom:60px}
.tstyle2 tbody th{padding:16px 0 18px 10px;font-size:14px;color:#666;text-align:left;border-bottom:1px solid #efefef}
.tstyle2 tbody th.last{border-bottom:0}
.tstyle2 tbody th span{display:inline-block}
.tstyle2 tbody th span.writing{margin-left:5px;vertical-align:middle}
.tstyle2 tbody td{padding:16px 0 15px;font-size:14px;color:#666;border-bottom:1px solid #efefef}
.tstyle2 tbody td.last{border-bottom:0}
.tstyle3{border-top:2px solid #28b46f;border-bottom:1px solid #b1b1b1;}
.tstyle3 tbody td{padding:18px 0 16px 20px;border-top:1px solid #efefef;font-size:14px;color:#666;}
.tstyle3 tbody td span{display:inline-block;margin:5px 20px 0 0;vertical-align:top}
.tstyle3 tbody td > div{margin-bottom:15px}
.tstyle3 tbody td > div strong{display:inline-block;margin-right:7px;vertical-align:middle;font-size:16px;color:#333;}
.tstyle3 tbody td > div a{display:inline-block;vertical-align:middle;}
.tstyle3 tbody td > p{line-height:24px}

/* tab */
.tab-type1{width:780px;overflow:hidden;position:relative;}
.tab-type1 li{float:left;width:130px;height:80px;padding:19px 0 0 0;text-align:center;}
.tab-type1 li a{display:block;font-size:14px;color:#888;}
.tab-type2{width:780px;margin-bottom:60px;border-bottom:1px solid #e4e4e4;overflow:hidden;position:relative;}
.tab-type2 li{float:left;width:155px;height:41px;line-height:41px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;background-color:#fbfbfb}
.tab-type2 li:first-child{border-radius:3px 0 0 0;behavior:url(../resources/js/PIE.htc);border-left:1px solid #e4e4e4;}
.tab-type2 li:last-child{border-radius:0 3px 0 0;behavior:url(../resources/js/PIE.htc);}
.tab-type2 li a{display:block;text-align:center;font-size:14px;color:#666}
.tab-type2 li.on{border:1px solid #14a668;background:#31b97f;}
.tab-type2 li.on a{font-size:16px;font-weight:bold;color:#fff}
.tab-type3{width:780px;overflow:hidden;padding-top:5px;position:relative;}
.tab-type3 li{float:left;width:155px;height:36px;line-height:36px;margin-top:5px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-bottom:1px solid #31b97f;text-align:center;}
.tab-type3 li:last-child{width:153px;border-right:1px solid #dfdfdf;}
.tab-type3 li a{display:block;font-size:14px;color:#888;}
.tab-type3 li.on{height:40px;line-height:40px;margin-top:0;border-top:2px solid #31b97f;border-right:1px solid #31b97f;border-left:1px solid #31b97f;border-bottom:0}
.tab-type3 li.on a{font-size:14px;font-weight:bold;color:#31b97f}

/* title */
.stit{margin-bottom:30px;padding-top:17px;background:url('../../resources/images/bu_text.gif') no-repeat 0 0;font-size:22px;color:#333;}
.stit-1{margin-bottom:30px;padding-top:17px;background:url('../../resources/images/bu_text.gif') no-repeat 0 0;font-size:14px;color:#333;}
.stit-2{margin-bottom:30px;padding-top:17px;background:url('../../resources/images/bu_text.gif') no-repeat 0 0;font-size:14px;color:#333;}

/* paging */
.paging{text-align:center;margin-top:30px}
.paging *{vertical-align:middle}
.paging a{display:inline-block;margin:0 10px;color:#666;font-size:16px;line-height:18px}
.paging a.page-direct {margin:0;}

.paging a.page-now{color:#31b97f;font-weight:bold;border-bottom:1px solid #31b97f}
.paging a.page_direct{width:34px;margin:0;font-size:0}
.paging a.page_prev{width:33px;/*margin:0 10px 0 -4px*/margin:0 10px 0 0;}
.paging a.page_next{/*margin:0 -4px 0 10px*/margin:0 0 0 10px;}


/*popup*/
.popup{display:none;position:absolute;top:100px;left:50%;z-index:22;height:auto;border-bottom:5px solid #555;background:#fff;}
.popup .popup_top{height:67px;line-height:67px;background:#555;font-size:22px;font-weight:bold;color:#fff;}
.popup .popup_top strong{float:left;margin:0 0 0 23px;}
.popup .popup_top a{float:right;margin:0 23px 0 0;}
.popup .content{padding:45px 50px 60px 50px;border-left:5px solid #555;border-right:5px solid #555;line-height:25px;color:#666;}
.popup .content .txt_input_info{padding:15px 0 10px 0;font-size:13px;background:url('../../resources/images/common/bu/bu_check.png') 735px 25px no-repeat;color:#28b46f;text-align:right;}
.popup .content > div > strong{display:block;margin:0 0 15px 0;font-size:16px;color:#333;}
.popup .content .btn ul{width:175px;margin:0 auto;}
.popup .content .btn ul li{float:left;width:85px;text-align:center;}
.popup .content .btn ul li a.btn_darkgreen{width:77px;height:36px;padding:0;line-height:36px;}
.popup2{border-bottom:2px solid #28b46f;}
.popup2 .popup_top{height:67px;line-height:67px;font-size:22px;font-weight:bold;background:#fff;color:#28b46f;border-top:2px solid #28b46f;border-left:2px solid #28b46f;border-right:2px solid #28b46f;}
.popup2 .popup_top > strong{float:left;color:#333;font-size:18px;margin:0 10px 0 23px;}
.popup2 .popup_top span{font-size:14px;color:#333;font-weight:normal;}
.popup2 .popup_top a{float:right;margin:0 25px 0 0;}
.popup2 .content{padding:0 25px 30px 25px;border-left:2px solid #28b46f;border-right:2px solid #28b46f;}

#mask { display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:21; background:url('../../resources/images/common/bg/bg_mask.png') repeat; }

#popup_greentube_view{}
.popup_view{display:none;position:absolute;top:0;left:50%;z-index:22;margin-left:-800px;width:1600px;background:#fafafa;}
.btn_close{position:absolute;top:20px;right:30px;z-index:22;}
.popup_content{width:970px;margin:0 auto;padding:0 60px 290px 60px;background:#fff;}
.popup_content .popup_view_top{height:190px;margin:0 0 50px 0;}
.popup_content .popup_view_top ul{padding:20px 0 30px 0;}
.popup_content .popup_view_top ul li{float:left;margin:0 7px 0 0;}
.popup_content .popup_view_top ul li.last{width:70px;}
.popup_content .popup_view_top ul li.last span{display:inline-block;margin:5px 0 0 3px;color:#ff2d86;font-size:13px;vertical-align:top;}
.popup_content .popup_view_top > span{display:block;font-size:16px;color:#888;font-weight:bold;}
.popup_content .popup_view_top > strong{display:block;margin:15px 0 20px 0;font-size:38px;font-weight:normal;}
.popup_content .popup_view_top > div{color:#888;font-size:13px;}
.popup_content .popup_view_top > div .date{display:inline-block;margin:0 10px 0 10px;padding:0 13px 0 0;background:url('../../resources/images/common/bg/bg_vline.gif') right 2px no-repeat;}
.popup_content .title{width:985px;height:245px;background:url('../../resources/images/greentube/bg_greentube_view.gif') center top no-repeat;text-align:center;}
.popup_content .title > span{font-size:20px;color:#666;}
.popup_content .title p{font-size:16px;color:#888;line-height:26px;}
.popup_content .title .view_title{margin:15px 0 15px 0;color:#333;font-size:36px;line-height:46px;}
.popup_content .title .view_title span{color:#2eb3e4;}
.popup_content .movie_area{width:780px;margin:0 auto;}
.popup_content .movie_area .player{height:435px;}
.popup_content .movie_area .movie_info{width:688px;margin:0 0 35px 0;padding:25px 40px 30px 50px;border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
.popup_content .movie_area .movie_info strong{display:block;margin:0 0 30px 0;font-size:22px;}
.popup_content .movie_area .movie_info p{color:#666;line-height:24px;}
.popup_content .movie_detail p{color:#666;font-size:16px;margin:0 0 14px 60px;}
.popup_content .btn_support{width:200px;height:60px;margin:70px auto 20px;}
.popup_content .btn_support a{display:block;border-radius:3px;background:#5e7cbf;color:#fff;font-size:18px;line-height:60px;text-align:center;}
.popup_view_bottom{padding:0 0 15px 0;border-bottom:1px solid #e4e4e4;vertical-align:top;}
.popup_view_bottom .tag{float:left;margin:10px 0 0 0;padding:0 0 0 25px;font-size:16px;line-height:23px;background:url('../../resources/images/greentube/icon_tag.gif') left center no-repeat; vertical-align:top;}
.popup_view_bottom .tag ul li{float:left;margin:0 3px 0 0;}
.popup_view_bottom .tag ul li a{color:#31b97f;}
.popup_view_bottom .post_option{float:right;}
.popup_view .btn_list{margin:25px 0 35px 0;text-align:right;}
.popup_view .btn_list a{display:inline-block;width:75px;height:37px;border:1px solid #28b46f;border-radius:3px;color:#09b16e;text-align:center;line-height:37px;}
.popup_view .movie_list strong{font-size:18px;font-weight:bold}
.popup_view .write_form textarea{width:738px;}
.popup_view .write_form span.count-limit{margin-left:360px;}
.popup_view .box_comment{width:970px;}
.popup_view .list_comment li{width:960px;position:relative;}
.popup_view .list_comment .cmtArea{width:700px;}
.popup_view .btn_prev_view{position:absolute;top:625px;left:30px;z-index:22;}
.popup_view .btn_next_view{position:absolute;top:625px;right:30px;z-index:22}

#popup_greenstory_view .popup_view_top{width:1280px;height:65px;position:fixed;top:0;left:50%;margin-left:-640px;background:url('../../resources/images/greenstory/bg_greenstory_view_top.png') repeat;}
#popup_greenstory_view .title{width:1280px;height:450px;margin:0 auto;padding:65px 0 0 0;background:url('../../resources/images/greenstory/greenstory_view_title_img.jpg') center bottom no-repeat;}
#popup_greenstory_view .popup_content{width:1280px;margin:0 auto;padding:0 0 290px 0;background:#fff;}
#popup_greenstory_view .popup_content > div{width:970px;margin:0 auto;}