@charset "utf-8";

body{-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}

.line_bottom{padding-bottom:25px; border-bottom:1px solid #dcdcdc;}

.hide {position:absolute; width:0; height:0; overflow:hidden; font-size:0;}

.contents_main{float:left; width:900px;}
.side{position:absolute; top:0; right:0; width:240px;}
.side.fixed{top:0; right:0;}
.side.fixed .s_wrap{position:fixed; top:0; width:240px;}
.side .s_wrap > div{margin-top:20px;}
.side .s_wrap > div:first-child{margin-top:0;}
.side .s_wrap .banner1 a{display:block; height:68px; padding:21px 20px 25px 23px; background-color:#5ea63a;}
.side .s_wrap .banner1 a p{padding:8px 40px 0 0; background:url(/images/sub/call_ico.gif) right 0 no-repeat; font-family:"NS"; font-size:18px; color:#fff;}
.side .s_wrap .banner1 a p span{display:block; margin:7px 0 0 -7px; font-family:"NSB"; font-size:36px; font-style:italic; letter-spacing:-3px;}
.side .s_wrap .banner2 a{display:block; height:32px; padding:17px 20px; border:2px solid #6bb347; font-family:"NSB"; font-size:20px; color:#5ea63a;}
.side .s_wrap .banner2 a p{padding:5px 0; background:#fff url(/images/sub/link_arr.gif) right 0 no-repeat;}
.side .s_wrap .banner3 a{display:block; height:64px; padding:22px 20px 22px 23px; background-color:#fff; border:1px solid #ddd; border-bottom:2px solid #5ea63a;}
.side .s_wrap .banner3 a p{padding:8px 0 5px; background:url(/images/sub/guide_ico.gif) right 0 no-repeat; font-family:"NBGB"; font-size:16px; color:#5ea63a;}
.side .s_wrap .banner3 a p span{display:block; margin-top:10px; font-family:"NBG"; font-size:16px; color:#333;}

/* sub */
.sub_visual{width:100%; height:240px; background:url(/images/npokorea/sub/sub_visual.gif) center 0 no-repeat; text-align:center; color:#333;}
.sub_visual h2{padding-top:52px; font-family:"NSB"; font-size:36px;}
.sub_visual ul{margin-top:20px; font-size:0;}
.sub_visual ul li{display:inline-block; margin-left:12px; padding-left:17px; background:url(/images/npokorea/sub/navi_arr.png) 0 2px no-repeat; font-size:13px;}
.sub_visual ul li:first-child{width:12px; height:13px; margin-left:0; padding-left:0; background:url(/images/npokorea/sub/navi_home.png) 0 1px no-repeat; text-indent:-9999px;}
.sub_visual ul li img{margin-top:1px;}
.sub_visual ul li strong{position:relative; font-family:"NBGB";}
.sub_visual ul li strong:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#333;}

.nav{width:100%; height:58px; margin-top:-60px; background-color:#eee; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.n_wrap{width:1200px; margin:0 auto;}
.n_wrap:after{display:block; content:""; clear:both;}
.n_wrap .menu{float:left;}
.n_wrap .menu > ul:after{display:block; content:""; clear:both;}
.n_wrap .menu > ul > li{position:relative; float:left; border-right:1px solid #d5d5d5;}
.n_wrap .menu > ul > li.home{background-color:#eee; border-left:1px solid #d5d5d5;}
.n_wrap .menu > ul > li.snb_depth3{display:none;}
.n_wrap .menu > ul > li > a{display:block; width:181px; height:16px; padding:21px 20px; background:url(/images/sub/menu_open_arr.png) 179px 19px no-repeat; font-size:16px; color:#666;}
.n_wrap .menu > ul > li.active > a{background:#e5e5e5 url(/images/sub/menu_close_arr.png) 179px 19px no-repeat;}
.n_wrap .menu > ul > li.home > a{width:auto; height:auto; padding:0; background-image:none;}

.n_wrap .menu > ul > li > .list{display:none; position:absolute; top:58px; left:-1px; width:100%; background-color:#f5f5f5; border:1px solid #d5d5d5; z-index:10;}
.n_wrap .menu > ul > li > .list li a{display:block; padding:22px 20px; border-bottom:1px solid #ddd; font-size:16px; color:#444;}
.n_wrap .menu > ul > li > .list li:last-child a{border-bottom:none;}
.n_wrap .menu > ul > li > .list li a:hover{background-color:#fff; font-family:"NBGB"; color:#5ea63a;}

.n_wrap .etc{float:right;}
.n_wrap .etc > ul:after{display:block; content:""; clear:both;}
.n_wrap .etc > ul > li{position:relative; float:left; background-color:#eee; border-right:1px solid #d5d5d5;}
.n_wrap .etc > ul > li:first-child{border-left:1px solid #d5d5d5;}
.n_wrap .etc > ul > li a{display:block;}
.n_wrap .etc > ul > li:first-child > a{width:58px; height:58px; background:url(/images/sub/share_ico.png) 0 0 no-repeat; text-indent:-9999px;}
.n_wrap .etc > ul > li > ul{display:none;}

.n_wrap .etc > ul > li.active > a{background-color:#e5e5e5;}

.n_wrap .etc > ul > li > .list2{display:none; position:absolute; top:58px; left:-1px; width:100%; background-color:#f5f5f5; border:1px solid #d5d5d5; z-index:10;}
.n_wrap .etc > ul > li > .list2 li a{display:block; padding:17px 0; border-bottom:1px solid #ddd; font-size:16px; color:#444; text-align:center;}
.n_wrap .etc > ul > li > .list2 li:last-child a{border-bottom:none;}
.n_wrap .etc > ul > li > .list2 li a:hover{background-color:#fff;}

#sub{width:1200px; margin:0 auto; padding:58px 0; font-size:1.3rem;}
.sub_contents{position:relative; min-height:600px; word-break:keep-all;}
.sub_contents:after{display:block; content:""; clear:both;}
.sub_contents h3{position:relative; margin-bottom:18px; padding-left:12px; font-size:2.4rem;}
.sub_contents h3:after{display:block; content:""; position:absolute; top:-3px; left:0; width:4px; height:32px; background-color:#5ea63a;}
.sub_contents h4{position:relative; margin-bottom:10px; padding-left:20px; font-family:"NSB"; font-size:1.8rem;}
.sub_contents h4:after{display:block; content:""; position:absolute; top:4px; left:0; width:6px; height:6px; background-color:#fff; border:3px solid #666;}
.sub_contents h4+div{margin-left:20px;margin-bottom: 40px;}
.sub_contents h4+p{padding-left:20px;}
.sub_contents h4+p+div{margin-left:20px;}
.sub_contents h4+ul{padding-left:20px;}
.sub_contents p.sec1{margin-bottom:20px; font-size:1.6rem; line-height:26px;}

.tab{width:900px; margin-bottom:50px;} 
.tab ul{display:table; table-layout:fixed; width:100%;}
.tab ul li{display:table-cell; text-align:center;}
.tab ul li a{display:block; padding:16px 0; background-color:#f5f5f5; border:1px solid #d5d5d5; border-left:none; font-family:"NSB"; font-size:2.2rem; color:#666;}
.tab ul li:first-child a{border-left:1px solid #d5d5d5;}
.tab ul li.on a{position:relative; background-color:#5ea63a; border:1px solid #5ea63a; font-family:"NSB"; color:#fff;}

.section1{font-size:1.4rem;}
.section1 > p{margin-bottom:20px; font-size:1.6rem; line-height:26px;}
.section1 > ul{margin-bottom:48px;}
.section1 > ul > li{position:relative; margin-top:10px; padding-left:10px; font-size:1.6rem; color:#666; line-height:26px;}
.section1 > ul > li:first-child{margin-top:0;}
.section1 > ul > li:before{display:block; content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}
.section1 > ul > li span{position:relative;}
.section1 > ul > li span.underline:before{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#bcbcbc; border-radius:50%;}
.section1 > ul > li span b{font-family:"NBGB";}
.section1 > ol.type1{padding-left:7px; margin-bottom:40px;}
.section1 > ol.type1 > li{margin-top:10px; padding-left:10px; line-height:20px;}
.section1 > ol.type1 > li:first-child{margin-top:0;}
.section1 > ol.type1 > li > ol{padding-left:24px;}
.section1 > ol.type1 > li > ol > li{margin-top:7px;}
.color1{color:#3d993d;}

.sec_img1:after{display:block; content:""; clear:both;}
.sec_img1 .right{float:right;}
.sec_img1 .left{float:left;}
.sec_img1 .center{text-align:center;}
.sec_img1 img{max-width:100%;}

.sub_style1{width:100%; table-layout:fixed; margin-bottom:50px; border-top:1px solid #444; word-break:break-word;}
.sub_style1 th{padding:17px 10px; background-color:#f5f5f5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-weight:normal; font-size:14px;}
.sub_style1 th:first-child{border-left:1px solid #d5d5d5;}
.sub_style1 td{padding:17px 10px; background-color:#fff; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center;}
.sub_style1 td:first-child{border-left:1px solid #d5d5d5;}
.sub_style1 td.left{padding:17px 10px 17px 30px; text-align:left;}
.sub_style1 td.year{font-family:"NS"; font-size:2.8rem; color:#666;}
.sub_style1 td.bold{font-family:"NBGB";}
.sub_style1 td p{font-size:1.5rem; line-height:24px;}
.sub_style1 td > ol > li{margin-top:8px; font-size:1.4rem; line-height:24px;}
.sub_style1 td > ol > li:first-child{margin-top:0;}
.sub_style1 td > ol > li > ol{padding-left:18px;}
.sub_style1 td > ol > li > ol.type2 > li{position:relative; padding-left:12px;}
.sub_style1 td > ol > li > ol.type2 > li:after{display:block; content:""; position:absolute; top:11px; left:1px; width:5px; height:1px; background-color:#888;}
.sub_style1 td ul li{position:relative; margin-top:5px; padding-left:10px; font-size:1.5rem; line-height:24px;}
.sub_style1 td ul li:first-child{margin-top:0;}
.sub_style1 td ul li:before{display:block; content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}
.sub_style1 td a{text-decoration:underline;}
.sub_style1 td a.link{margin-left:10px; padding-right:20px; font-size:1.4rem; background:url(/images/sub/link_ico.gif) 99% 1px no-repeat; vertical-align:top;}
.sub_style1 td .info p.tit{margin-bottom:6px; font-family:"NSB"; font-size:1.8rem; color:#5ea63a;}
.sub_style1 td .info ul{overflow:hidden;}
.sub_style1 td .info ul li{float:left; margin:8px 0 0 0; font-size:1.4rem; line-height:18px; color:#666;}
.sub_style1 td .info ul li:before{top:7px;}
.sub_style1 td .info ul li:nth-child(odd){width:58%;}
.sub_style1 td .info ul li:nth-child(even){width:38%;}
.sub_style1 td .info ul li span{display:inline-block; width:60px; font-family:"NBGB";}

.box_style1{margin-bottom:12px; padding:20px; border:1px solid #d5d5d5;}
.box_style1.type1{padding: 30px;}
.box_style1.type2{padding:30px;}
.box_style1 p.tit1{margin-bottom:27px; padding-bottom:25px; border-bottom:1px solid #d5d5d5; font-family:"NSB"; font-size:2rem; color:#6dad4f;}
.box_style1 ul li{margin-top:7px;}
.box_style1 ul li:first-child{margin-top:0;}
.box_style1 ol{font-size:0; text-align:center;}
.box_style1 ol.step li{display:inline-block; width: 125px; margin-left: 10px; padding-left: 36px; background:url(/images/sub/step_arr01.png) 0 37px no-repeat;vertical-align: top;}
.box_style1 ol.step li:first-child{margin-left:0; padding-left:0; background:none;}
.box_style1 ol.step li span{display:block; margin-top:18px; font-family:"NSB"; font-size: 1.7rem; color:#37a600;height: 42px;}
.box_style1 dl.survey dt{position:relative; margin-bottom:10px; padding-left:16px; font-family:"NBGB"; font-size:1.5rem;}
.box_style1 dl.survey dt:after{display:block; content:""; position:absolute; top:4px; left:0; width:4px; height:4px; background-color:#fff; border:2px solid #666;}
.box_style1 dl.survey dd{margin:8px 0 10px; line-height:20px;}
.box_style1 dl.survey dd:last-child{margin:8px 0 0;}

.tit_box{display:table; margin-bottom:50px; padding:40px 50px; background-color:#f5f5f5;}
.tit_box.type1{display:table; width:100%; margin-bottom:60px; padding:40px 15px 40px 0; background-color:#f5f5f5;}
.tit_box .con{display:table-cell; width:520px; vertical-align:middle;}
.tit_box .con .tit{margin-bottom:22px; font-family:"NSB"; font-size:2.8rem; color:#37a600;}
.tit_box .con .txt{font-family:"NS"; font-size:1.8rem; color:#333; line-height:28px;}
.tit_box .con .txt span{font-family: "NSB";}
.tit_box .img{display:table-cell; width:280px; vertical-align:middle;}
.tit_box .img img{border:1px solid #e5e5e5;}
.tit_box > .tit{display:table-cell; width:318px; font-family:"NSB"; font-size:3.2rem; text-align:center; color:#37a600;  line-height:40px; vertical-align:middle;}
.tit_box > .txt{display:table-cell; font-family:"NS"; font-size:1.8rem; color:#555; line-height:28px; vertical-align:middle;}
.tit_box > .txt > span{display:block; margin-bottom:12px; font-family:"NSB"; font-size:2.2rem;}
.tit_box > .txt b{font-family:"NS"; color:#37a600;}
.tit_box > .txt p.btn{margin-top:20px;}
.tit_box > .txt p.btn a{display:inline-block; height:14px; padding:12px 13px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; font-family:"NBGB"; font-size:13px; line-height:16px;}
.tit_box > .txt p.btn a span{padding-right:21px; background:url(/images/article/dwn_ico.gif) right 0 no-repeat;}

.txt_box1{position:relative; margin-top:40px; padding:30px; border:1px solid #d5d5d5; border-top:none;}
.txt_box1:before{display:block; content:""; position:absolute; top:0; left:-1px; width:900px; height:10px; background:url(/images/sub/box_top_bg.gif) 0 0 no-repeat;}
.txt_box1:first-child{margin-top:0;}
.txt_box1 h3{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #d5d5d5; line-height:30px;}
.txt_box1 ol.type1{padding-left:0;}
.txt_box1 ol.type1 li{padding-left:0;}

.txt_box2{position:relative; margin-bottom:24px; padding:30px 30px 25px; border:1px solid #d5d5d5;}
.txt_box2.type1{padding:30px 30px 25px 70px;}
.txt_box2 p.tit{font-family:"NS"; font-size:2rem; color:#37a600;}
.txt_box2 p.txt{margin-top:12px; font-family:"NBG"; font-size:1.6rem; line-height:26px;}
.txt_box2 ul{margin-top:15px;}
.txt_box2 ul li{position:relative; margin-top:10px; padding-left:12px; font-size:1.6rem; line-height:26px;}
.txt_box2 ul li:after{display:block; content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}
.txt_box2 ul li:first-child{margin-top:0;}
.txt_box2 ul.align{overflow:hidden;}
.txt_box2 ul.align li{float:left; width:46%;}
.txt_box2 ul.align li:nth-child(odd){margin-right:2%;}
.txt_box2 ul.align li:nth-child(1),.txt_box2 ul.align li:nth-child(2){margin-top:0;}
.txt_box2 span.ico{position:absolute; top:50%; left:-40px; margin-top:-40px;}

.info_box1{margin-bottom:50px;padding:20px; background-color:#f5f5f5;}
.info_box1 p.addr{margin-bottom:16px; padding:7px 0 7px 55px; background:url(/images/npokorea/sub/addr_ico.gif) 0 0 no-repeat; font-family:"NS"; font-size:2.2rem;}
.info_box1 ul{font-size:0;}
.info_box1 ul li{display:inline-block; margin-left:30px; padding:11px 0 11px 50px; font-size:1.6rem;}
.info_box1 ul li:nth-child(1){margin-left:0; background:url(/images/npokorea/sub/tel_ico.gif) 0 0 no-repeat;}
.info_box1 ul li:nth-child(2){background:url(/images/npokorea/sub/fax_ico.gif) 0 0 no-repeat;}
.info_box1 ul li:nth-child(3){background:url(/images/npokorea/sub/email_ico.gif) 0 0 no-repeat;}

.m_sign_box{display:none;}
.sign_box1{margin-top:12px; padding:20px; background-color:#f5f5f5;}
.sign_box1 ol li{margin-top:10px; padding-left:23px; background:url(/images/sub/sign_ico.png) 0 3px no-repeat; font-size:1.5rem; line-height:23px;}
.sign_box1 ol li:first-child{margin-top:0;}
.sign_box1 ol li a{position:relative; color:#3d993d;}
.sign_box1 ol li a:before{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#3d993d;}

.sign1{color:#ff7733;}

.align:after{display:block; content:""; clear:both;}
.align .left{float:left;}
.align .right{float:right;}
.align .right .essential{position:relative; margin-top:3px; padding-left:10px;}
.align .right .essential:before{display:block; content:""; position:absolute; top:0; left:0; width:5px; height:5px; background-color:#ff7733; border-radius:50%;}

/* 1menu */
/* 인사말 */
.greeting{overflow:hidden; word-break:keep-all;}
.greeting .txt div{margin-bottom:30px;}
.greeting .txt div p{margin-top:24px; font-size:1.4rem; line-height:24px; color:#666;}
.greeting .txt div p:first-child{margin-top:55px;}
.greeting .name{font-family:"NBGB"; text-align:right; font-size:1.6rem;}
.greeting .name span{display:inline-block; margin-left:20px; vertical-align:middle;}

/* 연혁 */
.history{position:relative; padding-bottom:40px; text-align:center;}
.history:before{display:block; content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#ccc; z-index:-1;}
.history:after{display:block; content:""; position:absolute; bottom:0; left:50%; width:5px; height:5px; margin-left:-2px; border-radius:50%; background-color:#ccc;}
.history > p{display:inline-block; width:140px; height:30px; padding:55px 0; background-color:#5ea63a; border-radius:50%; font-family:"NBGB"; font-size:2.6rem; color:#fff;}
.history div{position:relative; margin-top:35px;}
.history div.left{margin-right:442px; padding-right:43px; background:url(/images/sub/history_dot.gif) right 8px no-repeat; text-align:right;}
.history div.right{margin-left:443px; padding-left:43px; background:url(/images/sub/history_dot.gif) left 8px no-repeat; text-align:left;}
.history div p{margin-bottom:25px; font-family:"NS"; font-size:2.8rem;}
.history div p span{font-size:1.8rem;}
.history div.left dl{padding-right:12px;}
.history div.right dl{padding-left:12px;}
.history div dl dt{position:relative; margin-top:15px; font-family:"NBGB"; font-size:1.5rem;}
.history div dl dt:before{display:block; content:""; position:absolute; top:6px; width:4px; height:4px; background-color:#5ea63a;}
.history div.left dl dt:before{right:-12px;}
.history div.right dl dt:before{left:-12px;}
.history div dl dt:first-child{margin-top:0;}
.history div dl dd{position:relative; margin-top:8px; font-size:1.4rem; line-height:20px;}
.history div dl dd:before{display:block; content:""; position:absolute; top:9px; left:-13px; width:5px; height:1px; background-color:#888;}
.history div.left dl dd:before{right:-13px; left:inherit;}
.history div dl dd ul{margin-top:10px;}
.history div dl dd ul li{position:relative; margin-top:5px; padding-left:14px; font-size:1.3rem; line-height:18px;}
.history div dl dd ul li:first-child{margin-top:0;}
.history div dl dd ul li:before{display:block; content:""; position:absolute; top:7px; left:4px; width:4px; height:4px; background-color:#888; border-radius:50%;}
.history div.left dl dd ul li{padding:0 14px 0 0;}
.history div.left dl dd ul li:before{right:4px; left:inherit;}

/* 핵심사업 */
.core_business div{position:relative; margin:50px 100px 0 0; padding:50px 50px 50px 50px; background-color:#fafafa; border-radius:0 120px 0 0;}
.core_business div:first-child{margin-top:0;}
.core_business div:nth-child(7){margin:50px 0 0 0;}
.core_business div.type1{margin:50px 0 0 100px; padding:50px 45px 50px 215px; border-radius:120px 0 0 0;}
.core_business div .tit{margin-bottom:30px; font-family:"NSB"; font-size:2.8rem; color:#5ea63a; line-height:37px;}
.core_business div .tit2{margin:28px 0 35px; font-family:"NSB"; font-size:2rem;}
.core_business div span{position:absolute; top:120px; right:-100px;}
.core_business div:nth-child(6) span{top:60px;}
.core_business div:nth-child(8) span{top:60px;}
.core_business div.type1 span{left:-100px; right:inherit;}
.core_business div > ul > li{position:relative; margin-top:33px; padding-left:12px; font-family:"NSB"; font-size:1.8rem; line-height:24px;}
.core_business div > ul.type1 > li{margin-top:17px;}
.core_business div > ul.type1 > li:first-child{margin-top:0;}
.core_business div > ul > li:first-child{margin-top:0;}
.core_business div > ul > li:before{display:block; content:""; position:absolute; top:2px; left:0; width:4px; height:18px; background-color:#5ea63a;}
.core_business div > ul > li > ul{margin-top:15px;}
.core_business div > ul > li > ul > li{position:relative; margin-top:8px; font-family:"NBG"; font-size:14px; line-height:22px; color:#666;}
.core_business div > ul > li > ul > li:first-child{margin-top:0;}
.core_business div > ul > li > ul > li:before{display:block; content:""; position:absolute; top:8px; left:-12px; width:4px; height:4px; background-color:#aaa; border-radius:50%;}
.core_business div dl dt{position:relative; margin-bottom:4px; padding-left:12px; font-family:"NBGB"; font-size:1.6rem;}
.core_business div dl dt:before{display:block; content:""; position:absolute; top:7px; left:0; width:4px; height:4px; background-color:#aaa; border-radius:50%;}
.core_business div dl dd{margin-bottom:17px; padding-left:12px; font-size:1.4rem; line-height:20px; color:#666;}

/* 조직도 */
.org{position:relative; margin-bottom:80px; background:url(/images/sub/org_bg.gif) center 0 no-repeat;}
.org h1{width:220px; height:24px; padding:16px 0; margin:0 auto 40px auto; background-color:#ff7733; font-family:"NSB"; font-size:20px; text-align:center; color:#fff;}
.org h2{width:220px; height:24px; padding:16px 0; margin:0 auto; background-color:#5ea63a; font-family:"NSB"; font-size:20px; text-align:center; color:#fff;}
.org h3{position:absolute; top:192px; right:85px; width:220px; height:24px; padding:16px 0; background-color:#666; font-family:"NSB"; font-size:20px; text-align:center; color:#fff;}
.org h3:after{display:none;}
.org div{margin-top:136px; text-align:center;}
.org div h4{display:inline-block; width:208px; height:20px; padding:12px 0; margin-bottom:122px; background-color:#fff; border:6px solid #5ea63a; font-family:"NSB"; font-size:18px; text-align:center; color:#47991f;}
.org div h4:after{display:none;}
.org div ul{font-size:0;}
.org div ul li{display:inline-table; width:118px; height:98px; margin-right:20px; background-color:#f5f5f5; border:1px solid #ccc; font-family:"NBGB"; font-size:16px; vertical-align:top; line-height:24px;}
.org div ul li span{display:table-cell; vertical-align:middle;}
.org div.org_list2{margin-top:40px;}
.org div.org_list2 h4{margin-bottom:81px; border:6px solid #888; color:#555;}
.org div.org_list2 ul li{height:123px; background-color:#fff; font-family:"NBG";}

/* 회원단체 소개 */
.benefit{margin-top:30px}
.benefit ol > li{position:relative; margin-top:50px; padding:27px 60px 20px 80px; border:1px solid #d5d5d5;}
.benefit ol > li:first-child{margin-top:0;}
.benefit ol > li:before{display:block; content:""; position:absolute; top:-10px; left:20px; width:40px; height:31px; padding-top:9px; background-color:#5c993d; text-align:center; font-family:"NSB"; font-size:2rem; color:#fff;}
.benefit ol > li:nth-child(1):before{content:"1";}
.benefit ol > li:nth-child(2):before{content:"2";}
.benefit ol > li:nth-child(3):before{content:"3";}
.benefit ol > li:nth-child(4):before{content:"4";}
.benefit ol > li:nth-child(5):before{content:"5";}
.benefit ol > li:nth-child(6):before{content:"6";}
.benefit ol > li:nth-child(7):before{content:"7";}
.benefit ol > li:nth-child(8):before{content:"8";}
.benefit ol > li p.tit{margin-bottom:20px; font-family:"NS"; font-size:2.4rem; color:#5c993d;}
.benefit ol > li p.txt{font-size:1.6rem; line-height:26px;}
.benefit ol > li ul li{position:relative; margin-top:12px; padding-left:10px; font-size:1.6rem; line-height:26px;}
.benefit ol > li ul li:first-child{margin-top:0;}
.benefit ol > li ul li:before{display:block; content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}

/* map */
#map{width:100%; height:450px; margin-bottom:40px;}
.iw_inner{padding:19px 20px 10px;}
.iw_inner h3{margin-bottom:0; padding:0 0 7px 0; border-bottom:2px solid #333; font-size:18px; font-family:"NSB";}
.iw_inner h3:after{display:none;}
.iw_inner p{padding:15px 3px 10px; font-size:12px;}
.iw_inner p span{display:block; margin-top:10px;}
.iw_inner p span b{font-family:"NBG"; color:#909090;}

/* 2menu */
/* 기부 투명성 책무성 강화 */
ol.reinforcement{margin-bottom:50px; border:1px solid #d5d5d5;}
ol.reinforcement li{position:relative; padding:30px 20px 26px 88px; border-top:1px dashed #d5d5d5; font-size:1.6rem; line-height:26px;}
ol.reinforcement li:first-child{border:none;}
ol.reinforcement li:after{display:block; content:""; position:absolute; top:50%; left:30px; width:40px; height:32px; margin-top:-20px; padding-top:8px; background-color:#f5f5f5; border-radius:50%; text-align:center;}
ol.reinforcement li:nth-child(1):after{content:"1";}
ol.reinforcement li:nth-child(2):after{content:"2";}
ol.reinforcement li:nth-child(3):after{content:"3";}
ol.reinforcement li:nth-child(4):after{content:"4";}
ol.reinforcement li:nth-child(5):after{content:"5";}
ol.reinforcement li:nth-child(6):after{content:"6";}
ol.reinforcement li:nth-child(7):after{content:"7";}

/* 자선단체 공동사업 */
.joint_business{margin-top:60px;}
.joint_business:after{display:block; content:""; clear:both;}
.joint_business div{position:relative; float:left; width:436px; margin-left:24px; border:1px solid #d5d5d5; border-top:2px solid #5ea63a;}
.joint_business div:first-child{margin:0;}
.joint_business div p{padding:58px 0 25px; border-bottom:1px dashed #d5d5d5; text-align:center; font-family:"NS"; font-size:2rem; color:#37a600;}
.joint_business div span{position:absolute; top:-40px; left:50%; margin-left:-40px;}
.joint_business div ul{height:309px; padding:30px 30px 27px;}
.joint_business div ul li{position:relative; margin-top:10px; padding-left:10px; font-size:1.6rem; line-height:25px;}
.joint_business div ul li:first-child{margin-top:0;}
.joint_business div ul li:before{display:block; content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}

/* 국제교류협력사업 */
.international_exchange{padding-left:40px;}

/* 유산기부 */
.donation_con{position:relative; display:table; width:870px; margin-top:24px; padding:30px 30px 30px 0; border:1px solid #d5d5d5; border-top:2px solid #5ea63a;}
.donation_con div{display:table-cell; width:196px; text-align:center; vertical-align:middle;}
.donation_con div span{display:block; margin-top:12px; font-family:"NS"; font-size:1.8rem; color:#5c993d;}
.donation_con p{display:table-cell; font-size:1.6rem; line-height:26px; vertical-align:middle;}
ul.present_condition{border:1px solid #d5d5d5;}
ul.present_condition li{display:table; padding:28px 44px 28px 0; border-top:1px dashed #d5d5d5; font-size:1.6rem; line-height:26px;}
ul.present_condition li:first-child{border:none;}
ul.present_condition li div{display:table-cell; text-align:center; vertical-align:middle;}
ul.present_condition li div span{display:block; width:198px; margin-top:12px; font-family:"NBGB"; font-size:1.6rem;}
ul.present_condition li p{display:table-cell; font-size:1.6rem; line-height:26px; vertical-align:middle;}

/* 4menu */
/* 유산기부 가이드 */
.guide{margin-bottom:50px;}
.guide .guide_con{overflow:hidden; margin-top:40px;}
.guide .guide_con:first-child{margin-top:0;}
.guide .guide_con > p{float:left; width:160px; margin-right:20px; padding-right:40px; background:url(/images/sub/connect_dot.gif) right center no-repeat;}
.guide .guide_con > div{float:left; display:table; width:637px; min-height:108px; padding:25px 20px; border:1px solid #d5d5d5; border-left:2px solid #5ea63a;}
.guide .guide_con > div div{display:table-cell; vertical-align:middle;}
.guide .guide_con > div div .tit{font-family:"NS"; font-size:2.4rem; color:#5c993d;}
.guide .guide_con > div div ul.type1{overflow:hidden; margin-top:16px;}
.guide .guide_con > div div ul.type1 > li{position:relative; margin-top:8px; padding-left:10px; font-size:1.4rem; line-height:24px;}
.guide .guide_con > div div ul.type1 > li:before{display:block; content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}
.guide .guide_con > div div ul.type1 > li:first-child{margin-top:0;}
.guide .guide_con > div div ul.type1 > li ol{margin-top:3px;}
.guide .guide_con > div div ul.align > li{float:left; width:46%; margin-right:10px;}
.guide .guide_con > div div ul.align > li:nth-child(2n){margin-right:0;}
.guide .guide_con > div div ul.align > li:nth-child(2){margin-top:0;}
.guide .guide_con > div div ul.type2{overflow:hidden; margin-top:20px;}
.guide .guide_con > div div ul.type2 li{float:left; width:199px; height:120px; margin-left:20px; padding:24px 0 20px; background-color:#f5f5f5; text-align:center;}
.guide .guide_con > div div ul.type2 li:first-child{margin-left:0;}
.guide .guide_con > div div ul.type2 li p{margin-top:17px; font-family:"NBGB" ; font-size:1.6rem; line-height:22px; color:#666;}
.guide .guide_con > div div ul.type2 li p span{display:block; font-family:"NBG"; font-size:14px;}

/* 행사 캠페인 동영상 컨텐츠 */
.video_wrap{margin:30px 0 80px;}
.video_wrap:after{content:""; display:block; clear:both;}
.video_wrap li{float:left; width:49%;}
.video_wrap li:nth-child(2n){margin-left:2%;}
.video_wrap li:nth-child(n+3){margin-top:20px;}
.video_wrap li h4{font-family:"NBGB"; font-size:1.5rem;}
.video_wrap li h4:after{top:3px;}
.video_wrap li div{position:relative; padding-top:56.25%;}
.video_wrap li div video{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}


/* 만족도 */
#evaluation{overflow:hidden; position:relative; margin-top:90px; border:1px solid #d4d4d4;}
.eval_sec{padding:25px 30px;}
.eval_sec p{margin-bottom:15px; font-size:16px;}
.eval_sec strong{margin-right:8px; padding-right:15px; background:url(/images/sub/manager_arr.gif) right 4px no-repeat; font-family:"NBGB"; color:#024f81;}
.gtb{overflow:hidden;}
.gtb ul{overflow:hidden; float:left; margin-top:2px;}
.gtb ul li{float:left; margin-right:30px; font-size:14px;}
.gtb ul li input{margin-right:10px;}
.gtb ul li label{vertical-align:bottom;}
.gtb a{display:block; float:left; width:55px; padding:4px 0; font-size:12px; border:1px solid #000; text-align:center;}
.eval_insert{display:none; overflow:hidden; margin-top:15px;}
.eval_insert textarea{float:left; width:641px; height:61px; padding:10px 0 0 10px; border:1px solid #d4d4d4;}
.eval_insert input[type="submit"]{float:right; width:93px; height:72px; border:1px solid #3c3c3c; background:#fff; font-size:14px; text-align:center; cursor:pointer;}
.eval_list{overflow:hidden; padding:25px 30px; border-top:1px solid #d4d4d4;}
.eval_list p{float:left; margin-right:15px; padding-right:15px; background:url(/images/sub/manager_arr.gif) right 3px no-repeat; font-size:16px; font-family:"NBGB"; color:#024f81;}
.eval_list ul{overflow:hidden; float:right; margin-top:1px; width:685px;}
.eval_list ul:first-child{margin:0;}
.eval_list ul li:first-child{margin:0; padding:0; background:none;}
.eval_list ul li{float:left; margin-left:17px; padding-left:17px; background:url(/images/sub/manager_line.gif) 0 0 no-repeat;}
.eval_list ul li strong{font-family:"NBGB";}

/* 시스템 경고 */ 
.system_warning_box{}
.system_warning_box .title{text-align:center; padding-top:30px;}
.system_warning_box .title p{margin-top:20px; font-weight:bold; font-size:22px; color:#b03030; line-height:30px;}
.system_warning_box h4{padding-left:12px; margin-top:30px; background:url("/images/common/system_pop_07.png") no-repeat 0px 5px; font-size:16px; font-weight:bold;}
.system_warning_box .text{overflow-y:scroll; padding:15px; margin-top:5px; width:100%; height:150px; border:1px solid #d4d4d4; box-sizing:border-box;}
.system_bot_bt{text-align: center; margin-top: 20px;}
.system_warning_bt1{border:none; background: url("/images/common/system_pop_01.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 9999px; cursor: pointer;}
.system_warning_bt2{border:none; background: url("/images/common/system_pop_02.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 9999px; cursor: pointer;}
.system_warning_h4_2{background: url("/images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 10px;}
.system_warning_textarea3{width: 96%; height: 60px; overflow-y:scroll; padding: 2%; border:1px solid lightgray;}

/* 회원 layout */
.member_wrap{overflow:hidden; width:100%; min-height:812px; background:url(/images/sub/member_bg.gif) 0 0 no-repeat;}
.member_contents{width:1020px; margin:0 auto; padding:146px 0;}
#member_area{min-height:520px; padding:0 50px 57px; background-color:#fff;}
#member_area h3{margin-bottom:50px; padding:57px 0 26px 0; border-bottom:1px solid #c0c5c8; font-family:"NanumBarunGothicB"; font-size:44px; text-align:center; color:#494949;}
#member_area input[type="text"],
#member_area input[type="password"]{height:19px; padding:11px 0 10px 5px; border:1px solid #c0c5c8;}
#member_area select{height:42px; border:1px solid #c0c5c8;}

.member_tit{overflow:hidden; margin-bottom:30px;}
.member_tit h4{float:left; padding-top:15px; background:url(/images/sub/tit_bg.gif) 0 0 no-repeat; font-family:"NanumSquareB"; font-size:20px;}
.member_tit h4 span{display:inline-block; margin-left:14px; font-family:"NanumBarunGothic"; font-weight:normal; font-size:14px;}
.member_tit p{float:right; padding:20px 0 0 10px; background:url(/images/sub/sign_dot1.gif) 0 24px no-repeat; color:#e61337;}
.member_tit div{float:right; font-size:16px;}
.member_tit div span{margin-left:28px;}
.member_tit div span input{margin-right:10px;}

/* step */
.step1{margin-bottom:50px;}
.step1 ol{overflow:hidden;}
.step1 ol li{float:left; width:229px; padding:24px 0; background-color:#585e67; font-family:"NanumBarunGothicB"; font-size:16px; color:#d2d4d7; text-align:center;}
.step1 ol li.on{background-color:#2c394e; color:#fff;}
.step1 ol li.line{border-right:1px solid #797e85;}

/* 로그인 */
.login_wrap{width:394px; margin:0 auto;}
.login_insert > p input{width:387px; height:19px; padding:14px 0 14px 5px; margin-bottom:10px; border:1px solid #c0c5c8;}
.login_insert input[type="submit"]{width:394px; height:51px; border:none; background-color:#0263ad; font-family:"NanumBarunGothicB"; font-size:15px; color:#fff; text-align:center; cursor:pointer;}
.id_check{width:394px; margin:10px 0 20px; padding-bottom:20px; border-bottom:1px solid #c0c5c8; font-size:14px;}

.login_option{overflow:hidden;}
.login_option a{display:block; float:left; width:128px; margin-right:5px; padding:11px 0; background-color:#5f6b7f; text-align:center; color:#fff;}
.login_option a:last-child{margin-right:0;}

/* 본인인증, 가입여부 */
.certification{overflow:hidden;}
.certification > div{width:370px; height:186px; padding:35px 40px 40px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#fbfbfb;}
.certification > div.mobile{float:left;}
.certification > div.mobile > div{background:url(/images/sub/mobile_icon.gif) right 33px no-repeat;}
.certification > div.ipin{float:right;}
.certification > div.ipin > div{background:url(/images/sub/ipin_icon.gif) right 33px no-repeat;}
.certification > div h5{margin-bottom:16px; font-family:"NanumSquareB"; font-size:18px;}
.certification > div p{padding-bottom:72px;}
.certification > div.ipin p{padding-bottom:30px;}
.certification > div p span{display:block; margin-top:6px;}
.certification > div a{display:block; width:124px; padding:10px 0; border:1px solid #999; background-color:#fff; text-align:center;}

/* 약관동의 */
.agree input[type="checkbox"]{width:20px; height:20px;}
.agree_txt{overflow-y:scroll; max-height:196px; margin-bottom:15px; padding:15px; border:1px solid #d5d5d5; line-height:24px;}
.agree_txt h4{line-height:22px;}
.agree_txt > p{padding-left:16px;}
.agree_txt > p.dot{position:relative; margin-bottom:30px; padding-left:26px;}
.agree_txt > p.dot:before{display:block; content:""; position:absolute; top:9px; left:16px; width:4px; height:4px; background-color:#333; border-radius:50%;}
.agree_txt > ul{margin-bottom:30px; padding-left:16px;}
.agree_txt > ul > li{position:relative; margin-top:5px; padding-left:10px;}
.agree_txt > ul > li:first-child{margin-top:0;}
.agree_txt > ul > li:before{display:block; content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#333; border-radius:50%;}
.agree_txt > ul > li span{position:relative;}
.agree_txt > ul > li span.underline:before{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#bcbcbc; border-radius:50%;}
.agree_txt > ul > li span b{font-family:"NBGB";}
.agree_txt > ul > li > ul > li{position:relative; padding-left:13px;}
.agree_txt > ul > li > ul > li:before{display:block; content:""; position:absolute; top:10px; left:3px; width:4px; height:1px; background-color:#333; border-radius:50%;}
.agree_txt > ul > li > ul > li.n_dot{padding-left:0;}
.agree_txt > ul > li > ul > li.n_dot:before{display:none;}

.agree_chk{overflow:hidden; margin-bottom:40px;}
.agree_chk .left{float:left;}
.agree_chk .left p{font-size:1.5rem;}
.agree_chk .right{float:right;}
.agree_chk .right span.essential{position:relative; padding-left:10px; font-family:"NBGB"; font-size:1.4rem;}
.agree_chk .right span.essential:before{display:block; content:""; position:absolute; top:3px; left:0px; width:5px; height:5px; background-color:#ff7733; border-radius:50%;}
.agree_chk .right label{margin-left:10px;}

.all_chk{margin-bottom:50px; padding:20px; border:1px solid #d5d5d5; text-align:center;}
.all_chk p{margin-bottom:15px; font-size:15px;}
.all_chk label{margin-right:10px;}

/* 게시판 글쓰기 약관동의 */
.agree2 input[type="checkbox"]{width:15px; height:15px;}
.all_chk2{margin-bottom:40px; padding:15px 0; border:1px solid #dcdcdc; font-family:"NanumSquareB";}
.all_chk2 p{font-size:32px;}
.all_chk2 span{display:block; font-size:16px; color:#004e89; text-align:center;}
.all_chk2 span label{margin-right:8px;}
.agree_txt2{margin-bottom:20px;}
.agree_txt2 > div:nth-child(1){overflow:hidden; padding:10px 25px; background-color:#004e89; font-family:"NanumBarunGothicB"; font-size:15px; color:#fff;}
.agree_txt2 > div:nth-child(1) p{float:left;}
.agree_txt2 > div:nth-child(1) span{float:right;}
.agree_txt2 > div:nth-child(1) span label{margin-right:8px;}
.agree_txt2 > div:nth-child(2){overflow-y:scroll; height:80px; padding:15px; border:1px solid #dcdcdc; border-top:none; line-height:20px;}

/* 회원정보 입력 */
.join_wrap{margin-bottom:40px;}
.join_insert{width:653px; margin:0 auto 0 auto; table-layout:fixed;}
.join_insert th{padding:12px 0; font-weight:normal; font-size:16px; text-align:left;}
.join_insert th p{padding-left:18px; background:url(/images/sub/sign_dot1.gif) 0 5px no-repeat;}
.join_insert th p.bg_none{background:none;}
.join_insert td{padding:7px 0;}
.join_insert td p{margin-top:5px; color:#646464;}
.join_insert td div{margin-bottom:14px; font-size:16px;}
.join_insert td div span{display:inline-block; width:84px;}
.join_insert td div label{margin:0 8px;}
.join_insert input[type="submit"]{width:117px; height:42px; border:none; background-color:#525252; font-family:"NanumBarunGothicB"; color:#fff; cursor:pointer;}
.join_insert span.sign1{display:inline-block; margin-left:8px; color:#429aa6;}

/* 가입완료 */
.join_box{padding:30px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.finish_txt{margin-bottom:27px; font-family:"NanumSquare"; font-size:24px; text-align:center;}
.finish_txt b{font-weight:normal; color:#098df2;}
.join_txt{font-size:14px; text-align:center; line-height:20px; color:#646464;}
.join_txt2{font-size:16px; text-align:center; line-height:25px; color:#646464;}
.join_box ul{width:275px; margin:0 auto;}
.join_box ul li{overflow:hidden; margin-bottom:28px; font-size:15px;}
.join_box ul li:last-child{margin:0;}
.join_box ul li p{display:inline-block; width:55px; margin-right:70px; padding-left:20px; background:url(/images/sub/sign_dot1.gif) 0 5px no-repeat;}
.join_box ul li span{display:inline-block;}

/* 개인정보 처리방침 */
.policy_form .recent{}
.policy_form ul.list{padding-top:20px; margin-top:20px; border-top:3px double #555;}
.policy_form ul.list li{padding:10px; margin-top:4px; background:#eee;}
.policy_form ul.list li:first-child{margin-top:0;}
.policy_form ul.list li a{padding-left:18px; background:url(/images/article/file.gif) no-repeat 0px 0px; font-size:12px;}
.policy_form ul.list li a:hover{text-decoration:underline;}

@media only screen and (max-width:1100px) {
	
	.h_wrap{width:auto;}
	.u_wrap{width:auto;}
	
	.contents{position:relative;}
	
	.sub_visual{height:160px;}
	
	.sub_visual h2{padding-top:44px; font-size:28px;}
	.sub_visual ul{margin-top:15px;}
	
	.nav{position:absolute; top:60px; right:0; height:40px; margin-top:0; background:none; border:none;}	
	.n_wrap{position:relative; width:728px;}
	.n_wrap .menu{display:none;}
	.n_wrap .etc{position:absolute; top:0; right:0;}
	.n_wrap .etc > ul > li,.n_wrap .etc > ul > li:hover{background:none; border:none;}
	.n_wrap .etc > ul > li:first-child{border:none;}
	.n_wrap .etc > ul > li:last-child{display:none;}	
	.n_wrap .etc > ul > li:first-child > a{width:38px; height:38px; background:url(/images/sub/m_share_ico.png) 0 0 no-repeat; border:1px solid #545a99;}
	.n_wrap .etc > ul > li > .list2{top:40px; left:0; width:40px; padding-top:10px; background:none; border:none;}
	.n_wrap .etc > ul > li > .list2 li{margin-top:-1px;}
	.n_wrap .etc > ul > li > .list2 li a{padding:9px 0; background-color:#f5f5f5; border:1px solid #ddd;}
	.n_wrap .etc > ul > li > .list2 li:last-child a{border-bottom:1px solid #ddd;}
	.n_wrap .etc > ul > li > .list2 li a img{height:20px;}
	
	#sub{width:auto; padding:40px 20px;}
	.contents_main{float:none; width:auto;}
	
	.tab{width:auto;}
	
	.tit_box{width:94%;; padding:3%;}
	.tit_box.type1{width:auto;}
	.tit_box .con{padding-right:15px;}
	.tit_box .img{text-align:right;}	
	.tit_box > .tit{width:245px;}
	.tit_box > .txt br{display:none;}
	
	.greeting img{max-width:100%;}
	
	.history div.right{margin-left:49.3%;}
	.history div.left{margin-right:49%;}
	
	.root_daum_roughmap{width:100% !important; height:250px;}
	.root_daum_roughmap .wrap_map{height:250px !important;}
	.info_box1 ul li{margin-left:20px;}	
	
	.txt_box1:before{width:100%; left:0; background-size:100%;}
	
	.box_style1.type1{padding:30px;}
	.box_style1 ol.step{display:table; width:100%;}
	.box_style1 ol.step li{display:table-cell; background-position:7% 37px;}
	
	.joint_business div{width:49%; margin-left:2%; box-sizing:border-box;}
	.joint_business div ul{height:360px;}
	.joint_business div ul li br{display:none;}
	
	.donation_con{display:block; width:auto;}
	.donation_con p br{display:none;}
	
	.guide .guide_con > div{float:none; display:block; width:auto; margin-left:217px;}
	.guide .guide_con > div div{display:block;}
	.guide .guide_con > div div ul.type2 li{width:31.3%; height:auto; margin-left:2%;}
	
	.side{overflow:hidden; float:none; position:static; width:auto; margin-top:30px;}
	.side .s_wrap{position:static; top:inherit; width:auto;}
	.side .s_wrap > div{margin-top:10px;}
	.side .s_wrap .banner3 a{height:67px;}
	.side .s_wrap .banner3 a p span{font-size:20px;}
	
	.f_util > div{width:auto;}
	.f_wrap{width:auto;}
	
	/* 행사 캠페인 동영상 컨텐츠 */
	.video_wrap li div{position:relative; padding-top:56.25%;}
	.video_wrap li div video{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
	
}

@media only screen and (max-width:1000px) {
	
	.core_business div,.core_business div.type1{margin:30px 0 0 0; padding:50px; border-radius:inherit;}
	.core_business div span{display:none;}
	.core_business div > ul > li > ul > li br{display:none;}
	.core_business div dl dd br{display:none;}
	

}

@media only screen and (max-width:768px) {
	
	.sub_visual{height:auto; padding-bottom:19px; background-size:100% 100%; color:#333;}
	.sub_visual h2{padding-top:25px; font-size:24px; text-shadow:inherit;}
	.sub_visual ul li{background:url(/images/sub/m_navi_arr.png) 0 2px no-repeat;}
	.sub_visual ul li:first-child{background:url(/images/sub/m_navi_home.png) 0 1px no-repeat;}
	.sub_visual ul li strong:after{background-color:#333;}
	
	.nav{top:20px;}
	.n_wrap{width:auto;}
	.n_wrap .etc{right:1%;}
	
	#sub{width:auto; padding:20px 10px 30px;}
	
	.sub_contents h4+div{margin-left:0;}
	
	.sub_style1 th{word-break:break-all;}
	.sub_style1 td{word-break:break-all;}
	.sub_style1 td.left{padding:15px 10px;}
	
	.tit_box{display:inherit; width:auto; margin-bottom:30px; padding:30px 15px;}
	.tit_box.type1{display:inherit; margin-bottom:30px; padding:30px 15px; text-align:center;}
	.tit_box .con .txt br{display:none;}	
	.tit_box > .tit{display:inherit; width:auto; margin-bottom:15px; font-size:2.4rem; line-height:25px;}
	.tit_box > .tit br{display:none;}
	.tit_box > .txt{display:inherit; font-size:1.6rem; font-family:"NBG"; line-height:22px;}
	.tit_box > .txt > span{margin-bottom:8px; font-size:1.8rem;}
	
	.m_sign_box{display:block; margin-bottom:10px; padding:18px; background-color:#f5f5f5;}
	.m_sign_box p{padding-left:23px; background:url(/images/sub/sign_ico.png) 0 0 no-repeat; font-size:14px;}
	
	.greeting .txt div p:first-child{margin-top:25px;}
	
	.history{text-align:left;}
	.history:before{top:8px; left:68px;}
	.history:after{left:68px; bottom:-10px;}
	.history > p{text-align:center;}
	.history div{margin:35px 0 0 61px !important; background-position:left 8px !important;}
	.history div.right{margin-left:0;}
	.history div.left{margin-left:0; padding-left:43px; text-align:left;}
	.history div.left dl{padding-left:12px;}
	.history div.left dl dt:before{left:-12px;}
	.history div dl dd br{display:none;}
	.history div.left dl dd:before{right:inherit; left:-11px;}
	.history div.left dl dd ul li{padding:0 0 0 14px;}
	.history div.left dl dd ul li:before{right:inherit; left:4px;}
	
	.org{width:280px; margin:0 auto 80px auto; background:url(/images/sub/m_org_bg.gif) center 0 no-repeat;}
	.org h1{width:280px; margin:0 0 20px 0;}
	.org h2{width:255px; margin:0 0 20px 25px;}
	.org h3{position:static; width:230px; height:22px; padding:17px 0; margin-left:50px; font-size:18px;}
	.org div{margin:20px 0 0 50px; text-align:left;}
	.org div h4{width:218px; margin-bottom:20px;}
	.org div ul{margin-left:25px; padding-left:0;}
	.org div ul li{width:203px; height:50px; margin:0 0 10px 0; text-align:center;}
	.org div ul li:last-child{margin:0;}
	.org div ul li span br{display:none;}
	.org div.org_list2{margin:20px 0 0 75px;}
	.org div.org_list2 h4{width:193px; height:18px; padding:11px 0; margin-bottom:20px;}
	.org div.org_list2 ul li{width:178px; height:50px;}
	.org div.org_list2 ul li:first-child{height:73px;}
	.org div.org_list2 ul li:first-child br{display:block;}
	.org div.org_list2 ul li:last-child{height:72px;}
	
	.info_box1 ul{display:table; width:100%; text-align:center;}
	.info_box1 ul li{display:table-cell; margin:0 15px !important; padding:50px 10px 0; background-position:center 0 !important;}
	
	.agree_chk .left{float:none;}
	.agree_chk .left p{line-height:20px;}
	.agree_chk .right{margin-top:10px;}
	
	.gi_wrap{margin:0 10px; padding:50px 20px 20px;}
	.tab{margin-bottom:30px;}
	.tab ul li a{font-size:1.6rem; font-family:"NBGB";}

	.box_style1 ol.step{display:inline-block; width:auto;}
	.box_style1 ol.step li{display:inline-block; width:50%; margin:10px 0; padding:0; background:none;}
	.box_style1 ol.step li img{display:block; width:80px; margin:0 auto;}
	.box_style1 ol.step li span{position:relative; display:inline-block; padding:3px 0 0 25px;}
	.box_style1 ol.step li span:before{display:block; content:""; position:absolute; top:0; left:0; width:20px; height:17px; padding-top:3px; background-color:#5ea63a; border-radius:50%; color:#fff; text-align:center;}
	.box_style1 ol.step li:nth-child(1) span:before{content:"1";}
	.box_style1 ol.step li:nth-child(2) span:before{content:"2";}
	.box_style1 ol.step li:nth-child(3) span:before{content:"3";}
	.box_style1 ol.step li:nth-child(4) span:before{content:"4";}
	.box_style1 ol.step li:nth-child(5) span:before{content:"5";}
	
	.box_style1 p.tit1{margin-bottom:15px; padding-bottom:15px; font-family:"NBGB";}
	.box_style2 ul.type2 li{display:inherit; float:none; margin-bottom:10px;}
	.box_style2 ul.type2 li span{display:block; float:none; width:auto; margin:0 0 5px 0; padding:0; background:inherit; text-align:left;}
	.box_style2 ul.type2 li span br{display:none;}
	.box_style2 ul.type2 li .scroll{padding:0;}
	
	.joint_business div{width:auto; margin:45px 0 0 0;}
	.joint_business div ul{height:auto;}
	
	.guide .guide_con{margin-top:30px;}
	.guide .guide_con > p{position:relative; float:none; width:auto; margin:0 0 34px 0; padding:0; background:none; text-align:center;}
	.guide .guide_con > p:before{display:block; content:""; position:absolute; bottom:-19px; left:50%; width:20px; height:4px; margin-left:-10px; background:url(/images/sub/connect_dot.gif) center bottom no-repeat; transform:rotate(90deg);}
	.guide .guide_con > div{margin-left:0;}
	.guide .guide_con > div div ul.type1 > li{margin-top:10px;}
	
	
}

@media only screen and (max-width:640px) {
	
	.tit_box{text-align:center; padding:30px 15px;}
	.tit_box .con{display:block; width:auto;}
	.tit_box .con .tit{margin-bottom:15px; font-size:2.4rem; line-height:25px;}
	.tit_box .con .txt{font-family:"NBG"; font-size:1.6rem; line-height:22px;}
	.tit_box .con .txt span{font-family:"NBGB";}
	.tit_box .con .txt br{display:none;}
	.tit_box .img{display:none;}
	
	.sub_style1{border-left:1px solid #d5d5d5;}
	.sub_style1 .none{display:none;}
	.sub_style1 td .info ul li:nth-child(even){width:36%;}
	.sub_style1 td .info ul li span{display:block; margin-bottom:5px;}
	
	.side .s_wrap > div{text-align:center;}
	.side .s_wrap > div.banner1{float:none; width:auto; margin-bottom:10px;}
	.side .s_wrap > div.banner3{float:none; width:auto;}
	.side .s_wrap .banner1 a{height:auto; padding:16px 20px 19px 23px;}
	.side .s_wrap .banner1 a p{display:inline-block; padding:8px 50px 0 0; background-position:99% 0;}
	.side .s_wrap .banner1 a p span{display:inline-block; margin:0; vertical-align:middle;}
	
	.side .s_wrap .banner2 a{height:auto;}
	.side .s_wrap .banner2 a p{display:inline-block; padding:6px 45px 6px 0; background-position:99% 0; font-size:18px;}
	
	.side .s_wrap .banner3 a{height:auto; padding:10px 20px 10px 23px;}
	.side .s_wrap .banner3 a p{display:inline-block; padding:20px 70px 20px 0; font-size:18px;}
	.side .s_wrap .banner3 a p span{display:inline-block; margin:0 0 0 10px; font-size:18px;}
	
	/* 행사 캠페인 동영상 컨텐츠 */
	.video_wrap li{width:100%;}
	.video_wrap li:not(:first-child){margin-top:30px !important;}
	.video_wrap li:nth-child(2n){margin-left:0;}

}

@media only screen and (max-width:480px) {
	
	html{font-size:9px;}
	
	.sub_contents h3:after{top:-1px; height:24px;}
	.sub_contents h4:after{top:2px;}
	.sub_contents p.sec1{line-height:20px;}
	.section1 > p{line-height:20px;}
	.section1 > ul > li{line-height:20px;}
	.section1 > ul > li:before{top:7px;}
	
	.sub_style1 td p{line-height:18px;}
	.sub_style1 td ol li{line-height:20px;}
	.sub_style1 td ul li{line-height:18px;}
	.sub_style1 td ul li:before{top:6px;}
	.sub_style1 td .info ul li span{margin-bottom:2px;}
	
	.tit_box{padding:20px 15px;}
	.tit_box.type1{padding:20px 15px;}
	.tit_box > .txt{font-family:"NBG"; line-height:20px;}
	
	.history:before{left:7px;}
	.history:after{left:7px;}
	.history > p{display:none;}
	.history > p+div{margin:0 !important;}
	.history div{margin:35px 0 0 0 !important;}
	.history div.right{padding-left: 25px;}
	.history div.left{padding:0 0 0 25px;}
	.history div p{margin-bottom:15px;}
	.history div dl dd{line-height:20px;}
	.history div dl dd ul{margin-top:5px;}
	.history div dl dd ul li{margin-top:3px;}
	
	.core_business div .tit{margin-bottom:15px;}
	.core_business div > ul > li{font-family:"NBGB";}
	.core_business div,.core_business div.type1{padding:20px;}

	.txt_box1{padding:15px;}
	.txt_box1 h3{margin-bottom:10px; padding-bottom:10px;}
	.txt_box1 h3:after{top:2px;}
	.txt_box2 p.txt{line-height:22px;}
	.txt_box2 p.txt br{display:none;}
	.txt_box2 ul.align{margin-top:0;}
	.txt_box2 ul li{line-height:22px;}
	.txt_box2 ul li:after{top:9px;}
	.txt_box2 ul li br{display:none;}
	.txt_box2 ul.align li{float:none; width:auto;}
	.txt_box2 ul.align li:nth-child(1), .txt_box2 ul.align li:nth-child(2){margin-top:10px;}

	
	.sign_box1 ol li a{word-break:break-all;}
	
	.box_style1 ol.step{display:inline-block; width:auto;}
	.box_style1 ol.step li{display:inline-block; width:50%; margin:10px 0; padding:0; background:none;}
	.box_style1 ol.step li img{display:block; width:80px; margin:0 auto;}
	.box_style1 ol.step li span{position:relative; display:inline-block; padding:3px 0 0 25px;}
	.box_style1 ol.step li span:before{display:block; content:""; position:absolute; top:0; left:0; width:20px; height:17px; padding-top:3px; background-color:#5ea63a; border-radius:50%; color:#fff; text-align:center;}
	.box_style1 ol.step li:nth-child(1) span:before{content:"1";}
	.box_style1 ol.step li:nth-child(2) span:before{content:"2";}
	.box_style1 ol.step li:nth-child(3) span:before{content:"3";}
	.box_style1 ol.step li:nth-child(4) span:before{content:"4";}
	
	.benefit ol > li{margin-top:20px; padding:27px 20px 20px 50px;}
	.benefit ol > li:before{left:10px; width:30px; height:24px; padding-top:6px;}
	.benefit ol > li p.tit{margin-bottom:10px;}
	.benefit ol > li p.txt{line-height:20px;}
	.benefit ol > li ul li{line-height:22px;}
	.benefit ol > li ul li:before{top:8px;}
	
	ol.reinforcement li{line-height:22px;}
	ol.reinforcement li br{display:none;}
	
	.joint_business div ul{padding:20px;}
	.joint_business div ul li{line-height:22px;}
	
	.donation_con{padding:20px; text-align:center;}
	.donation_con div{display:inline-block; margin-bottom:15px;}
	.donation_con p{display:block; line-height:22px;}
	ul.present_condition li{padding:20px; text-align:center;}
	ul.present_condition li div{display:inline-block; margin-bottom:15px;}
	ul.present_condition li p{display:block; line-height:22px;}
	
	.guide .guide_con{margin-top:15px;}
	.guide .guide_con > p img{width:100px;}
	.guide .guide_con > div{min-height:auto; padding:15px;}
	.guide .guide_con > div div ul.type1 > li{margin-top:5px; line-height:20px;}
	.guide .guide_con > div div ul.type1 > li:before{top:7px;}

}

@media only screen and (max-width:420px) {	
	
	html{font-size:8px;}
	
	.sub_style1 td p{line-height:16px;}
	.sub_style1 td ol li{line-height:16px;}
	.sub_style1 td ul li{line-height:16px;}
	.sub_style1 td ul li:before{top:5px;}
	.sub_style1 td .info ul li:before{top:6px;}
	.sub_style1 td .info ul li span{margin-bottom:0;}
	
	.greeting .txt div p{margin-top:10px; line-height:18px;}
	
	.history div{background-position:left 6px !important;}
	.history div dl dt:before{top:4px;}
	.history div dl dd{line-height:18px;}
	.history div dl dd ul li{margin-top:0;}
	
	.core_business div .tit{line-height:30px;}
	.core_business div > ul > li{line-height:22px;}
	.core_business div > ul > li:before{top:1px;}
	.core_business div > ul > li > ul > li{line-height:20px;}
	.core_business div > ul > li > ul > li:before{top:7px}
	.core_business div dl dt:before{top:5px;}
	.core_business div dl dd{margin-bottom:10px; line-height:17px;}
	
	.box_style1.type2{padding:20px;}
	
	.txt_box2{padding:15px;}
	.txt_box2 p.tit{font-family:"NBG";}
	.txt_box2 p.txt{line-height:20px;}
	.txt_box2 ul li{line-height:18px;}
	.txt_box2 ul li:after{top:6px;}
	
	.benefit ol > li ul li{margin-top:8px; line-height:20px;}
	
	ol.reinforcement li{padding:20px 20px 20px 88px; line-height:20px;}
	ol.reinforcement li:after{left:25px; height:29px; padding-top:11px;}
	
	.joint_business div p{font-family:"NBGB";}
	.joint_business div ul li{line-height:20px;}
	.joint_business div ul li:before{top:8px;}
	
	.international_exchange{padding-left:0;}
	.international_exchange .txt_box2{margin:50px 0 0;}
	.international_exchange .txt_box2{margin:50px 0 0; padding:60px 30px 30px;}
	.international_exchange .txt_box2 span.ico{top:0; left:50%; margin:-40px 0 0 -40px;}
	
	.donation_con p{line-height:20px;}
	.donation_con div span{font-family:"NBG";}
	ul.present_condition li p{line-height:20px;}
	
	.guide .guide_con > div div ul.type1{margin-top:10px;}
	.guide .guide_con > div div ul.type1 > li{float:none; width:auto; line-height:17px;}
	.guide .guide_con > div div ul.type1 > li:before{top:6px;}
	.guide .guide_con > div div ul.align > li:nth-child(2){margin-top:5px;}
	.guide .guide_con > div div ul.type2 li{float:none; width:auto; margin:0 0 10px 0;}
	.guide .guide_con > div div ul.type2 li p{margin-top:10px; line-height:18px;}
	
	.side .banner1 a p{padding:58px 0 20px; font-family:"NBG"; font-size:16px;}
	.side .banner1 a p span{font-size:28px;}
	
}

@media only screen and (max-width:380px) {
	
	.sub_style1 td .info ul li{float:none; width:auto !important; margin:3px 0 0;}
	.sub_style1 td .info ul li span{display:inline-block; width:45px;}
	
	.tab ul li a{font-size:1.4rem;}
	
	.info_box1 p.addr{padding:0 0 0 40px; background-position:0 center; background-size:30px !important; font-family:"NBGB"; font-size:2rem;}
	.info_box1{text-align:left;}
	.info_box1 ul{display:inherit; width:auto;}
	.info_box1 ul li{display:inherit; margin:5px 0 0 0 !important; padding:10px 0 9px 40px; background-position:0 0 !important; background-size:30px !important;}
	.info_box1 ul li:first-child{margin:0 !important;}
	
	.side .s_wrap .banner1 a p{padding:18px 50px 17px 0; font-family:"NBG"; font-size:14px;}
	.side .s_wrap .banner1 a p span{font-size:24px;}
	.side .s_wrap .banner3 a p{background-size:50px 50px; font-size:16px;}
	.side .s_wrap .banner3 a p span{font-family:"NBGB"; font-size:16px;}
	
}