@charset "utf-8";

html { overflow-y:auto; }


div,img,table,ul,li { margin:0; padding:0; border:0; font-family: 'Nanum Gothic' !important; }
div { position:relative; }
ul, li { list-style:none; }
li { display:inline; float:left; }

.clearfix { *zoom:1}
.clearfix:before,
.clearfix:after {
 display:table;
 content:"";
 line-height:0;
}
.clearfix:after { clear:both; }



/* head */
#rhd {z-index:99; width:100%; height:100px; margin:0 auto; background:#fff}
#rhd .logo { position:absolute; top:10px; width:67px; height:77px; }
#rhd .lg { position:absolute; right:10px; top:16px; width:300px; text-align:right; }
#rhd .menu { position:absolute; right:0; top:41px; width:744px; height:59px; }
#rhd .menubar { display:none; }


#mnaviHead {position:relative; display:block; height:80px; border-bottom:1px #6d8492 solid;}
#mnaviHead a {position:absolute; right:0; top:0;}



#header {position:relative; width:100%; max-width:980px; margin:0 auto; z-index:99;}
#header:after {content:""; display:block; clear:both;}
#header h1 {float:left; margin:15px 0 0 10px;}



#header #navi { position:absolute; width:772px; right:30px; top:40px; }
#header ul#top {}
#header ul#top:after {content:""; display:block; clear:both;}
#header ul#top li {float:left;}
#header ul#top li a {display:block; font-size:16px; font-weight:600; color:#1e1e1e;   z-index:99;}

#header ul#top li a span {font-size:16px;}
#header ul#top li a:hover {color:#486577;}
#header ul#top li a.hover {color:#486577;}

#header ul#top li ul {display:inline-block; position:absolute; left:0; top:80px; height:0; z-index:99; overflow:hidden;}
#header ul#top li ul:after {content:""; display:block; clear:both;}
#header ul#top li ul li {float:none; line-height:20px; }
#header ul#top li ul li a {font-size:13px; color:#666; border:0; padding:6px 0 6px 10px; z-index:99;}
#header ul#top li ul li a span.f {display:block; font-size:13px;}
#header ul#top li ul li a:hover {color:#ac5122; font-weight:600;}
#header ul#top li ul li a.hover {color:#ac5122; font-weight:600;}

#header ul#top li ul#topSubm1 {left:20px; border:0; width:180px;}
#header ul#top li ul#topSubm2 {left:220px; width:110px; }
#header ul#top li ul#topSubm3 {left:350px; width:132px; }
#header ul#top li ul#topSubm4 {left:502px; width:110px; }
#header ul#top li ul#topSubm5 {left:632px; width:140px; }


#mnaviHead {display:none;}
#navibg {position:absolute; left:0; top:100px; width:100%; height:0; background:#fff; z-index:98; border-top:1px #ddd solid; overflow:visible !important;}
#mnavi {display:none;}


#m_menu_box { display:none; position:fixed; width:250px; top:0 !important; bottom:0 !important; background:#f7f7f7; overflow-y:auto; z-index:100; }
.at-container { position:relative; }
#m_menu_box .at-container ul { display:block; float:none; }
#m_menu_box .at-container ul li { display:block !important; float:none !important; width:100%; position:relative;  padding:5px 0; background:#cc5d21; font-size:18px; border-bottom:1px solid #ddd; }
#m_menu_box .at-container ul li .first { width:100%; color:#fff; height:36px; line-height:30px; cursor:pointer; font-size:16px; padding-left:10px; }
#m_menu_box .at-container ul li ul.lnb_sub_wrap { display:none; float:none; width:100%;margin-top:10px; }
#m_menu_box .at-container ul li ul.lnb_sub_wrap li { display:block; float:none; width:100%; background:#fff; border-bottom:1px solid #ddd; }
#m_menu_box .at-container ul li ul.lnb_sub_wrap li a { display:block; padding:6px 0 6px 4px; font-size:14px; color:#000; text-decoration:none; }
#m_menu_box .at-container ul li ul.lnb_sub_wrap li a:hover { background:#ddd; }
#m_menu .lnb_sub_wrap li { display:block !important; float:none !important;background:#fff; color:#000; width:100%; height:25px; }
/* head - e */

