@charset "utf-8";
@media all and (min-width:768px){
#superContainer {height: 100%; position: relative; -ms-touch-action: none; touch-action: none;}
.fp-section {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section{width:100%; height:100%; position:relative;}
.lnb{position:fixed; top:0px; left:0px; z-index:9; width:248px; height:548px; background:url(../images/lnb_off.png) no-repeat; max-width:1000px;}
.mo_fot,.mo_slide,.moimg,.monavi,.mologo{display:none;}
.lnb .logos{background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat; width:248px; height:114px; display:block; }
.lnb ul{overflow:hidden;margin-top:42px; margin-bottom:45px; }	
.lnb ul li a{width:184px; display:block;  padding-left:22px;  transition: opacity .25s ease-in-out;  -moz-transition: opacity .25s ease-in-out;  -webkit-transition: opacity .25s ease-in-out; opacity:0; text-indent:-9999px;}   
.lnb ul li.bgs1 a{height:48px;}
.lnb ul li.bgs2 a{height:54px;}
.lnb ul li.bgs3 a{height:79px}
.lnb ul li.bgs4 a{height:43px;}				
.lnb ul li a:hover{background:url(../images/lnb_on.png) no-repeat; opacity:1; text-indent:-9999px;}	
.lnb ul li.bgs1 a:hover{background-position:0px -156px;}
.lnb ul li.bgs2 a:hover{background-position:0px -204px;}
.lnb ul li.bgs3 a:hover{background-position:0px -258px;}
.lnb ul li.bgs4 a:hover{background-position:0px -337px;}			
.lnb .support{width:158px; height:125px; display:block;background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat; margin-left:35px;  transition: opacity .25s ease-in-out;  -moz-transition: opacity .25s ease-in-out;  -webkit-transition: opacity .25s ease-in-out; opacity:0;}
.lnb .support:hover{background:url(../images/lnb_on.png) -35px -425px   no-repeat;  opacity:1;}	
#section0{overflow:hidden;}	
.section video#myVideo{position: relative; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  background-size: cover; }
.bgs{background:url(../images/mov_bg.png) repeat; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;}
.underbgs{width:100%; height:270px; background:url(../images/main_sec_1_under_img.png) center center no-repeat; position:absolute; bottom:0px; -webkit-animation: bounceInUp 800ms ease-out; -moz-animation: bounceInUp 800ms ease-out; -o-animation: bounceInUp 800ms ease-out; animation: bounceInUp 800ms ease-out; -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}	
.textarea{position:absolute; right:40px; top:30px; text-align:right;}
.textarea p.pic{margin-bottom:4px;}
.textarea span{background:url(../images/su_txt_bg.png) no-repeat; width:32px; height:46px; display:block; display:inline-block; text-align:center; line-height:35px; font-size:20px; color:#fff; font-weight:900; font-family:Arial, Helvetica, sans-serif}
.textarea span.co{background:none; width:auto; color:#8aa330;}	
.textarea span.co2{background:none; width:auto; color:#d8dbdd;}		
.sec_cont{position:absolute; width:100%; text-align:center; top:50%; margin-top:-315px;}	
.sec_cont .sec_1{background:url(../images/main_vis.png) center center no-repeat; width:391px; height:430px; margin:auto; margin-bottom:0px; position:relative;}
.sec_cont .sec_1 .movs{width:222px; height:50px; display:block; position:absolute; bottom:-50px; left:83px;  background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat;}
.arow{ -moz-animation: arow 2s infinite;  -webkit-animation: arow 2s infinite; animation: arow 2s infinite; position:absolute; margin-left:-56px; left:50%;}
#section1{background:url(../images/main_sec_2_bg.jpg) 50% 0% no-repeat; background-size:cover; position:relative;}	
#section1{overflow:hidden; position:relative;}
.sec2_cont{position:absolute;width:748px; height:577px; background:url(../images/main_sec_2_cont.png) no-repeat; margin:auto; position:absolute; top:50%; left:50%; margin-left:-347px; margin-top:-338px }
.sec2_cont .chars{position:absolute; bottom:-60px; cursor:pointer; }
.sec2_cont .l_char{left:-70px; transform-origin:50% 50%;}	
.sec2_cont .l_char:hover{animation:2s char ease 1;}	
.sec2_cont .r_char{right:-80px; transform-origin:50% 50%; }		
.sec2_cont .r_char:hover{animation:2s char ease 1;}	
.sec2_cont .depth{overflow:hidden;}
.sec2_cont ul.dep_1{margin:234px 0 0 114px;}
.sec2_cont ul.dep_2{margin:13px 0 0 176px;}	
.sec2_cont ul li{float:left;}
.sec2_cont ul li a{width:130px; height:120px; display:block; background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat;}	
.movis{position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-282px; z-index:999; display:none; width:1000px; height:565px;}
.movis iframe{width:1000px; height:565px;}
.movis .layerx{position:absolute; right:-27px; top:-27px;}
.bg{width:100%; height:100%; position:fixed; top:0px; left:0px; background:#000; opacity:0.5; filter:alpha(opacity=50); /*익스 6~8*/ display:none; z-index:10; }
#galwrap_1 {position:fixed; background:url(../images/ch_img/pop_1.png) no-repeat; z-index:9999; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_1{position:absolute; right:67px; top:113px; }
#nav1{float:right; margin-left:5px;}
#nav1 li{width:86px; height:52px; margin-bottom:4px;}
#nav1 img { position:relative;}
#nav1 a{display:block; padding:2px;}
#nav1 a.active {border:2px solid #b5b600; padding:0px;}
#window1{ float:left;}
#window1>img{position:relative;}	
#galwrap_2 {position:fixed; background:url(../images/ch_img/pop_2.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_2{position:absolute; right:67px; top:113px; }
#nav2{float:right; margin-left:5px;}
#nav2 li{width:86px; height:52px; margin-bottom:4px;}
#nav2 img { position:relative;}
#nav2 a{display:block; padding:2px;}
#nav2 a.active {border:2px solid #854db3; padding:0px;}
#window2{ float:left;}
#window2>img{position:relative;}	
#galwrap_3 {position:fixed; background:url(../images/ch_img/pop_3.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_3{position:absolute; right:67px; top:113px; }
#nav3{float:right; margin-left:5px;}
#nav3 li{width:86px; height:52px; margin-bottom:4px;}
#nav3 img { position:relative;}
#nav3 a{display:block; padding:2px;}
#nav3 a.active {border:2px solid #49a1d2; padding:0px;}
#window3{ float:left;}
#window3>img{position:relative;}
#galwrap_4 {position:fixed; background:url(../images/ch_img/pop_4.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_4{position:absolute; right:67px; top:113px; }
#nav4{float:right; margin-left:5px;}
#nav4 li{width:86px; height:52px; margin-bottom:4px;}
#nav4 img { position:relative;}
#nav4 a{display:block; padding:2px;}
#nav4 a.active {border:2px solid #09858a; padding:0px;}
#window4{ float:left;}
#window4>img{position:relative;}
#galwrap_5 {position:fixed; background:url(../images/ch_img/pop_5.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_5{position:absolute; right:67px; top:113px; }
#nav5{float:right; margin-left:5px;}
#nav5 li{width:86px; height:52px; margin-bottom:4px;}
#nav5 img { position:relative;}
#nav5 a{display:block; padding:2px;}
#nav5 a.active {border:2px solid #98663c; padding:0px;}
#window5{ float:left;}
#window5>img{position:relative;}
#galwrap_6 {position:fixed; background:url(../images/ch_img/pop_6.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_6{position:absolute; right:67px; top:113px; }
#nav6{float:right; margin-left:5px;}
#nav6 li{width:86px; height:52px; margin-bottom:4px;}
#nav6 img { position:relative;}
#nav6 a{display:block; padding:2px;}
#nav6 a.active {border:2px solid #6d7c0f; padding:0px;}
#window6{ float:left;}
#window6>img{position:relative;}
#galwrap_7 {position:fixed; background:url(../images/ch_img/pop_7.png) no-repeat; z-index:11; width:859px; height:586px; left:50%; margin-left:-429px; display:none; margin-top:-293px; top:50%;}
.galarea_7{position:absolute; right:67px; top:113px; }
#nav7{float:right; margin-left:5px;}
#nav7 li{width:86px; height:52px; margin-bottom:4px;}
#nav7 img { position:relative;}
#nav7 a{display:block; padding:2px;}
#nav7 a.active {border:2px solid #6d7c0f; padding:0px;}
#window7{ float:left;}
#window7>img{position:relative;}
.movearea{position:absolute; top:339px; left:65px; }
.movearea ul{overflow:hidden;}
.movearea ul li{float:left; margin-right:36px;}
.movearea ul li iframe{width:344px; height:195px;}	
.x{position:absolute; font-size:30px; color:#fff; z-index:11; display:block; right:15px; top:15px;width:50px; height:50px; text-indent:-9999px; }	

/*편지쓰기*/
.sublogos{position:absolute; right:20px; top:20px;}
.letter_wrap{background:url(../images/letter_bg.jpg) 50% 0% repeat;  width:100%;}
.letter_con_1{width:844px; margin:auto; height:859px; background:url(../images/letter_cont_1.png) 50% 63px no-repeat; padding-top:63px; margin-bottom:40px; position:relative;}
.lac{position:absolute; display:none;}
.letter_sec1{top:283px; left:5px; }
.letter_sec2{top:283px; left:290px; }
.letter_sec3{top:611px; left:5px; }		
.letter_con_2{width:844px; margin:auto;  background:url(../images/letter_cont_2.png) no-repeat;}
.inputarea{padding:141px 0 56px 69px; margin-bottom:14px;}
.inputarea ul{overflow:hidden;}
.inputarea ul li{float:left; height:54px; line-height:54px;}
.inputarea ul li.letter_t{width:87px; }
.inputarea ul li.letter_t2{width:65px; }	
.inputarea ul li .tts{background:url(../images/letter_txt_1.png) no-repeat; text-indent:-9999px;  }	
.inputarea ul li .t1{background-position:6px 20px;}	
.inputarea ul li .t2{background-position:6px -34px;}		
.inputarea ul li .t3{background-position:6px -88px;}			
.inputarea ul li .t4{background-position:-192px -88px;}	
.inputarea ul li .t5{background-position:6px -142px;}		
.inputarea ul li .t6{background-position:6px -196px;}			
.inputarea ul li.letter_in1{padding:0 3px; width:182px; }
.inputarea ul li input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}	
.inputarea ul li.letter_in2	a.schms{width:97px; height:40px; display:block; vertical-align:baseline;  text-indent:-9999px; padding:9px 0px; margin:0 5px; background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat}
.inputarea ul li.letter_in3{padding:0 3px; width:105px; }	
.inputarea ul li.letter_in3 input{text-align:center;}	
.inputarea ul li.letter_in4	{padding:0 3px; width:280px; }
.schseach{position:fixed; padding:15px 14px; width:528px; height:582px; left:50%; top:50%; z-index:20; margin-top:-306px; margin-left:-278px  ; background:url(../images/layer_1.png) no-repeat; display:none;}
.schx{position:absolute; right:-10px; top:-10px;}
.intitle{height:76px; text-indent:-9999px; line-height:76px;}
.insection{padding:33px 46px;}
.insection .intxt{font-size:17px; line-height:23px; margin-bottom:26px;}
.insection .intxt span{display:block;}
.insection .radios{font-size:17px; line-height:23px; font-weight:700; margin-bottom:15px;}	
.insection .radios input{vertical-align:middle;}	
.insection .radios .radiotxt{padding-left:10px; padding-right:25px;}
.insection .schgum{margin-bottom:16px;}
.insection .schgum ul{overflow:hidden;} 	
.insection .schgum ul li{float:left;} 	
.insection .schgum ul li.schgum1{width:267px; border:1px solid #ececec; border-radius:5px 5px 5px 5px; padding:7px 5px; margin-right:17px;}
.insection .schgum ul li input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}	
.insection .schgum ul li.schgum2{width:135px; }	
.insection .schgum ul li.schgum2 a.schgumbtn{display:block; padding:16px 5px;background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat; text-indent:-9999px;}	
.schsub_t{font-size:17px; margin-bottom:10px;}
.schsub_area{border:1px solid #e4e3e3; padding:20px; font-size:14px; line-height:20px; background:#f7f9fb; height:167px; overflow-x:hidden;}
.schsub_area a{color:#666; display:block;}	
.letterwrite{padding:92px 92px 58px 92px; }
.letterwrite textarea{width:94%; height:424px; border:0px;  line-height:40px; padding:10px; word-break:break-all;  vertical-align:middle; resize: none; wrap:hard; background:transparent url(../images/line.png) ; background-attachment:local; outline:none; font-size:17px; }	
.letterundertxt{padding:16px 58px; color:#fff; font-size:12px; line-height:18px;}
.letterundertxt p.letterundertxt1{font-size:16px; margin-bottom:5px;}
.chs{color:#fff; margin-top:5px; font-size:14px; margin-bottom:30px; }
.chs input{vertical-align:middle; margin-right:5px;}
.letterbtn{text-align:center;padding-bottom:100px; }
.footer{width:100%; padding:30px 0px 30px 0px; background:#fff;}
.fotimg{padding-left:20px;}

/*qna*/
::-webkit-input-placeholder {color:#acacac;}
:-moz-placeholder {color:#acacac; opacity:1;}
::-moz-placeholder {color:#acacac; opacity:1;}
:-ms-input-placeholder {color:#acacac;}
:-ms-input-placeholder {color:#acacac;}		
.qna_wrap{background:url(../images/qna_bg.jpg) 50% 0% repeat;  width:100%;}
.qna_contents{width:834px; margin:auto;}
.qna_contents h1{text-align:center; padding-top:43px; padding-bottom:84px;}
.guard{width:834px; margin:auto;}
.guard .inguard ul{display:table; margin-bottom:15px;}
.guard .inguard ul li{display:table-cell; vertical-align: middle;}
.guard .inguard ul li.inguardicons{background:url(../images/qna_icons.png) no-repeat; width:115px; height:85px; padding-right:12px; }
.guard .inguard ul li.inguard_l{background-position:0 0;}	
.guard .inguard ul li.inguard_l_r{background-position:0 -101px;}		
.guard .inguard ul li.inguard_r{ color:#fff; font-size:18px; line-height:26px; text-align:justify;}
.guard .inguard ul li.inguard_r a{color:#fff;}
.bar{background:url(../images/qna_bar.png) no-repeat; width:828x; height:44px; margin-top:48px; margin-bottom:40px;}
.qna_table{margin-top:50px;}
.qnahide{opacity:0}
.qna_layer{padding:14px; width:599px; height:770px; background:url(../images/qna_layer.png) no-repeat; position:fixed; top:50%; left:50%; margin-left:-313px; margin-top:-399px; display:none; z-index:20;}
.qna_layer .qna_layerx{position:absolute; right:-10px; top:-10px;}	
.qna_layer .qna_t1{width:100%; height:76px; text-indent:-9999px; line-height:76px;}
.inqna_table{width:529px; padding:35px; }
.inqna_table .inqna_table_t1{font-size:19px; line-height:26px; color:#8ead2c; text-align:center; margin-bottom:30px;}
.inqna_table .inqna_table_t1 span{display:block;}
.qnainput{width:529px;}
.qnainput ul{display:table; background:url(../images/qna_line.jpg) bottom left repeat-x;}
.qnainput ul li{display:table-cell; padding-top:11px; padding-bottom:11px; }
.qnainput ul li.qnainput_1{width:124px;  }
.qnainput ul li.qnainput_1 p{padding-left:25px; background:url(../images/qna_jum.jpg) 12px center  no-repeat; font-size:18px; color:#333; font-weight:400;}
.qnainput ul li.qnainput_2{width:405px;  font-size:16px; color:#333;}
.qnainput ul li.radi span{padding-left:10px; margin-right:30px;}	
.qnainput ul li.radi input{vertical-align:middle;}	
.qnainput ul li.qnainput_2 p{padding:7px 5px; width:300px; border:1px solid #ececec;  border-radius:5px 5px 5px 5px;}	
.qnainput ul li.inp p input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}	
.qnainput ul li.qnainput_2 .mail{padding:7px 5px; width:100px; border:1px solid #ececec;  border-radius:5px 5px 5px 5px; display:inline-block;}	
.qnainput ul li.qnainput_2 .mail input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}		
.qnainput ul li.qnainput_2 .mailsel{padding:7px 5px; width:100px; border:1px solid #ececec;  border-radius:5px 5px 5px 5px; display:inline-block;}			
.qnainput ul li.qnainput_2 .mailsel select{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}			
.qnainput ul li.qnainput_2  textarea{width:370px; height:180px; outline:none;  border:1px solid #ececec;  border-radius:5px 5px 5px 5px; padding:10px;  font-size:15px; line-height:24px;}	
.qnainput ul li.top{vertical-align:top;}	
.qnainput ul.none{background:none;}	
.qnabtn{text-align:center; }
.qnabtn2{text-align:center; padding-bottom:100px;}	
.hips{padding-left:5px; padding-right:5px;}

/*해외봉사활동*/
.service_wrap{background:url(../images/bong_bg.jpg) 50% 0% repeat;  width:100%;}
.service_contents{width:834px; margin:auto;}
.service_contents h1{text-align:center; padding-top:76px; padding-bottom:26px;}
.service_contents .serv{ margin-bottom:100px;}
.service_contents .serv ul{display:table; width:834px; height:341px; margin-bottom:40px;}	
.service_contents .serv ul li{display:table-cell; vertical-align:middle;}	
.service_contents .serv ul li.ser_l{width:389px;}
.service_contents .serv ul li.ser_r{padding:42px;}	
.service_contents .ser_1{background:url(../images/bong_sec_1.png) no-repeat;}
.service_contents .ser_2{background:url(../images/bong_sec_2.png) no-repeat;}
.service_contents .ser_3{background:url(../images/bong_sec_3.png) no-repeat;}
.service_contents .ser_4{background:url(../images/bong_sec_4.png) no-repeat;}
.service_contents .ser_5{background:url(../images/bong_sec_5.png) no-repeat;}				
.service_contents .serv ul li.ser_r .ser_txt1{color:#829c2c; margin-bottom:22px; font-size:18px;}	
.service_contents .serv ul li.ser_r .ser_txt2{color:#000; margin-bottom:25px; font-size:25px; line-height:33px;}	
.service_contents .serv ul li.ser_r .ser_txt3{color:#69696; font-size:16px; margin-bottom:22px; line-height:22px;}	
.service_contents .serv ul li.ser_r .ser_txt4{color:#000; margin-bottom:25px; font-size:20px; line-height:26px;}	
.bonghide{opacity:0;}

/*인트로*/
.intro_wrap{background:url(../images/intro_bg.jpg) 50% 0% repeat;  width:100%;}
.intro_contents{width:834px; margin:auto;}
.intro_contents1{padding-top:80px; margin-bottom:80px;}
.intro_contents2{margin-bottom:22px;}
.intro_contents2 .intro_2p{text-align:center; margin-bottom:27px;}
.intro_contents3{margin-bottom:29px;}
.intro_contents4{padding-bottom:100px;}
.bonghide{opacity:0;}	
}		

@media all and (max-width:767px){
.moimg{display:block;}
body{overflow-y:scroll !important; min-width:320px; overflow:scroll;
-webkit-overflow-scrolling:touch;}
.footer,.fullpage-wrapper,.webs{display:none !important;}	
.moview{display:none;}
.lnb{width:100%; height:48px; text-align:center; position:relative; }
.lnb .logos{width:173px;  display:block; margin:auto;}
.lnb .logos img{width:100%; }
.mologo{display:block}
.monavi{position:absolute; width:56px; display:block;}
.monavi>img{width:100%;}
.lnb ul{width:100%;}
.lnb ul li{width:100%; border-bottom:1px solid #837874;}
.lnb ul li a{width:100%; height:40px; line-height:40px; background:#695a55; display:block;  font-size:16px; color:#fff;}
.moview{position:absolute; z-index:999; top:47px;}
.moimg{width:100%; position:relative;}
.moimg >img{width:100%;}
.movs{position:absolute; top:37%; left:37%; width:26%; height:15%; display:block; z-index:99;}
.movis{position:absolute; width:90%; margin-right:5%; margin-left:5%; padding-bottom:50%; top:20%; display:none; z-index:100;}
.movis iframe{width:100%; height:100%; position:absolute;}
.movis .layerx{position:absolute; right:-17px; top:-17px; z-index:99; width:30px; height:30px;}
.movis .layerx img{width:100%;}
.bg{width:100%; height:100%; position:fixed; top:0px; left:0px; background:#000; opacity:0.5; filter:alpha(opacity=50); /*익스 6~8*/ display:none; z-index:10; }
.textarea{position:absolute; width:100%; bottom:3%; text-align:center;}
.textarea p.pic{ width:117px; margin:auto; margin-bottom:8px;}
.textarea p.pic img{width:100%;}
.textarea span{background:url(../images/mobile/mo_cham_bg.png) no-repeat; background-size:32px 46px; width:32px; height:46px; display:block; display:inline-block; text-align:center; line-height:46px; font-size:20px; color:#fff; font-weight:900; font-family:Arial, Helvetica, sans-serif}
.textarea span.co{background:none; width:auto; color:#8aa330;}	
.textarea span.co2{background:none; width:auto; color:#d8dbdd;}	
.mo_slide{width:100%; background:url(../images/mobile/main_sun_bg.jpg) no-repeat; background-size:cover; padding-bottom:10px;}
.mo_slide .mo_slide_cont{width:100%;}
.mo_slide .mo_slide_cont h1{margin-right:5%; margin-left:5%; width:90%; padding-top:30px; padding-bottom:20px;}
.mo_slide .mo_slide_cont h1 img{width:100%;}
.mo_slide .mo_slide_cont dl dt{background:#8ead2c; width:100%; display:block; height:32px; position:relative; border-radius:16px 16px 16px 16px; margin-right:5%; margin-left:5%; width:90%; margin-bottom:1px; }
.mo_slide .mo_slide_cont dl dt:after{position:absolute; content:'▼'; right:0px; top:0px; width:10%; border-left:1px solid #fff; height:32px; color:#fff; text-align:center; line-height:32px;}
.mo_slide .mo_slide_cont dl dt p{padding-left:20px; color:#fff; font-size:12px; line-height:32px; height:32px; }
.mo_slide .mo_slide_cont dl dd{width:100%; padding-top:20px; padding-bottom:20px;}
.mo_slide .mo_slide_cont dl dd img{width:100%;}	
.mo_fot{width:100%; border-top:1px solid #cecece;}
.mo_fot a{display:block;}
.mo_fot a img{width:100%;}
/*편지쓰기*/
.sublogos{display:none;}
.letter_wrap{background:url(../images/letter_bg.jpg) 50% 0% repeat;  width:100%;}
.letter_con_1{width:90%; padding:0 5%; padding-top:31px; padding-bottom:20px; position:relative;}
.letter_con_1 img.moimg{width:100%;}
.lac{display:none !important;}
.letter_sec1{top:283px; left:5px; }
.letter_sec2{top:283px; left:290px; }
.letter_sec3{top:611px; left:5px; }		
.letter_con_2{width:97%; padding:0 1% 0 2% ; position:relative; }
.inputarea{width:100%;}
.inputarea img{width:100%;}
.inar1{position:absolute; top:0px; padding:22% 0  20% 16%;}
.inputarea ul{overflow:hidden; margin-bottom:3px;}
.inputarea ul li{float:left; margin-bottom:3px; padding-top:1%; padding-bottom:1%;}
.inputarea ul li.letter_t{width:15%; }
.inputarea ul li.letter_t2{width:15%;   text-align:center;}	
.inputarea ul li .tts{background:none;   }	
.inputarea ul li .t1{background-position:6px 20px;}	
.inputarea ul li .t2{background-position:6px -34px;}		
.inputarea ul li .t3{background-position:6px -88px;}			
.inputarea ul li .t4{background-position:-192px -88px;}	
.inputarea ul li .t5{background-position:6px -142px;}		
.inputarea ul li .t6{background-position:6px -196px;}			
.inputarea ul li.letter_in1{padding:3px 2px; width:25%; background:#fff; border:1px solid #cfd8c6; border-radius:5px 5px 5px 5px; }
.inputarea ul li input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}	
.inputarea ul li.letter_in2	{padding:3px 2px; width:17%}
.inputarea ul li.letter_in2	a.schms{width:100%; display:block; vertical-align:top;  text-indent:-9999px; margin:0 5px; background:url(http://www.gni.kr/images/common/blank.png) 0 0 repeat; }
.inputarea ul li.letter_in2	a.schms img{width:100%;}
.inputarea ul li.letter_in3{padding:3px 2px; width:25%; background:#fff; border:1px solid #cfd8c6;border-radius:5px 5px 5px 5px;}	
.inputarea ul li.letter_in3 input{text-align:center;}	
.inputarea ul li.letter_in4	{padding:3px 2px; width:50%;background:#fff; border:1px solid #cfd8c6; border-radius:5px 5px 5px 5px;}
.letterwrite{width:100%; position:relative;}
.letterwrite img{width:100%;}
.inar2{position:absolute; top:0px; height:70%; width:80%; padding-left:7%;  padding-top:10%;}
.letterwrite textarea{width:100%; height:100%; border:0px;  line-height:40px; padding:10px; word-break:break-all;  vertical-align:middle; resize: none; wrap:hard; background:transparent url(../images/line.png) ; background-attachment:local; outline:none; font-size:14px; }	
.letterundertxt{padding:2% 3%; color:#fff; font-size:12px; line-height:18px;}
.letterundertxt p.letterundertxt1{font-size:14px; margin-bottom:5px;}
.chs{color:#fff; margin-top:5px; font-size:14px; margin-bottom:30px; }
.chs input{vertical-align:middle; margin-right:5px;}
.letterbtn{text-align:center;padding-bottom:10%; width:100%;}
.letterbtn img{width:70%;}
.schseach{position:fixed; margin:5%; width:90%;  z-index:20;  display:block; background:#fff; top:5%; display:none;}
.schx{position:absolute; right:-17px; top:-17px; z-index:21;}
.intitle{height:76px; text-indent:-9999px; line-height:76px;}
.insection{padding:5%; padding-top:3%; }
.insection .intxt{font-size:14px; line-height:18px; margin-bottom:26px;}
.insection .intxt span{display:inline;}
.insection .radios{font-size:14px; line-height:18px; font-weight:700; margin-bottom:15px;}	
.insection .radios input{vertical-align:middle;}	
.insection .radios .radiotxt{padding-left:2%; padding-right:3%;}
.insection .schgum{margin-bottom:16px;}
.insection .schgum ul{overflow:hidden;} 	
.insection .schgum ul li{float:left;} 	
.insection .schgum ul li.schgum1{width:60%; border:1px solid #ececec; border-radius:5px 5px 5px 5px; padding:2% 3%; margin-right:2%;}
.insection .schgum ul li input{background:transparent; border:0px; width:100%; outline:none;font-size:15px;}	
.insection .schgum ul li.schgum2{width:30%; }	
.insection .schgum ul li.schgum2 a.schgumbtn{display:block; width:100%;}	
.insection .schgum ul li.schgum2 a.schgumbtn img{width:100%;}
.schsub_t{font-size:14px; margin-bottom:10px;}
.schsub_area{border:1px solid #e4e3e3; padding:20px; font-size:13px; line-height:20px; background:#f7f9fb; height:167px; overflow-x:hidden;}
.schsub_area a{color:#666; display:block; margin-bottom:5px;}	

/*qna*/	
.qna_wrap{background:url(../images/qna_bg.jpg) 50% 0% repeat;  width:100%;}
.qna_contents{width:905; margin:0 5%;}
.qna_contents h1{text-align:center; padding-top:30px; padding-bottom:30px;}
.qna_contents h1 img{width:100%;}
.guard{width:100%;}
.guard .inguard ul{display:table; margin-bottom:15px;}
.guard .inguard ul li{display:table-cell; vertical-align: middle;}
.guard .inguard ul li.inguardicons{background:url(../images/qna_icons.png) no-repeat; background-size:57.5px 93px;;  width:57.5px; height:42.5px; padding-right:12px; }
.guard .inguard ul li.inguard_l{background-position:0 0;}	
.guard .inguard ul li.inguard_r img{width:100%;}
.guard .inguard ul li.inguard_l_r{background-position:0 -50px;}		
.guard .inguard ul li.inguard_r{ color:#fff; font-size:14px; line-height:20px; text-align:justify;}
.guard .inguard ul li.inguard_r a{color:#fff;}
.bar{background:url(../images/qna_bar.png) repeat-x; background-size:cover; width:100%;padding-top:5%;; margin-top:24px; margin-bottom:20px;}
.qna_table{margin-top:50px; width:100%;}
.qna_table img{width:100%;}
.qnahide{opacity:0}
.qna_layer{width:90%; margin:0 5%; background:#fff; position:fixed; top:25px; z-index:20; display:none;}
.qna_layer .qna_layerx{position:absolute; right:-15px; top:-25px; z-index:21;}	
.qna_layer .qna_t1{width:100%; height:76px; text-indent:-9999px; line-height:76px;}
.qna_layer .qna_t1 img{width:100%;}
.inqna_table{width:90%; margin:0 5%; }
.inqna_table .inqna_table_t1{font-size:14px; line-height:24px; color:#8ead2c; text-align:center; margin-bottom:20px;}
.inqna_table .inqna_table_t1 span{display:inline;}
.qnainput{width:100%;}
.qnainput ul{display:table; background:url(../images/qna_line.jpg) bottom left repeat-x; width:100%;}
.qnainput ul li{display:table-cell; padding-top:5px; padding-bottom:5px; }
.qnainput ul li.qnainput_1{width:35%;  }
.qnainput ul li.qnainput_1 p{padding-left:25px; background:url(../images/qna_jum.jpg) 12px center  no-repeat; font-size:14px; color:#333; font-weight:400;}
.qnainput ul li.qnainput_2{  font-size:14px; color:#333;}
.qnainput ul li.radi span{padding-left:2%; margin-right:4%;}	
.qnainput ul li.radi input{vertical-align:middle;}	
.qnainput ul li.qnainput_2 p{padding:7px 5px; width:80%; border:1px solid #ececec;  border-radius:5px 5px 5px 5px;}	
.qnainput ul li.inp p input{background:transparent; border:0px; width:100%; outline:none;font-size:12px;}	
.qnainput ul li.qnainput_2 .mail{padding:7px 5px; width:17%; border:1px solid #ececec;  border-radius:5px 5px 5px 5px; display:inline-block;}	
.qnainput ul li.qnainput_2 .mail input{background:transparent; border:0px; width:100%; outline:none;font-size:12px;}		
.qnainput ul li.qnainput_2 .mailsel{padding:7px 5px; width:25%; border:1px solid #ececec;  border-radius:5px 5px 5px 5px; display:inline-block;}			
.qnainput ul li.qnainput_2 .mailsel select{background:transparent; border:0px; width:100%; outline:none;font-size:12px;}			
.qnainput ul li.qnainput_2  textarea{width:90%; height:50px; outline:none;  border:1px solid #ececec; -webkit-appearance:none;  border-radius:5px 5px 5px 5px; padding:10px;  font-size:12px; line-height:18px;}	
.qnainput ul li.top{vertical-align:top;}	
.qnainput ul.none{background:none;}	
.qnabtn{text-align:center; padding-bottom:5%;}	
.qnabtn img{width:60%;}
.qnabtn2{text-align:center; padding-bottom:20%;}	
.qnabtn2 img{width:60%;}
.hips{padding-left:1%; padding-right:1%;}

/*해외봉사활동*/
.service_wrap{background:url(../images/bong_bg.jpg) 50% 0% repeat;  width:100%;}
.service_contents{width:90%; margin:0 5%;}
.service_contents h1{text-align:center; padding-top:35px; padding-bottom:20px;}
.service_contents h1 img{width:100%;}
.service_contents .serv{width:100%; }
.service_contents .serv ul{display:table; width:100%; padding-bottom:40px;}	
.service_contents .serv ul li{display:none;}
.service_contents .serv ul a{display:block;}
.service_contents .serv ul img{width:100%;}
.bonghide{opacity:0;}

/*인트로*/
.intro_wrap{background:url(../images/intro_bg.jpg) 50% 0% repeat;  width:100%;}
.intro_contents{width:90%; margin:0 5%;}
.intro_contents1{padding-top:40px; margin-bottom:40px; width:100%;}
.intro_contents1 img{width:100%;}
.intro_contents2 img{width:100%;}
.intro_contents3 img{width:100%;}
.intro_contents4 img{width:100%;}
.intro_contents2{margin-bottom:22px; width:100%;}
.intro_contents2 .intro_2p{text-align:center; margin-bottom:27px;}
.intro_contents3{margin-bottom:29px; width:100%;}
.intro_contents4{padding-bottom:100px;width:100%;}
.bonghide{opacity:0;}	
}