@charset "utf-8";
@import url(base.css);/*공통*/

/*마우스 드래그 배경색*/
::-moz-selection{background:#1b377a;color:#fff}
::selection {background:#1b377a;color:#fff}

#wrap {position:relative;overflow:hidden; min-width:320px;}

/*----------------------------------------헤더 영역-----------------------------------------------*/

/*gnb*/
#gnb_box{position:relative; width:100%; height:39px; background:#3f61b2; margin:0 auto;}
#gnb_box .gnb_box2 {position:relative; width:1200px; margin:0 auto; overflow:hidden}
#gnb_box .gnb_box2 div.bm a {float:left; width:90px; height:39px; display:block; background-color:#5b87d3; line-height:39px; color:#fff;}
#gnb_box .gnb_box2 div.bm a:hover span.gnb_box_bg {background:#1b377a}

#gnb_box .gnb_box2 ul {position:relative; float:right}
#gnb_box .gnb_box2 ul li {position:relative; float:left;border-left:1px solid #3f61b2}
#gnb_box .gnb_box2 ul li a {width:90px; height:39px; display:block; background-color:#1b377a; color:#fff; text-align:center; line-height:39px;}
#gnb_box .gnb_box2 ul li.li_big a, #gnb_box .gnb_box2 ul li.li_big a span.gnb_box_txt, #gnb_box .gnb_box2 ul li.li_big a:hover span.gnb_box_bg {width:135px;}

#gnb_box .gnb_box2 a span.gnb_box_txt {width:90px; height:39px; position:absolute; top:0; left:0; text-align:center;}
#gnb_box .gnb_box2 a span.gnb_box_bg {width:0px; height:39px; position:absolute; top:0px; left:0px; transition: all 0.3s ease;}
#gnb_box .gnb_box2 a:hover span.gnb_box_bg {position:absolute; top:0; left:0; background-color:#5b87d3; width:90px; height:39px;}

/*로고,검색*/
#dv_head {position:relative; width:1200px; margin:0 auto; height:116px;}
#dv_head h1 {position:absolute; top:37px; left:0px;}
#sch_box {position:absolute; top:39px; left:342px;}
#sch_box .sch_inp {width:351px; height:34px; border:4px solid #3f61b2; border-radius:50px; padding-left:15px;}

/*탑메뉴*/
.head_box {position:relative; margin:0 auto; width:100%; height:49px; border-top:1px solid #dadada; }
#header {position:relative; margin:0 auto; width:1200px; height:49px; overflow:hidden;}
.gnb_ul.gnb_ul {overflow:hidden;width:100%;}
.gnb_ul li{position:relative; float:left; }
.gnb_ul li:last-child {border-right:1px solid #dadada;}
.gnb_ul li a{width:239px; height:49px; line-height:49px; border-left:1px solid #96a8d5; background:#3f61b2; font-size:18px; display:inline-block; color:#fff; font-weight:500; text-align:center; overflow:hidden; box-sizing: border-box;}
.gnb_ul li a span.h_txt {width:239px; height:49px; position:absolute; top:0; left:0; text-align:center;}
.gnb_ul li a span.h_bg, .gnb_ul li.on a span.h_bg  {width:239px; height:0px; position:absolute; top:-49px; left:1px; transition: all 0.3s ease;}
.gnb_ul li a:hover span.h_bg, .gnb_ul li.on a span.h_bg {position:absolute; top:0; left:1px; width:239px; height:49px; background-color:#1b377a;}

.gnb_open { width:100%; height:0; position:absolute; top:49px; left:0px; z-index:100; overflow:hidden; }
.gnb_open .gnb_open_box {position:relative; width:100%; height:100%; background:#f5f5f5; border-bottom:3px solid #3f61b2; margin: 0 auto; box-sizing: border-box;}
.gnb_open .menu_area { width:1200px; margin: 0 auto; }
.gnb_open .menu_area .total_menu {clear:both; padding-top:20px;}
.gnb_open .menu_area .total_menu li {float:left; width:239px;}

.gnb_open .menu_area .total_menu .sm { list-style:none; margin: 0px 5px 0 25px; clear:both; font-size:14px; }
.gnb_open .menu_area .total_menu .sm li { letter-spacing: -0.5px; clear:both; padding-bottom:5px;}
.gnb_open .menu_area .total_menu .sm li a:before {content:"-"; display:inline-block; padding-right:10px}
.gnb_open .menu_area .total_menu .sm li a { display:block; padding:3px 0; color:#666;}
.gnb_open .menu_area .total_menu .sm li a:hover,.gnb_open .menu_area .total_menu .sm li.on a {color:#3f61b2; font-weight:700}

/*2depth*/
#menu_2depth { overflow:hidden; position:relative; width: 100%; height: 50px; z-index:10; background:url(../image/sub/2depth_bg.gif) repeat-x 0 0; }
#menu_2depth ul { list-style:none; clear:both; width:1200px; margin: 0 auto; overflow:hidden; display:none;}
#menu_2depth ul li { float:left;}


/*----------------------------------------배너 영역-----------------------------------------------*/
div.m_bnbox {position:relative; width:100%; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:15px 0;}

#rolling_banner_m{clear:both; margin:0 auto; width:1200px;}
.photo_gallery {height:59px; text-align:center; position:relative;  width:1200px; clear:both;   }
.photo_gallery .photo_list {position:relative;  width:1200px; overflow:hidden;}
.photo_gallery .photo_list div.list_wrap ul {width:1160px; float:left; margin-left:40px; z-index:10;}
.photo_gallery .photo_list div.list_wrap ul li {float:left; width:165px; border:1px solid #ccc;margin-right:24px;}
.photo_gallery .photo_list div.list_wrap ul li a img {width:165px; height:42px; vertical-align:middle; margin:0; padding:0;}
a.btn_prev {position:absolute; left:0px;}
a.btn_next { position:absolute; right:0px; }


/*----------------------------------------푸터 영역-----------------------------------------------*/
#footer {background:#f2f3f4; color:#898989; padding:30px 0 50px; font-size:13px; letter-spacing:-0.02em;}
#footer .ft_box {position:relative; width: 1200px; margin:0 auto; overflow:hidden}
#footer .ft_ul01 {overflow:hidden}
#footer .ft_ul01 li {float:left; font-weight:700}
#footer .ft_ul01 li a {color:#474747}
#footer .ft_ul01 li:after {content:"ㅣ"; display:inline-block; padding:0 5px; color:#474747}
#footer .ft_ul01 li:last-child:after {display:none}
#footer .ft_ul02 li a{float:left; margin-left:5px; width:35px; height:35px; line-height:35px; font-size:14px; text-align:center; border-radius:50%; color:#fff; background:#474747}
#footer p a {color:#474747}
#footer p a.login {color:#f2f3f4}


/*----------------------------------------퀵 영역-----------------------------------------------*/
#quick {position:absolute; right:10px; top:100px; width:200px; text-align:center; font-size:32px; z-index:10}
#quick ul li {position:relative; width:170px; height:170px; color:#fff; margin:10px auto 0;}
#quick ul li a {display:block; width:170px; height:170px; color:#fff; margin:0 auto;}

#quick ul li:nth-child(1), #quick ul li:nth-child(2), #quick ul li:nth-child(1) a, #quick ul li:nth-child(2) a {width:200px; height:130px !important;}
#quick ul li .ye_box {position:absolute; top:0; left:0; width:100%; padding:20px 0 15px; border-radius:10px; z-index:2}
#quick ul li .ye_box p {font-size:20px !important; font-weight:700 !important; padding-bottom:8px;}
#quick ul li .mn_box {position:absolute; top:55px; left:0; background:#fff; font-size:25px !important; padding:20px 0 !important; width:100%; box-sizing:border-box; z-index:1}

#quick ul li:nth-child(1) .ye_box {background:#1b377a; color:#fff;}
#quick ul li:nth-child(1) .mn_box {border:2px solid #1b377a; color:#1b377a;}

#quick ul li:nth-child(2) .ye_box {background:#ed6820; color:#fff;}
#quick ul li:nth-child(2) .mn_box {border:2px solid #ed6820; color:#ed6820;}


/*#quick ul li:nth-child(1) {background:#1b377a;}
#quick ul li:nth-child(2) {background:#ed6820;} */
#quick ul li:nth-child(3) {background:#3f61b2; border-radius:50%;}
#quick ul li:nth-child(4) {background:#f77b17; border-radius:50%;}
#quick ul li:nth-child(5) {background:#53a4d2; border-radius:50%;}
#quick ul li:nth-child(6) {background:#4583d0; border-radius:50%;}
#quick ul li i {font-size:30px; margin-top:26px;}
#quick ul li p {padding:4px 0; font-size:15px; font-weight:700}
#quick ul li span {font-weight:700;}
#quick ul li .blinkEle span { vertical-align:top}
#quick ul li .blinkEle2 {font-size:20px; line-height:0.7em}
#quick ul li:nth-child(1) i {margin-top:18px;}
#quick ul li:nth-child(2) i {margin-top:18px;}
#quick ul li:nth-child(1) p, #quick ul li:nth-child(2) p {font-size:15px; line-height:1.2em; margin-bottom:-5px; font-weight:500; /*position:absolute; bottom:32px; left:0; text-align:center; width:100%*/}
#quick ul li:nth-child(1) div, #quick ul li:nth-child(2) div {font-size:13px; padding-top:3px;font-weight:700; line-height:1.2em}
#quick ul li:nth-child(1) .blinkEle2, #quick ul li:nth-child(2) .blinkEle2 {font-size:21px;}

/*----------------------------------------메인 영역-----------------------------------------------*/
/*공지사항*/
.notice_box {position:relative; width:441px; height:244px; float:left; border:1px solid #d6d6d6; padding:18px; border-radius:5px;box-sizing: border-box;}
.notice_tlt {width:100%; border-bottom:1px solid #616161; padding-bottom:10px; margin-bottom:15px; font-size:17px; color:#484747; overflow:hidden}
.notice_box .more_btn {position:absolute; top:18px; right:18px; }
.notice_box .more_btn i{color:#a1a1a1; width:21px; height:21px; border:1px solid #e0e0e0; text-align:center; line-height:20px; border-radius:50%;}
.notice_box .more_btn i:hover {background:#616161; border:1px solid #616161; color:#fff}

.notice_box ul {overflow:hidden}
.notice_box ul li {margin-bottom:2px; color:#7d7c7c; overflow:hidden}
.notice_box ul li a {color:#7d7c7c; display:block;}
.notice_box ul li a:hover {color:#3f61b2}
.notice_box ul li a .fl:before {content:"■"; display:inline-block; font-size:4px; padding-right:5px; vertical-align:middle}
.notice_box ul li .fr {color:#b1b1b1}

/*위에 배너*/
.mainbn_box {overflow:hidden}
.mainbn_box li {float:left; margin:0 13px 40px 0;}
.mainbn_box li:last-child {margin-right:0}

/*컨텐츠 배너*/
.mcont_bn {position:relative; float:left; margin-left:20px;}
.mcont_bn li {margin-bottom:15px;}

/*재단소개*/
.ind_box {position:relative; width:360px; height:242px; padding:40px 0 0px 24px; background:url(/share/img/main/ind_bg.jpg) no-repeat 0 0; float:right; box-sizing: border-box; font-size:14px; color:#fff}
.ind_tlt p{font-size:22px; font-weight:700; margin-bottom:14px;}
.ind_tlt p span {color:#95c8e4}

.ind_box .ind_abox {position:relative; margin-top:20px;}
.ind_abox a {display: block;color: #fff;border: 1px solid #fff; width: 123px; height: 36px; line-height: 36px;}

.ind_box a span.ind_abg {width:0; height:36px; position:absolute; top:1px; left:1px; transition: all 0.3s ease;}
.ind_box a span.ind_atxt {width:123px; height:36px; position:absolute; top:0; left:0; text-align:center; font-size:14px; color:#fff}
.ind_box:hover span.ind_atxt {color:#95c8e4; font-weight:700;}
.ind_box:hover span.ind_abg {position:absolute; top:1px; left:1px; width:123px; height:36px; background-color:#fff;}

.mline_b {border-bottom:1px solid #eaeaea; padding-bottom:30px; margin-bottom:30px;}

/*메인 숫자 스크립트*/
.sum_ul {overflow:hidden}
.sum_ul li {float:left; margin-left:13px; width:290px; height:270px; color:#fff; padding-top:30px; text-align:center; font-size:16px; box-sizing: border-box;}
.sum_ul li:first-child {margin-left:0}
.sum_ul li:nth-child(odd) {background:url(/share/img/main/sum_bg01.jpg) no-repeat 0 0}
.sum_ul li:nth-child(even) {background:url(/share/img/main/sum_bg02.jpg) no-repeat 0 0}

.sum_ul li img {margin-bottom:10px;}
.sum_ul li p {font-size:30px; line-height:40px; font-weight:700; margin-bottom:5px}

/*메인 숫자 스크립트*/
.sum_ul2 {overflow:hidden}
.sum_ul2 .tlt {position:relative; width:160px; padding:20px 0; margin:0 auto 20px; color:#fff; font-size:20px; font-weight:700; border-radius:20px;}

.sum_ul2 li {float:left; margin-left:13px; width:290px; height:240px; color:#fff; padding-top:50px; text-align:center; font-size:16px; box-sizing: border-box;}
.sum_ul2 li:first-child {margin-left:0}
.sum_ul2 li:nth-child(odd) {background:url(/share/img/main/sum_bg01.jpg) no-repeat 0 0; color:#fff}
.sum_ul2 li:nth-child(even) {background:url(/share/img/main/sum_bg02.jpg) no-repeat 0 0; color:#3e61b2}

.sum_ul2 li:nth-child(odd) .tlt {background:#fff; color:#3e61b2}
.sum_ul2 li:nth-child(even) .tlt {background:#3e61b2;}

.sum_ul2 li img {margin-bottom:10px;}
.sum_ul2 li p {font-size:32px; line-height:40px; font-weight:700; border-bottom:2px solid #fff; display:inline-block; padding-top:10px; font-family:'yg-jalnan'}
.sum_ul2 li:nth-child(even) p {border-bottom:2px solid #3e61b2;}

/*하단배너*/
.rolling_panel { position: relative; width: 1120px; height: 59px; margin-left: 40px; padding: 0;  overflow: hidden; }
.rolling_panel ul { position: absolute; margin: 0; padding: 0; list-style: none; }
.rolling_panel ul li {position: relative; float:left; width: 167px; height: 59px; border:1px solid #ccc; margin-right:22px; box-sizing: border-box;}
.rolling_panel ul li img {width:100%; height:100%}

/*----------------------------------------컨텐츠+서브 영역-----------------------------------------------*/

/*컨텐츠*/
.m_cont {position:relative; width:1200px; margin:0 auto; padding:34px 0 50px; overflow:hidden}
.s_content {position:relative; width:1200px; margin:0 auto; padding:38px 0 100px; overflow:hidden}
.cont {position:relative; width:1200px; margin:0 auto; overflow:hidden}

.s_cont {float:right; width:908px; overflow:hidden}

/*서브비쥬얼*/
div.sv_box {color:#fff; font-size:14px;}
div.sv_box a {color:#fff}
div.sv_box p {line-height:35px; font-size:35px; font-weight:600}
div.sv_box p:after {content:""; display:block; width:60px; height:2px; background:#699bf6; margin:15px 0 13px}
div.sv_img01, div.sv_img05, div.sv_img06, div.sv_img07 {width:100%; height:236px; background:url(/share/img/inc/sv01.jpg) no-repeat 50% 0;}
div.sv_img02 {width:100%; height:236px; background:url(/share/img/inc/sv02.jpg) no-repeat 50% 0;}
div.sv_img03 {width:100%; height:236px; background:url(/share/img/inc/sv03.jpg) no-repeat 50% 0;}
div.sv_img04, div.sv_img08 {width:100%; height:236px; background:url(/share/img/inc/sv04.jpg) no-repeat 50% 0;}

/*레프트메뉴*/
.lm_tlt {position:relative; }
.lm_tlt a {background:#3f61b2; color:#fff; font-size:22px; height:104px; padding:16px 10px 0; vertical-align:middle; line-height:65px; font-weight:700; display: block; text-align:center; letter-spacing:-0.1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#leftmenu,#leftmenu ul,#leftmenu ul li,#leftmenu ul li a {display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#leftmenu {width: 225px; color: #fff; float:left}
#leftmenu ul ul {display: none;}

#leftmenu > ul > li {overflow:hidden}
#leftmenu > ul > li > a {padding: 15px 20px; border-bottom:1px solid #d6d6d6; z-index: 2; font-size: 14px; font-weight: bold; color: #5d5d5d;}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on > a, #leftmenu > ul > li.open > a {color: #3f61b2; background: #fff;}
#leftmenu > ul > li > a:hover:after, #leftmenu > ul > li.on > a:after, #leftmenu > ul > li.open > a:after {float:right; content: "\f0da";  display:inline-block;  width:20px; height:20px; text-align:center; color:#fff; background:#3f61b2; font-family: FontAwesome;}

#leftmenu > ul > li.open > a {border-bottom: 1px solid #d6d6d6;}
#leftmenu > ul > li:last-child > a { border-bottom: 1px solid #d6d6d6;}

/*3차*/
.snb_3th{position:relative; width:100%; margin:0 auto 70px; height:50px; line-height:48px; font-weight:700; overflow:hidden;}
.snb_3th li {float:left; font-size:16px; text-align:center;}
.snb_3th li:first-child a{margin-left:0;}
.snb_3th li a {display:block; color:#949494; border:1px solid #e9e7e7;}
.snb_3th li a:hover, .snb_3th li.active a{color:#fff; border:1px solid #3f61b2; background:#3f61b2}

.snb_3th2 li:last-child a:hover, .snb_3th2 li:last-child.active a{background:#53a4d2 !important; border:1px solid #53a4d2;}

.wd_1 li{width:100%}
.wd_2 li{width:50%}
.wd_3 li{width:33.333%}
.wd_4 li{width:25%}
.wd_5 li{width:20%}
.wd_6 li{width:16.666%}
.wd_7 li{width:14.222%}
.wd_8 li{width:12.5%}
.wd_9 li{width:11.111%}
.wd_10 li{width:10%}

/*은행*/
.bank_box {position:relative; overflow:hidden; border:1px solid #d6d6d6; padding:20px 14px; margin-top:50px; color:#000; font-size:16px; background:#f9f9f9}
.bank_box i {width:80px; height:80px; line-height:80px; text-align:center; background:#3f61b2; margin:0 auto; font-size:30px; color:#fff; border-radius:50%;}

/* 3차가 있을때 블릿 효과
.holder {width: 0; height: 0; position: absolute; top: 0; right: 0;}

.holder::after,.holder::before {display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {top: 17px; border-top: 2px solid #fff; border-left: 2px solid #fff;}
.holder::before {top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit;}*/

/* 3차 메뉴 있을시 사용
#leftmenu ul ul li a {cursor: pointer; border-bottom: 1px solid #32373e; border-left: 1px solid #32373e; border-right: 1px solid #32373e; padding: 10px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #eee; background: #49505a; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#leftmenu ul ul li:hover > a,#leftmenu ul ul li.open > a,#leftmenu ul ul li.active > a {background: #424852;color: #fff;}
#leftmenu ul ul li:first-child > a {box-shadow: none;}
#leftmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#leftmenu ul ul ul li a {padding-left: 30px;}
#leftmenu > ul > li > ul > li:last-child > a,#leftmenu > ul > li > ul > li.last > a { border-bottom: 0;}
#leftmenu > ul > li > ul > li.open:last-child > a,#leftmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e;}
#leftmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}

#leftmenu ul ul li.has-sub > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #eee; border-left: 2px solid #eee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#leftmenu ul ul li.active > a::after, #leftmenu ul ul li.open > a::after, #leftmenu ul ul li > a:hover::after {border-color:#fff;}*/

/*타이틀*/
.cont_tlt {position:relative; width:100%; border-bottom:1px solid #d7d7d7; padding-bottom:15px; margin-bottom:40px; overflow:hidden; }
.cont_tlt2 {position:relative; width:100%; padding-bottom:15px; margin-bottom:40px; overflow:hidden; }

h3 {font-size:25px; line-height:30px; font-weight:700; float:left;}
h3 p {font-size:14px; margin-top:5px;}
h4 {font-size:16px; line-height:18px; font-weight:700; padding-bottom:10px;}
.gy_tlt {font-size:35px; font-weight:700; color:#000;}
.gy_tlt:before {content:""; display:inline-block; width:6px; height:35px; background:#3f61b2; margin:0 15px 5px 0; vertical-align:middle}


.loc {float:right; vertical-align:middle;}
.loc ul {float:left; margin:7px 10px 0 0}
.loc ul li {float:left;}
.loc ul li:last-child {color:#3f61b2}
.loc ul li.home i{width:17px; height:17px; font-size:10px; color:#fff; background:#a8a8a8; line-height:17px; text-align:center; border-radius:50px;}
.loc ul li:after {content:">"; display:inline-block; padding:0 5px; }
.loc ul li:last-child:after {display:none}
a.home{background:#3f61b2; display:block; width:35px; height:35px; line-height:28px; margin-right:5px; border-radius:50px;}
.print i{color:#fff; background:#ffaa28; display:block; font-size:20px; width:35px; height:35px; line-height:35px; border-radius:50px;}

/*이미지확대*/
.sample_image {overflow: hidden; }
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

/*로그인*/
#login_box {position:relative; width:100%; overflow:hidden; padding:50px 0; border-top:3px solid #3f61b2; border-left:3px solid #c1c1c1; border-right:3px solid #c1c1c1; border-bottom:3px solid #c1c1c1; box-sizing: border-box;}
div.login_box2 {position:relative; width:75%; margin:0 auto;}
div.login_inpbox {float:left; margin-left:38px;}
div.login_inpbox .log_p {margin-bottom:25px; color:#999898; font-size:25px; font-weight:500}
div.login_inpbox .log_p span {color:#3f61b2; font-size:60px;}
div.login_inpbox input[type=text], div.login_inpbox input[type=password] {width:330px; padding-left:10px}
div.login_inpbox .log_btn {float:right; margin-left:10px;width:97px; height:78px; background:#3f61b2; border:0; color:#fff}
div.login_inpbox .join_btnbox {overflow:hidden; font-weight:500}
div.login_inpbox .join_btnbox a {margin-right:15px; color:#717171;}
div.login_inpbox .join_btnbox a:after {content:" >"}
div.login_inpbox .join_btnbox a:last-child {color:#3f61b2}
#login_box .log_txt {position:relative; width:75%; margin:30px auto 0 auto; border-top:1px dashed #c4c4c4; padding-top:20px; color:#8a8a8a}

/*회원가입-탭*/
.join_ul {overflow:hidden; width:100%; margin-bottom:30px;}
.join_ul li {position:relative; margin-left:-1px; display:table-cell; font-weight:600 !important; float:left; width:33.333%; line-height:68px; height:68px; border:1px solid #999; font-size:18px; color:#666; text-align:center; vertical-align:middle;  box-sizing: border-box;}
.join_ul li:first-child {margin-left:0px;}

.join_ul li.on{z-index: 2; border-color: #3f61b2; background: #3f61b2;color: #fff;}
.join_ul li.on::before { content: ""; display: block;  position: absolute; top: 50%; left: 0px; width: 0px;height: 0px; margin-left: -1px; margin-top: -9px;  border-bottom: 9px solid transparent; border-top: 9px solid transparent; border-left: 9px solid #ffffff;}
.join_ul li:first-child.on::before {content: ""; display: none;}

.join_ul li.on::after {content: ""; display: block; position: absolute; top: 50%; right: -10px; width: 0px;  height: 0px; margin-left: -9px;  margin-top: -9px; border-bottom: 9px solid transparent; border-top: 9px solid transparent; border-left: 9px solid #3f61b2;}
.join_ul li:last-child.on::after {content: ""; display: none;}

.join_ul li i {font-size:23px;}
.join_ul li span {padding-right:15px; font-size:20px;}

/*약관동의*/
.all_check {padding:25px; width:100%; background:#f4f4f4; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.terms_box {width: 100%; height: 118px; padding: 20px; overflow-y: scroll;  border: 1px solid #c6c6c6; color: #222; font-size:12px; margin-bottom: 15px;}
.terms_box {overflow-x: hidden;}

/*회원탈퇴*/
.withdrawal{border:1px solid #c1c1c1; border-top:3px solid #3f61b2; padding:35px; width:760px; margin: auto; margin-bottom:25px; color:#797979; font-size:13px; line-height:18px}
.withdrawal span{color:#3f61b2;}

/*출산지원금신청*/
.b_box {position:relative; width:100%; border:3px solid #3f61b2; margin-bottom:30px; font-size:16px; box-sizing: border-box;}
.b_box i {background:#3f61b2; color:#fff; font-size:50px; display:block; line-height:80px;}
.b_box .b_i {width:20%}
.b_box p {font-size:20px; color:#000; padding-bottom:10px;}
.b_box .b_txt {padding:2%; width:80%; box-sizing: border-box;}
.b_box .b_txt a {padding:3px 10px; background:#3f61b2; color:#fff; border-radius:50px;}

ul.jc_ul {overflow:hidden;}
ul.jc_ul li {float:left; color:#fff; width:11.8%; padding-right:1%; margin-right:1%; height:150px; text-align:center; padding:20px 0; background:#1b377a url(/share/img/contents/jc_jblue_bg.gif) no-repeat right 50%; margin-bottom:3%}
ul.jc_ul li:nth-child(2n) {background:#3f61b2 url(/share/img/contents/jc_blue_bg.gif) no-repeat right 50% }
ul.jc_ul li:last-child {width:10.4%; background-image:none; padding-right:0; margin-right:0}
ul.jc_ul li p.st_txt {font-size:18px; padding-bottom:10px;}
ul.jc_ul li p.jc_txt {font-size:13px; padding:10px 0; font-weight:700}
ul.jc_ul li i {font-size:40px;}
ul.jc_ul li div {margin-left:-5% !important;}

.ht100 {height:100px !important}
.ht130 {height:130px !important}
.ht140 {height:140px !important}
.ht150 {height:150px !important}
.ht160 {height:160px !important}
.ht170 {height:170px !important}
.ht180 {height:180px !important}
.ht200 {height:200px !important}
.ht210 {height:210px !important}
.ht220 {height:220px !important}
.ht230 {height:230px !important}
.ht240 {height:240px !important}
.ht250 {height:250px !important}
.ht280 {height:280px !important}
.lh120p {line-height:120px !important;}
.lh160p {line-height:160px !important;}
.lh180p {line-height:180px !important;}
.lh210p {line-height:210px !important;}
.lh220p {line-height:220px !important;}
.lh230p {line-height:230px !important;}
.lh240p {line-height:240px !important;}
.lh250p {line-height:250px !important;}
.lh280p {line-height:280px !important;}


.dy_box {background: #f4f8f8;border-top: 1px dashed #ccc; padding: 17px 10px;border-bottom: 1px solid #ccc; margin-bottom: 30px;}

/*재단소개*/
.sg_fl {float:left;}
.map_icon {margin-right:60px;}

/*재단목표*/
.sg_tlimg {position:relative; width:100; height:340px; overflow:hidden}
.sg_tlt {position:relative; float:left; width:302px; height:100%; background:#3f61b2; color:#fff; font-size:14px; padding:60px 25px 0; box-sizing: border-box;}
.sg_tlt span {display:block;}

.sg_tltbox {font-size:16px; border-bottom:1px solid #fff; padding-bottom:15px; margin-bottom:15px;}
.sg_tltbox p {font-size:25px; font-weight:700; padding-top:7px;}
.sg_img {float:left;}

/*찾아오시는 길*/
.map_box {position:relative; width:100%; border-top:3px solid #3f61b2; border-bottom: 1px dashed #ccc; padding-bottom:20px; padding-left:30px; margin-top:-5px;}
.map_box iframe {width:100%; height:450px !important;}

/*사업소개*/
#bo_v_con {vertical-align:middle; line-height:1.5em !important; font-family:"Noto Sans KR", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;}
#bo_v_con span, #bo_v_con img{vertical-align:middle;}

.mob{display:block}
.pc{display:none}

/*영상 반응형*/
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:90%; }

/*회색배경 타이틀*/
.gb_box {position:relative; background:#f8f8f8; padding:40px 20px; font-size:20px; font-family:"Nanum Gothic", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; font-weight:600}
.gb_box:before {content:""; display:block; position:absolute; top:30px; left:13%; width:40px; height:34px; background:url(/share/img/contents/ngp01.png) no-repeat 0 0}
.gb_box:after {content:""; display:block; position:absolute; bottom:30px; right:13%; width:40px; height:34px; background:url(/share/img/contents/ngp02.png) no-repeat 0 0}
.gb_box p {font-size:30px; line-height:1.4em}
.gb_box .mg_t16 { margin-top: 20px;}
.gb_box .mg_t17 {margin-bottom:30px;}
.gb_box .mg_t17 > li {line-height: 30px;}

/*고액후원*/
.sub03_4 .s_cont img {width:49%; margin:0 1% 2% 0}
.sub03_4 .s_cont .__se_tbl {display:inline-block; margin-right:15px;}
.sub03_4 .s_cont .__se_tbl td {width:5px; height:36px;}
.sub03_4 .s_cont .__se_tbl td p {display:none}