.m_menu_head { width:100%; height:42px; }
.m_menu_head .title { width:100%; height:42px; padding-top:10px; text-align:center; font-size:20px; color:#000; font-weight:700; }
.m_menu_head .close { position:absolute; right:0; top:0; width:33px;height: 38px; border:2px solid #000; cursor:pointer; text-align:center; }
.m_menu_head .close:before, .close:after {position: absolute;left: 15px;content:' ';height: 40px;width: 2px;background-color: #000;}
.m_menu_head .close:before {transform: rotate(45deg);}
.m_menu_head .close:after {transform: rotate(-45deg);}



/* index */




/******************** main section ********************/
#mainSection {width:100%; overflow:hidden;}


/********** rolling ***********/
/* base */
#mainRoll {position:relative; left:0; top:0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; clear:both;}

.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}



/* re code declaration */
#mainRoll{width:100%; height:460px; overflow:hidden; z-index:54;}
#mainRoll .swiper-slide{position:relative; width:100%; height:460px; overflow:hidden;}
#mainRoll .swiper-slide a{position:relative; display:block; width:100%; height:460px; text-decoration:none;}
#mainRoll .swiper-slide .img {position:absolute; left:50%; top:0; height:460px; margin:0 0 0 -491px; z-index:1;}
#mainRoll .swiper-slide .point {position:relative; max-width:980px; margin:0 auto; overflow:hidden; z-index:2;}
#mainRoll .swiper-slide .point .tit {font-family:'Nanum Gothic','Verdana'; font-size:36px; font-weight:700; padding:90px 0 24px 15px; color:#fff; line-height:1;}
#mainRoll .swiper-slide .point .txt {font-size:18px; color:#fff; font-weight:600; line-height:1.4; padding:0 0 0 15px;}
#mainRoll .swiper-slide .point .click { position:relative; padding:30px 0 0 15px; }

#mainRoll .swiper-slide .point23 {position:relative; max-width:980px; margin:0 auto; overflow:hidden; z-index:2;}
#mainRoll .swiper-slide .point23 .tit {font-family:'Nanum Gothic','Verdana'; font-size:28px; font-weight:700; padding:240px 0 0 15px; color:#fff; line-height:1; text-align:center;}
#mainRoll .swiper-slide .point23 .txt {font-size:16px; color:#fff; font-weight:600; line-height:0; padding-top:10px; text-align:center; }
#mainRoll .swiper-slide .point23 .click { position:relative; width:100%; padding:30px 0 0 15px; }

#mainRoll .swiper-slide .point2 {position:relative; max-width:980px; height:100%; margin:0 auto; overflow:hidden; z-index:2;}
#mainRoll .swiper-slide .point2 .tit {font-family:'Nanum Gothic','Verdana'; font-size:36px; font-weight:700; padding:260px 0 16px 15px; color:#fff; line-height:1; text-align:center;}
#mainRoll .swiper-slide .point2 .txt {font-size:18px; color:#fff; font-weight:600; line-height:1.4; padding:0 0 0 210px;}
#mainRoll .swiper-slide .point2 .click { position:absolute; left:600px; top:320px; }


#mainThum{position:absolute; left:0; bottom:45px; width:100%; z-index:55; text-align:center;}
#mainThum div {display:inline-block; margin:0 7px;}
#mainThum div.play {display:none; width:20px; height:20px; margin:0 7px 0 0; background:url('/image/btn_main_play.png') left top no-repeat; cursor:pointer; overflow:hidden;}
#mainThum div.pause {display:inline-block; width:20px; height:20px; margin:0 10px 0 0; background:url('/image/btn_main_pause.png') left top no-repeat; cursor:pointer; overflow:hidden;}
#mainThum img {vertical-align:middle;}
#mainThum .swiper-pagination-switch{width:12px; height:12px; border-radius:50%; background:#fff; vertical-align:top; margin:5px 7px 0 7px; cursor:pointer; overflow:hidden;}
#mainThum .swiper-active-switch{ width:30px; height:12px; border-radius:12px; background:#fee101; }


.index_background_1 { background: #21b0b4; /* Old browsers */
background: -moz-linear-gradient(45deg, #21b0b4 0%, #6ebc2f 78%, #c6e52d 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #21b0b4 0%,#6ebc2f 78%,#c6e52d 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #21b0b4 0%,#6ebc2f 78%,#c6e52d 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21b0b4', endColorstr='#c6e52d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.index_background_2 { background:url("/image/main_2011.jpg") no-repeat; background-position:center}

.index_background_3 { background: #d78918; /* Old browsers */
background: -moz-linear-gradient(45deg, #d78918 15%, #e58939 47%, #d3c90e 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d78918 15%,#e58939 47%,#d3c90e 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d78918 15%,#e58939 47%,#d3c90e 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d78918', endColorstr='#d3c90e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }




/* main section */

#mainContent {width:980px;}
#noticeMain, #networkMain, #newsMain, #serviceMain {height:254px;}

/*
#rindex { width:100%; background:#20b1b4; overflow:hidden}
#rindex .img { width:980px; margin:0 auto; }
*/

#rindex_1 { width:100%; max-width:880px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
#rindex_1 ul { width:100%; max-width:880px; height:180px; }
#rindex_1 li { width:25%; text-align:center; }
#rindex_1 li .img { width:100%; text-align:center; }
#rindex_1 li .img img { }
#rindex_1 li .title { margin-top:18px; line-height:24px; text-align:center; }
#rindex_1 li .title .title1 { color:#72432f; font-size:16px; font-weight:bold; text-align:center; }
#rindex_1 li .title .title2 { color:#666; font-size:16px; text-align:center;}

#rindex_2 { width:100%; background:#eeefea; }
#rindex_2 .media { width:100%; max-width:980px; margin:0 auto; padding-top:36px; text-align:center; }
#rindex_2 .media .title { color:#72432f; font-family:'Nanum Gothic'; font-size:18px; font-weight:bold; margin-bottom:14px; text-align:center;  }
#rindex_2 .media .title a { color:#72432f; }
#rindex_2 .media .cdt { width:100%; max-width:302px; height:258px; background:url(/image/idx_media_back.gif) no-repeat; margin:0 auto; }
#rindex_2 .media .cdt .img { width:100%; max-width:260px; margin:0 auto; padding-top:20px;  }
#rindex_2 .media .cdt .img img { width:100%; max-width:260px; }
#rindex_2 .media .cdt .text { font-size:14px; padding-top:18px; line-height:22px; text-align:center; }

#rindex_2 .media  li { width:100%; max-width:33%; }

#rindex_2 .dnt_lts { width:100%; max-width:980px; margin:0 auto; padding:40px 0; border-top:1px solid #d7d7d7; }
#rindex_2 .dnt_lts .donation { float:left; width:50%; }
#rindex_2 .dnt_lts .img { position:absolute; right:40px; }
#rindex_2 .dnt_lts .title { color:#72432f; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold;  }
#rindex_2 .dnt_lts .bank { margin-top:18px; color:#333; font-size:15px; font-family:'Nanum Gothic'; line-height:24px; }
#rindex_2 .dnt_lts .bank li { float:none; display:block; }

#rindex_2 .latest { float:right; width:50%; }
#rindex_2 .latest .latest_head { float:left;  height:30px; }
#rindex_2 .latest .latest_more { float:right; width:100px; height:30px; text-align:right; }
#rindex_2 .latest .latest_head li { width:96px; }
#rindex_2 .latest .latest_head li a {  font-family:'Nanum Gothic'; font-size:16px; color:#7d7d7d; font-weight:bold;  height:20px; padding:6px 12px 6px 0; }
#rindex_2 .latest .latest_more a { font-family:'Nanum Gothic'; font-size:12px; color:#656661; height:20px; padding:6px 4px; text-decoration:none; }

#rindex_2 .latest .latest_list { width:100%; margin-top:10px; }
#rindex_2 .latest .latest_list .notice { display:block; width:100%; }
#rindex_2 .latest .latest_list .news { display:none; width:100%; }
#rindex_2 .latest .latest_list dl { width:100%;  }
#rindex_2 .latest .latest_list dt { float:left; padding:0; margin:0; width:calc(100% - 90px); max-width:380px; height:25px; font-size:14px; font-family:"Nanum Gothic"; }
#rindex_2 .latest .latest_list dd { float:left; padding:0; margin:0; width:80px; height:25px; font-size:13px; font-family:"Nanum Gothic"; text-align:right; }




/* index - e */


/* dharamsala */
#main_h1 { width:100%; height:140px; background:#b86940; z-index:3; }
#main_f1 { width:100%; height:40px; background:#a95332; z-index:2; }

#main_h2 { width:100%; height:140px; background:#fdca17; z-index:3;  }
#main_f2 { width:100%; height:40px; background:#fdb60c; z-index:2;  }

#main_h3 { width:100%; height:140px; background:#ec3c4b; z-index:3;  }
#main_f3 { width:100%; height:40px; background:#eb2b35; z-index:2;  }

#main_h4 { width:100%; height:140px; background:#12bb55; z-index:3;  }
#main_f4 { width:100%; height:40px; background:#0da43b; z-index:2;   }

#main_h5 { width:100%; height:140px; background:#3a64cf; z-index:3;  }
#main_f5 { width:100%; height:40px; background:#2e50c4; z-index:2;   }




.main_ct { width:100%; max-width:980px; margin:0 auto; }
.main_ct .title { position:absolute; top:30px; }
.main_ct .title .eng { color:#fff; font-size:20px; font-weight:400; }
.main_ct .title .kor { color:#fff; font-size:36px; font-weight:700;  }

.main_ct .navigation { height:40px; }
.main_ct .navigation li { border-left:1px solid rgba(255, 255, 255, 0.3); }
.main_ct .navigation li.right { border-right:1px solid rgba(255, 255, 255, 0.3); }
.main_ct .navigation a.nv_link { display:block; height:20px; padding:10px 16px 10px 20px; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }

.main_ct .sub_head_img { position:absolute; right:0; top:0; }

.sub_menu_div { position:absolute; width:200px; display:none; }
.sub_menu_div ul { width:200px; }
.sub_menu_div li { display:block; width:198px; background:#ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.sub_menu_div li a { display:block; font-size:14px; font-weight:700; text-decoration:none; color:#000;  height:20px; padding:14px 10px 10px 20px; }
.sub_menu_div li a.sub3 { background:#fff; border-bottom:1px solid rgba(208, 208, 208, 0.3); }
.sub_menu_div li a.sub3:hover { background:#f2f2f2; color:#e83859; }

/* base */
.content_o { width:100%; max-width:980px; margin:0 auto; }
#content { width:100%; max-width:980px; margin:0 auto; }

#content .sub_title { padding:30px 0; margin-bottom:30px; font-size:30px; font-family:'Nanum Gothic'; font-weight:bold; }
#content .bbs_title { padding:30px 0; font-size:30px; font-family:'Nanum Gothic'; font-weight:bold; }
/* #content .sub_title { padding:30px 0; margin-bottom:30px; border-bottom:1px solid #ddd; font-size:30px; font-family:'Nanum Gothic'; font-weight:bold; } */
#content .sub_title2 { color:#bb6437; font-size:24px; font-weight:bold; }
#content .sub_title3 { font-size:24px; font-weight:bold; }
#content .sub_title4 { color:#333; font-size:18px; font-weight:bold; padding-left:20px; padding-top:26px; }
#content .sub_title5 { color:#333; font-size:24px; font-weight:bold; }
.color1 { color:#bc6539; }
.bold { font-weight:bold; }


/* dharamsala  */
#content .content { width:100%; }
#content .content .dv { width:100%; max-width:980px; }
#content .content .dv .d_left {float:left; width:48%; max-width:470px; margin:1%; }
#content .content .dv img { width:100%; }
#content .content .dv .d_right {float:right; width:48%; max-width:470px; margin:1%;  }
#content .content .text { font-size:15px; line-height:22px; }
#content .content .dv_line { width:100%; height:1px; border:1px dotted #ddd; margin:50px 0; }

#content .content .dv_point { display:block; width:100%; max-width:918px; padding:30px; border:1px solid #ddd; background:#f2f2f2; }
#content .content .dv_point .title { font-size:20px; font-weight:bold; }
#content .content .dv_point .text { float:left; width:45%; max-width:450px; font-size:14px; line-height:20px; }
#content .content .dv_point .img { float:right; width:45%; max-width:450px; }

.content ul.history { width:980px; height:90px; }
.content ul.history li { height:20px; background:#f8f8f8; padding:24px 0; font-size:16px; font-weight:bold; text-align:center; }
.content ul.history li.h1 { width:325px; border:1px solid #ddd; }
.content ul.history li.h2 { width:323px; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  }
.content ul.history li.h3 { width:325px; border:1px solid #ddd; }
.content ul.history li.h1_s {width:327px; background:#333; color:#fff; }
.content ul.history li.h2_s {width:325px; background:#333; color:#fff; }
.content ul.history li.h3_s {width:327px; background:#333; color:#fff; }
.content .history_arrow_1 { position:absolute; left:152px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
.content .history_arrow_2 { position:absolute; left:480px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
.content .history_arrow_3 { position:absolute; left:804px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }


.content .history_list { width:940px; background:url(/image/history_line.gif) repeat-y; margin:0 auto; margin-top:30px; }
.content .history_list .list { width:940px; }
.content .history_list .list .year { position:absolute; width:100px; height:64px; border-radius:50px; background:#bc6538; color:#fff; font-size:28px; font-weight:bold; padding-top:36px; text-align:Center; }
.content .history_list .list .photo { float:right; width:240px; padding-top:26px; }
.content .history_list .list .photo li { display:block; float:none; height:160px; margin-bottom:20px; }
.content .history_list .list .event { float:left; padding-left:160px; padding-top:26px; width:500px; }
.content .history_list .list .event dt { position:absolute; width:60px; font-size:14px; font-weight:bold;  line-height:24px;}
.content .history_list .list .event dd { float:left; padding-left:40px; width:430px; font-size:14px; line-height:24px; }


.greeting { width:100%; height:116px; background:url(/image/greeting_back.gif) no-repeat right bottom; border-bottom:1px solid #d7d7d7; color:#bc6539; font-size:24px; font-weight:700; line-height:32px; }
.greeting1 { width:100%; margin-top:28px; }
.greeting1 .left { float:left; width:31%; padding:1%; font-size:14px; line-height:22px; }
.greeting1 .center { float:left; width:31%; padding:1%; font-size:14px; line-height:22px; }
.greeting1 .right { float:left; width:31%; padding:1%; font-size:14px; line-height:22px; }

/* Contact Us */
.content .contact_left { float:left; width:100%; max-width:320px; }
.content .contact_right { float:right; right:20px; width:100%; max-width:620px; height:360px; }
.content .contact_left .country { color:#333; font-size:24px; font-weight:bold; }
.content .contact_left .place { padding:18px 0 0 22px; line-height:26px; }
.content .contact_left .place .name { color:#c57953; font-size:16px; font-weight:bold; }
.content .contact_left .place .addr { color:#666; font-size:15px; }


/* Business */
.content .m3_text { color:#333; font-size:16px; line-height:24px; margin:28px 0 38px 0; }
.content .m3_text .point1 { color:#bc6539; }
.content .category { position:relative; width:100%; max-width:980px; }
.content ul.business_category { width:100%; max-width:980px;  }
.content ul.business_category li { height:20px; background:#f8f8f8; padding:24px 0; font-size:16px; font-weight:bold; text-align:center; }
.content ul.business_category li.h1 { width:calc(25% - 2px); max-width:243px; border:1px solid #ddd; }
.content ul.business_category li.h2 { width:calc(25% - 2px); max-width:244px; border:1px solid #ddd;  border-left:0;  }
.content ul.business_category li.h3 { width:calc(25% - 2px); max-width:244px; border:1px solid #ddd;  border-left:0;  }
.content ul.business_category li.h4 { width:calc(25% - 2px); max-width:244px; border:1px solid #ddd;  border-left:0;  }
.content ul.business_category li.h1_s {width:calc(25% - 2px); max-width:245px; border:1px solid #333; border-left:0; background:#333; color:#fff; }
.content ul.business_category li.h2_s {width:calc(25% - 2px); max-width:245px; border:1px solid #333; border-left:0;  background:#333; color:#fff; }
.content ul.business_category li.h3_s {width:calc(25% - 2px); max-width:245px; border:1px solid #333; border-left:0;  background:#333; color:#fff; }
.content ul.business_category li.h4_s {width:calc(25% - 2px); max-width:245px; border:1px solid #333; border-left:0;  background:#333; color:#fff; }
/*
.content .business_arrow_1 { position:absolute; left:calc(25% - 112px); top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
.content .business_arrow_2 { position:absolute; left:359px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
.content .business_arrow_3 { position:absolute; left:604px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
.content .business_arrow_4 { position:absolute; left:859px; top:68px; width:18px; height:9px; background:url(/image/history_arrow.gif) no-repeat; }
*/

.content .business { width:calc(100% - 40px); max-width:940px; margin:0 auto; margin-right:20px; margin-left:20px; margin-top:30px;}
.content .business .text_img { margin:30px 0 24px 0; }
.content .business ul.text1 { width:55%; max-width:540px; float:left; }
.content .business ul.text1 li { padding-left:24px; color:#333; font-size:14px; line-height:22px; padding-bottom:20px; background:url(/image/business_img1.gif) no-repeat; }
.content .business ul.text2 { width:100%; float:left; }
.content .business ul.text2 li { padding-left:24px; color:#333; font-size:14px; line-height:22px; padding-bottom:20px; background:url(/image/business_img1.gif) no-repeat; }
.content .business .photo1 { float:right; right:40px; width:45%; max-width:304px; }
.content .business .photo2 { float:right; right:40px; width:100%; max-width:304px; }
.content .business .photo { width:100%; max-width:940px; padding:28px 0 40px; border-bottom:1px solid #ddd; }
.content .business .photo li { width:calc(25% - 20px); padding:10px; text-align:center; }
.content .business .photo li img { width:100%; }

.content .business .detail { width:100%; max-width:940px; padding-top:38px; }
/*
.content .business .detail .d1 { float:left; width:50%; max-width:460px;}
.content .business .detail .d2 { float:left; width:calc(50% - 20px); padding-left:20px; max-width:460px; }
.content .business .detail .d3 { float:left; width:460px; padding-bottom:30px; }
.content .business .detail .d4 { float:left; padding-left:20px; width:460px; padding-bottom:30px; }
*/
.content .business .detail .biz_sp1 { float:left; width:50%; max-width:460px; padding:10px 0; }
.content .business .detail .disc { float:left; width:60px; height:48px; padding-top:12px; border:1px solid #737373; border-radius:30px; color:#737373; font-size:32px; text-align:center; }
.content .business .detail .text { float:left; padding-left:20px; width:calc(100% - 90px); color:#666; font-size:14px;  }


.content .business_donation { width:100%; max-width:980px; border:1px solid #d7d7d7; border-radius:10px; overflow:hidden}
/*
.content .business_donation { width:100%; max-width:980px; border:1px solid #d7d7d7; border-radius:10px; overflow:hidden; }
*/
.content .business_donation .line { position:absolute; left:50%; width:1px; height:600px; background:#d7d7d7; }

.content .business_donation .left { float:left; width:42%; max-width:490px; padding:4%; }
.content .business_donation .right { float:right; width:42%; max-width:490px; padding:4%; }
.content .business_donation .img { width:100%; max-width:410px; text-align:center; margin:0 auto; }
.content .business_donation .img img { width:100%; }
.content .business_donation .title { width:100%; max-width:100%; text-align:center; font-size:18px; font-weight:bold; margin-top:25px; }
.content .business_donation .text { width:100%; max-width:100%; color:#666; font-size:14px; margin:20px 0 40px 0; }

.content .business_peace { width:100%; max-width:980px; margin-bottom:20px; }
.content .business_peace img { width:100%; }




.tyear_event { width:956px; height:1436px; margin:0 auto; margin-top:30px; background:url(/image/tyear_event_back2.jpg) no-repeat; border-radius:5px;  }
.tyear_event .layer { width:912px; margin-left:44px; }
.tyear_event .layer .text1 { width:152px; height:45px; padding-top:88px;  }
.tyear_event .layer .text2 { margin-left:10px; margin-top:20px; line-height:37px; font-size:14px;  }
.tyear_event .layer .text3 { position:absolute; width:175px; height:120px; right:176px; top:165px; }
.tyear_event .layer .img1 { position:absolute; width:272px; height:267px; left:34px; top:330px; }
.tyear_event .layer .text4 { margin:37px 70px 0; text-align:right; line-height:37px; font-size:14px;   }
.tyear_event .layer .text5 { margin-left:10px; margin-top:37px; line-height:37px; font-size:14px;  }
.tyear_event .layer .text6 { margin-top:74px; line-height:37px; font-size:16px; font-weight:700; text-align:center;   }
.tyear_event .layer .text7 { margin-top:18px; line-height:37px; color:#a6552c; font-size:32px; font-weight:700; text-align:center; }
.tyear_event .layer .text8 { margin-top:19px; line-height:37px; font-size:14px; font-weight:700; text-align:center;   }
.tyear_event .layer .text9 { margin-top:46px; text-align:center; }
.tyear_event .layer .img2 { position:absolute; top:646px; right:60px; width:302px; height:234px; }
.tyear_event .layer .bottom { margin:60px 0 0 6px; width:843px; height:189px; text-align:center; background:url(/image/tyear_bottom_back.gif) no-repeat; }
.tyear_event .layer .bottom .text1 { padding-top:40px; margin-top:0; width:843px; text-align:center; font-size:20px; font-weight:700; }
.tyear_event .layer .bottom .text2 { margin-top:-10px; text-align:center; font-size:16px; line-height:26px; }

/* sponsorship */
.sponsorship { width:100%; max-width:980px; margin-top:58px; border-bottom:1px solid #eee; }
.sponsorship .left { float:left; width:calc(100% - 304px); max-width:614px; padding-bottom:40px; }
.sponsorship .right { float:left; width:304px; width:304px; margin-top:20px; }

.sub_text2 { padding-left:32px; padding-top:20px; color:#666; font-size:14px; line-height:22px; }
.sub_text3 { padding-left:20px; padding-top:20px; color:#666; font-size:14px; line-height:22px; }
.tbl_sponsorship1 { width:560px; border-collapse:collapse;}
.tbl_sponsorship1 td { font-size:14px; vertical-align:top; line-height:22px; padding:8px 0 2px 0; }

.btn_sponsorship { width:100%; max-width:980px; text-align:center; padding-top:40px; }

.tbl_sponsorship { width:977px; border-top:2px solid #ff004a; }
.tbl_sponsorship th { border:1px solid #ddd; font-size:14px; font-weight:bold; background:#f2f2f2; height:40px; }
.tbl_sponsorship td { border:1px solid #ddd; padding:8px 0 10px 10px;  }


.tbl_sponsorship2 { width:978px; }
.tbl_sponsorship2 th { font-size:14px; color:#fff; font-weight:bold; background:#ff004a; height:40px; }
.tbl_sponsorship2 td { padding:8px 0 10px 10px;  }




/* volunteer */
.volunteer { width:980px; }
.volunteer .img { float:left; width:120px; height:120px; }
.volunteer .text { float:left; padding-left:40px; width:820px; }
.volunteer .text .title { color:#333; font-size:18px; font-weight:bold; margin-bottom:18px; }
.volunteer .text .content { color:#666; font-size:14px; line-height:22px; }
.volunteer_line { border-top:1px dashed #d7d7d7; margin:30px 0; width:980px; height:1px; }
.btn_volunteer { width:980px; text-align:center; padding-top:40px; }

.tbl_volunteer_form { width:977px; border-top:2px solid #ff004a; border-collapse:collapse; line-height:30px; }
.tbl_volunteer_form th { border:1px solid #ddd; font-size:14px; font-weight:bold; background:#f2f2f2; height:40px; }
.tbl_volunteer_form td { border:1px solid #ddd; padding:16px 0 16px 10px;  font-size:14px; }


.tbl_volunteer_3 { width:480px; border-collapse:collapse; line-height:26px; border:0; }
.tbl_volunteer_3 td { font-size:14px; border:0; line-height:26px; padding:4px 0; }


#rft_line { width:100%; border-top:1px solid #ddd; padding-top:0; margin-top:60px; }
#rft { width:100%; max-width:980px; margin:0 auto; padding-top:20px; margin-bottom:30px; }
#rft .info { color:#666; font-size:12px; font-family:'Nanum Gothic'; line-height:18px; }
#rft .link { position:absolute; right:0; top:40px; color:#666; font-size:12px; font-family:'Nanum Gothic'; font-weight:bold;  }
#rft .link .line { color:#c4c4c4; font-weight:normal; }


/* support */
.tbl_support_list { width:977px; border-collapse:collapse; margin-bottom:50px; }
.tbl_support_list thead th { background:#f9f9f9; font-size:15px; height:40px; text-align:center;}
.tbl_support_list tbody th { border-bottom:1px solid #ddd; font-size:14px; height:40px; text-align:left; padding-left:20px; }
.tbl_support_list tbody td { border-bottom:1px solid #ddd; font-size:14px; padding-left:20px; }

.tbl_support_list2 { width:100%; border-collapse:collapse; }
.tbl_support_list2 thead th { height:40px; font-size:13px; font-weight:600; background:#f2f2f2;  }
.tbl_support_list2 tbody td { height:30px; text-align:center; border-bottom:1px solid #ddd; }
.input_sp_s { width:500px; border:1px solid #ccc; height:32px; padding-left:10px; font-size:14px;  }
.textarea_sp_t { width:840px;border:1px solid #ccc;  height:160px; padding-left:10px; padding-top:6px;  font-size:14px; }

.support_input { padding-left:20px; margin-bottom:10px; }


.tbl_sv_volunteer { width:100%; border-collapse:collapse; }
.tbl_sv_volunteer thead th { height:40px; font-size:13px; font-weight:600; background:#f2f2f2;  }
.tbl_sv_volunteer tbody td { height:40px; text-align:center; border-bottom:1px solid #ddd; }

.sponsorship2 { width:100%; max-width:980px; }
.sponsorship2 .btn_common { width:460px; height:100px; border:2px solid #ddd; border-radius:10px; text-align:center; padding-top:70px; font-size:30px; font-weight:700; cursor:pointer }
.sponsorship2 .btn_cms { float:left;  }
.sponsorship2 .btn_site { float:right; }

.tbl_sponsorship4 { width:977px; border-top:2px solid #ff004a; }
.tbl_sponsorship4 th { border:1px solid #ddd; font-size:16px; font-weight:bold; background:#f2f2f2; height:40px; }
.tbl_sponsorship4 td { border:1px solid #ddd; padding:8px 0 10px 10px; font-size:16px; line-height:30px; }

.support_cms_text { font-size:16px; margin-bottom:20px; }

.yearend_sett { width:100%; height:60px; margin-top:20px;   }
.yearend_sett .button { float:right; color:#fff; font-size:16px; font-weight:600; background:#ff5400; border:1px solid #ff5400; border-radius:6px; text-align:center; }
.yearend_sett .button a { display:block; padding:10px 18px; color:#fff; }
.dont_content { width:100%; margin:0 auto; }
.dont_content .dont_text { font-size:16px; line-height:26px; border:1px solid #ddd; border-radius:10px; padding:20px; }
.dont_content .dont_point { font-size:18px; color:#bb6437; font-weight:bold }
.dont_content .dont_check { margin-top:16px; margin-left:10px; font-size:16px; font-weight:bold;  }
.dont_content .dont_check input:focus { border:2px solid #ff5400; }

.tbl_receipt { width:100%; margin-top:30px; border-collapse:collapse; border-top:2px solid #000; }
.tbl_receipt th { background:#f9f9f9; padding:20px 0; border-bottom:1px solid #ddd; }
.tbl_receipt td { border-bottom:1px solid #ddd; padding:20px 0 20px 20px;  }



.dont_request_btn { width:260px; margin:0 auto; padding:16px 10px 16px 10px; color:#fff; background:#ff5400; font-weight:bold; cursor:pointer; text-align:center; font-size:16px; border-radius:6px; }



/* v2 board */
.tbl_bbs_rp2 { width:100%; border-top:1px solid #d7d7d7; border-collapse:collapse; }
.tbl_bbs_rp2 thead th { height:49px; border-bottom:1px solid #eee; background:#f8f8f8; color:#333; font-size:14px; }
.tbl_bbs_rp2 tbody td { height:49px; border-bottom:1px solid #eee; background:#fff; text-align:center; font-size:14px; }

.tbl_bbs_rp2 .num { width:78px; }
.tbl_bbs_rp2 .check { width:78px; }
.tbl_bbs_rp2 th.subject {   }
.tbl_bbs_rp2 td.subject { text-align:left;  }
.tbl_bbs_rp2 td.subject a:hover { color:#ac5122; text-decoration:none; border-bottom:1px solid #ac5122; }
.tbl_bbs_rp2 .name { width:110px; }
.tbl_bbs_rp2 .date { width:136px; }
.tbl_bbs_rp2 .hit { width:90px; }

#bo_sch { width:100%; text-align:right; margin-bottom:20px; }
#bo_sch .select_bbs { width:116px; height:40px; border:1px solid #ddd; border-radius:4px; font-size:14px; padding-left:4px; }
#bo_sch .input_bbs { width:180px; height:40px; border:1px solid #ddd; border-radius:4px; }
#bo_sch .submit_bbs { width:80px; height:40px; background:#888; border:0; border-radius:4px; color:#fff; font-size:14px; font-weight:600; }



/* member */
#mb_login .sub_title2 { color:#bb6437; font-size:24px; font-weight:bold; }
.btn_submit_v2 {padding:8px;border:0;background:#ffd234;color:#222;font-family:'Nanum Gothic';letter-spacing:0; font-weight:700;cursor:pointer;border-radius:4px;}
fieldset .btn_submit_v2 {padding:0 7px;height:24px;line-height:1em}
#mb_login #login_fs .btn_submit_v2 {position:absolute;top:20px;right:95px;width:60px;height:53px}
#mb_login #login_info {margin:0 0 40px;padding:20px 96px 20px 20px;border:1px solid #cfded8;background:#f5f6fa; }
.btn_confirm_v2 { padding:10px;border:0;background:linear-gradient(#ef2536, #f8a3aa) fixed;color:#fff;font-family:'Nanum Gothic';letter-spacing:0;cursor:pointer;border-radius:4px; }
a.btn_confirm_v2 { color:#fff;}

/* v2 bbs paging */
.pg_wrap3 { text-align:center; padding:0; margin:0; border:0;  }
.pg_current2 { float:left; margin:0 6px; display:block; width:36px; height:26px; border-radius:50%; background:red; color:#fff; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; padding-top:10px; }
a.pg_page2 { float:left; margin:0 6px; display:block; width:36px; height:26px; border-radius:50%; background:#ddd; color:#000; font-size:14px; text-align:center; vertical-align:middle; padding-top:10px; }
a.pg_page2:hover { text-decoration:none; background:#555; color:#fff; font-weight:bold; }

a.pg_page3 { float:left; margin:0 6px; display:block; width:35px; height:25px; border-radius:50%; border:1px solid #ddd; background:#fff; color:#000; font-size:14px; text-align:center; vertical-align:middle; padding-top:10px; }
a.pg_page3:hover { text-decoration:none; background:#ffcb17; color:#e94200; font-weight:bold; border:1px solid #ffcb17; }

.list_page { height:40px; padding-top:20px; text-align:cneter; margin:0 auto; }


.div_br { position:relative; }




ul.bbs_list { display:block; width:100%; height:49px;border-bottom:1px solid #ddd; }
ul.bbs_list_head { height:49px; border-bottom:1px solid #eee; background:#f8f8f8; color:#333; font-size:14px;border-top:1px solid #ddd;  }
ul.bbs_list_head li { text-align:center; height:19px !important; padding:15px 0 !important; font-size:14px; }  
ul.bbs_list li { text-align:center; height:19px; padding:15px 0; font-size:14px; }  
ul.bbs_list li.subject { width:calc(100% - 448px); }
ul.bbs_list li.num { width:78px; }
ul.bbs_list li.check { wdth:40px; }
ul.bbs_list li.subject { text-align:left; }
ul.bbs_list li.subject a:hover { color:#ac5122; text-decoration:none; border-bottom:1px solid #ac5122; }
ul.bbs_list li.name { width:110px; }
ul.bbs_list li.date { width:130px; }
ul.bbs_list li.hit { width:90px; }




/* =============================================================== */

input[type=submit] {
  appearance: button;
  -moz-appearance: button; /* Firefox */
  -webkit-appearance: button; /* Safari and Chrome */
}

.rp_btn {
    background-color:#ffd234;
    border: none;
    color:#222;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius:4px; 
}

.rp_btn1 {
	width:174px;
	height:50px;
	font-weight:600;
}
.rp_btn1:hover {
    background-color: #fe7714;
    color: white;
}



.index_click {
    border: 1px solid #fff;
	border-radius:4px; 
    color:#fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	width:128px;
	font-weight:600;
	padding:14px 0;
}

.index_click:hover {
    background-color: #fff;
    color:#eb1f4f;
	opacity: 1;
}
.index_click2 { display:block; background:#fff; color:#27483c; width:100px; padding:8px 0; margin:0 auto; }



@media (max-width: 1199.98px) {
    #rft .info { padding:20px;  }
}

@media (max-width: 991.98px) {

    .content .business .text_img { margin:30px 0 24px 0; }
    .content .business ul.text1 { width:100%; max-width:100%; float:none; }
    .content .business ul.text1 li { padding-left:24px; color:#333; font-size:14px; line-height:22px; padding-bottom:20px; background:url(/image/business_img1.gif) no-repeat; }
    .content .business ul.text2 { width:100%; float:left; }
    .content .business ul.text2 li { padding-left:24px; color:#333; font-size:14px; line-height:22px; padding-bottom:20px; background:url(/image/business_img1.gif) no-repeat; }
    .content .business .photo1 { float:none; right:0; width:100%; max-width:100%; text-align:center; }
    .content .business .photo2 { float:right; right:40px; width:100%; max-width:304px; }


    .div_br { position:absolute; }
}

@media (max-width: 840px) {


    #rhd { height:140px; }
    #rhd .logo { position:relative; top:0;  margin:0 auto;  }
    #header #navi { top:80px; }
    #navibg { top:140px; }


    ul.bbs_list { display:block; width:100%; height:39px;border-bottom:1px solid #ddd; padding:15px 0; }
    ul.bbs_list_head { display:block; width:100%; height:39px; border-bottom:1px solid #eee; background:#f8f8f8; color:#333; font-size:14px;border-top:1px solid #ddd;  }
    ul.bbs_list_head li.bbs_li_hidden { display:none; }
    ul.bbs_list li { text-align:center; height:20px; padding:2px 0; font-size:12px; }  
    ul.bbs_list li.name_left { width:78px; }
    ul.bbs_list li.subject { width:calc(100% - 118px); font-size:14px; }
    ul.bbs_list li.name { width:110px; text-align:left; }
    ul.bbs_list li.date { width:130px; text-align:left;  }
    ul.bbs_list li.hit { width:90px; text-align:left;  }


}

@media (max-width: 780px) {
    /* @media (max-width: 767.98px) { */
    #rhd .logo { top:10px; }
    #rhd { height:100px; }
    #header #navi { display:none;  }
    #navibg { display:none; }


    #rhd .menubar { display:block; position:absolute; left:0; top:10px; padding-top:20px; width:88px; height:68px; cursor:pointer; }
    #rhd .menubar .mline { width:46px; height:6px; background:#363636; border-radius:5px; margin:0 auto; margin-bottom:6px; }

    #m_menu_box {}


    .main_ct .sub_head_img { display:none; }
    .main_ct .navigation li.navi_home { display:none;}

    #content .content .dv .d_left {float:none; display:block; width:100%; max-width:100%; }
    #content .content .dv img { width:98%; text-align:center; margin:auto; display:block;  }
    #content .content .dv .d_right {float:none; display:block; width:100%; max-width:100%;  }
    #content .content .text { font-size:15px; line-height:22px; }

    #content .content .dv_point .text { float:none; display:block; position:relative; width:100%; max-width:calc(100% - 60px); }
    #content .content .dv_point .img { float:none; display:block; position:relative; width:100%; max-width:calc(100% - 60px); }
    #content .content .dv_point .img img { width:100%; text-align:center; }

    .greeting { background:#fff; }
    .greeting1 { width:100%; margin-top:28px; }
    .greeting1 .left { float:none; width:calc(100% - 2%); padding:2%;  }
    .greeting1 .center { float:none; width:calc(100% - 2%); padding:2%;  }
    .greeting1 .right { float:none; width:calc(100% - 2%); padding:2%;  }

    
    #rft { width:100%; max-width:980px; margin:0 auto; padding-top:20px; margin-bottom:30px; }
    #rft .info { padding:20px;  }
    #rft .link { position:relative; top:0;}

    .content .contact_left { float:none; width:100%; }
    .content .contact_right { float:none; right:0; left:0; width:100%; max-width:620px; }


    .content ul.business_category li { height:18px; background:#f8f8f8; padding:22px 0; font-size:16px; }
    .content ul.business_category li.h1 { width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h2 { width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h3 { width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h4 { width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h1_s {width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h2_s {width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h3_s {width:calc(50% - 2px); max-width:50%; }
    .content ul.business_category li.h4_s {width:calc(50% - 2px); max-width:50%; }

    .content .business .photo li { width:calc(50% - 20px); }


    .content .business .detail .biz_sp1 { float:normal; width:100%; max-width:100%; padding-bottom:10px; }
    .content .business .detail .disc { width:40px; height:40px; padding-top:0; border-radius:20px;font-size:18px; line-height:40px; }
    .content .business .detail .text { float:left; padding-left:20px; width:calc(100% - 70px); color:#666; font-size:14px;  }

    .sponsorship .left { float:normal; width:100%; max-width:100%; padding-bottom:20px;}
    .sponsorship .right { float:normal; width:100%; width:100%; text-align:center;}



    .content .business_donation .line { position:static; width:80%; height:1px; background:#d7d7d7; margin:0 auto; }

    .content .business_donation .left { float:none; width:92%; max-width:100%; padding:4%; }
    .content .business_donation .right { float:none; width:92%; max-width:100%; padding:4%; }


    #rindex_1 li { width:50%; text-align:center; }
    #rindex_1 li:nth-child(3), #rindex_1 li:nth-child(4) { margin-top:20px; }


    #rindex_2 .media .title { margin-top:30px; }
    #rindex_2 .media  li { width:100%; max-width:100%; }


    #rindex_2 .dnt_lts .donation { float:none; width:98%; margin:0 auto; }
    #rindex_2 .dnt_lts .donation li { font-size:16px; margin-bottom:5px; }
    #rindex_2 .latest { float:none; width:98%; margin:0 auto; margin-top:30px; }
    
}
@media (max-width: 575.98px) {

}