@charset "utf-8";

/*** Sub Common ***/
.page_cont {padding-bottom: 150px}
.fz_40 {font-size: 40px;}
.fz_50 {font-size: 50px; line-height: 1.2; font-weight: 500;}
.fz_32 {position: relative; padding-left: 15px;font-size: 32px; padding-bottom: 25px; }
.fz_32:before {content: ''; display: block; width: 4px; height: 30px; background:url(../images/sub/line.gif) no-repeat left top; position: absolute; left: 0; top: 4px;}
.fz_32 > span {font-size: 23px; display: inline-block; padding-left: 5px}
.fz_18 {font-size: 18px; line-height: 1.55; margin-top: -5px;}
.txt_b span {font-size: 18px; display: block; padding-bottom: 10px;}
.txt_b p {position: relative; padding-left: 107px; font-size: 18px;line-height: 1.55; padding-top: 37px}
.txt_b p:before {content: ''; display: block; width: 78px; height: 78px; position: absolute; left: 0; top: 25px;}
.top_con {position: relative; padding: 80px 0 110px}
.top_con:after {content: ''; display: block; width: 532px; height: 431px;  position: absolute; right: 0;top: 0; box-shadow: 3px 3px 20px rgba(0,0,0,0.2); border-top-right-radius: 45%;}
.top_con .txt_b span {color: #a0a0a0;}
.c_f {color: #fff;}
.c_60 {color: #606060;}


/* 테이블1 */
.table {position: relative; display:table; width:100%; border-collapse:collapse;} 
.table .div_tr {display:table-row; border-bottom: 1px dotted #000000;}
.table .div_tr .div_th p {line-height: 1; position: relative; top: 10px;}
.table .div_tr:nth-child(1) .div_th {position: relative;}
.table .div_tr:nth-child(1) .div_th:after {content: ''; display: block; width: 100%; height: 3px; background: #007aec; position: absolute; top: -3px; left: 0;}
.table .div_td {display:table-cell; }

/* 테이블2 */
table {position: relative; width:100%; border-collapse:collapse; table-layout: auto; margin-top: 45px;}
table:before {content: ''; display: block; width: 100%; height: 1px; background: #2c2c2c; position: absolute; top: 0; left: 0;}
table tr.top_tr th {border-bottom: 1px solid #dbdbdb; background: url(../images/sub/dotted.gif) repeat-y right top;}
table tr th {text-align: center; border-bottom: 1px solid #dbdbdb; padding: 28px 0; background: url(../images/sub/dotted.gif) repeat-y right top;border-bottom: 1px dotted #000; font-weight: 400;}
table tr th:last-child {background: none;}
table tr th.gray {text-align: center; background:#f1f1f1 url(../images/sub/dotted.gif) repeat-y right top; border-bottom: 1px dotted #000;}
table tr td { border-bottom: 1px dotted #000; padding: 13px 0;}
table .bor_no {border-bottom: 1px solid #dbdbdb !important;}
table tr.bor_no td {border-bottom: 1px solid #dbdbdb;}
table tr td p {text-align: left; color: #606060; padding-left: 25px;}



/** Sub Visu **/
.sub_visu {text-align:center; margin-top: 122px; padding: 156px 0;}
.sub_visu.sv01 {background:url(../images/sub/sub_visu_01.jpg) no-repeat center top;}
.sub_visu.sv02 {background:url(../images/sub/sub_visu_02.jpg) no-repeat center top;}
.sub_visu.sv03 {background:url(../images/sub/sub_visu_03.jpg) no-repeat center top;}
.sub_visu.sv04 {background:url(../images/sub/sub_visu_04.jpg) no-repeat center top;}
.sub_visu.sv05 {background:url(../images/sub/sub_visu_05.jpg) no-repeat center top;}
.sub_visu.sv06 {background:url(../images/sub/sub_visu_06.jpg) no-repeat center top;}
.sub_visu .sub_title {font-size:60px;font-weight:700;color:#fff; letter-spacing: -0.01em; padding-bottom: 15px;}
.sub_visu .sub_tit_add {display:block; font-size:18px;font-weight:300; color:rgba(255,255,255,0.8);}


/** Lnb **/
.lnb_sec {width: 100%; margin: 0 auto;}
.lnb_sec .lnb_ul {display:table; table-layout: fixed; width: 1320px; margin:0 auto 90px; }
.lnb_sec .lnb_ul > li {position:relative; display:table-cell; width:100%; transition:0.3s; background-color:#fff; border-bottom: 1px solid #dbdbdb;}
.lnb_sec .lnb_ul > li:last-child:after {display: none;}
.lnb_sec .lnb_ul > li:after {content: ''; display: block; width: 1px; height:15px; background: #dbdbdb; position: absolute; top: 42px; right: 0;}
.lnb_sec .lnb_ul > li:first-child {border-left: 1px solid rgba(255,255,255,0.3);}
.lnb_sec .lnb_ul > li.current {background-color: #fff;}
.lnb_sec .lnb_ul > li > a {position: relative;padding:38px 0; font-size:18px; color:#253131; transition:0.3s; text-align: center;}
.lnb_sec .lnb_ul > li.current > a{color: #007aec;} 
.lnb_sec .lnb_ul > li.current {border-bottom: 1px solid #007aec ;}

/*** BOARD ***/
.bd_sec {width:100%;max-width:1300px;margin:0 auto 100px;}
.bd_sec .bo_fx {display:none;}
.bd_sec .cate_tabs {display:table;width:100%;margin-bottom:30px;table-layout:fixed;}
.bd_sec .cate_tabs > li {display:table-cell;border-left:solid 2px #fff;vertical-align:middle;box-sizing:border-box;}
.bd_sec .cate_tabs > li:first-child {border:none;}
.bd_sec .cate_tabs > li > a {padding:15px 10px;background:#f3f3f3;font-weight:400;color:#333;text-align:center;box-sizing:border-box;transition:all 0.4s;}
.bd_sec .cate_tabs > li > a#bo_cate_on, .bd_sec .cate_tabs > li > a:hover, .bd_sec .cate_tabs > li > a:focus {background:#5ca9dd;color:#fff;}

#bo_v_img {margin:10px 0;text-align:center;}
#bo_v_img > a {display:inline-block;vertical-align:top;}
#bo_v_img img {width:auto !important;}

/***************/


/*s1*/
/**s1_1**/
.s1_1 .arti01 {position:relative; padding: 45px 0 20px;  margin-bottom: 100px;}
.s1_1 .arti01  img {position: absolute; right: 0; top:0; margin-bottom: 30px;	}
.s1_1 .arti01 .txt_b {position: relative;}
.s1_1 .arti01 .txt_b span {font-size: 18px; color: #007aec; font-weight: 500; letter-spacing: -0.01em;}
.s1_1 .arti01 .txt_b h3 { padding:0 0 30px; letter-spacing: -0.01em; line-height: 1.6;}
.s1_1 .arti01 .txt_b p {font-size: 16px; color: #606060; line-height: 1.625; padding-bottom: 27px; padding-left: 0; padding-top: 0;}
.s1_1 .arti02 {background: #f1f1f1; padding: 95px 0 130px;}
.s1_1 .arti02 h4 {position: relative; font-size: 32px; padding-left: 16px; padding-bottom: 25px; font-weight: 500; }
.s1_1 .arti02 h4:before {content: ''; display: block; width: 4px; height: 30px; background: url(../images/sub/line.gif) no-repeat left center; position: absolute; left: 0; top: 5px }
.s1_1 .arti02 ul {font-size: 0; text-align: left;}
.s1_1 .arti02 ul li {display: inline-block; width:315px; margin-right: 20px; margin-bottom: 20px; }
.s1_1 .arti02 ul li:nth-child(4n) {margin-right: 0;}
.s1_1 .arti02 ul li .imb_b {border-top-left-radius: 10px;  border-top-right-radius: 10px; overflow: hidden;}
.s1_1 .arti02 ul li p {font-size: 16px; text-align: center; color: #fff; padding: 24px 0; margin-top: 3px; border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px;}
.s1_1 .arti02 ul li p.blue {background: #003d76;}
.s1_1 .arti02 ul li p.green{background: #00937f;}

/**s1_2**/
.s1_2 .arti01 {margin-bottom: 99px;}
.s1_2 .arti01 .lef_txt {background:url(../images/sub/s1_2_bg1.png) no-repeat left top; padding: 240px 0 78px; text-align: center; width: 560px; float: left;}
.s1_2 .arti01 .lef_txt h3 {font-size: 50px; color: #fff; line-height: 1.1; font-weight: 800; padding-bottom: 148px; }
.s1_2 .arti01 .lef_txt p > span {font-size: 18px;color: #fff;padding-right: 16px;}
.s1_2 .arti01 .rig_txt {width:662px; padding-top: 40px; float: right;}
.s1_2 .arti01 .rig_txt h3 {padding-bottom: 30px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.4;}
.s1_2 .arti01 .rig_txt p {position: relative; padding-left: 20px; padding-bottom: 23px; color: #606060; line-height: 1.625;}
.s1_2 .arti01 .rig_txt p.sc_no:before {display:none;}
.s1_2 .arti01 .rig_txt p:before {content: ''; display: block; width: 7px; height: 7px; background: rgba(127,127,127,0.2); position: absolute; left: 0; top: 10px; border-radius: 50%;}
.s1_2 .arti02 {background:url(../images/sub/s1_2_bg2.jpg) no-repeat center top; padding: 90px 0 150px; text-align: center;}
.s1_2 .arti02 h3 {position: relative; font-size: 50px; padding-bottom: 60px; font-weight: 800; letter-spacing: -0.01em;}
.s1_2 .arti02 h3:after {content: ''; display: block; width: 1px; height: 35px; background: #2c2c2c; position: absolute; left: 50%; bottom: 0;}
.s1_2 .arti02 ul li {position: relative; width: 33.33%; height: 520px; box-sizing: border-box; float: left; background: #fff; padding: 80px 0 80px 20px; box-shadow: 3px 3px 30px rgba(0,0,0,0.1);}
.s1_2 .arti02 ul li:after {font-family: 'Montserrat'; font-size: 30px; color:#f1f1f1; transform: rotate(90deg); position: absolute; right: 30px; top: 60px; font-weight: 700; }
.s1_2 .arti02 ul li:nth-child(1):after {content: '01';}
.s1_2 .arti02 ul li:nth-child(2):after {content: '02';}
.s1_2 .arti02 ul li:nth-child(3):after {content: '03';}
.s1_2 .arti02 ul li dl dt {font-size: 32px; padding: 30px 0 20px; font-weight: 500;}
.s1_2 .arti02 ul li dl dd > p {position: relative; padding-left: 20px; color: #606060; line-height: 1.625; text-align: left;}
.s1_2 .arti02 ul li dl dd > p:before {content: ''; display: block; width: 7px; height: 7px; background: rgba(127,127,127,0.2); position: absolute; left: 0; top: 10px; border-radius: 50%;}

/**s1_3**/
.s1_3 .arti01 .fz_50 {padding-bottom: 5px;}
.s1_3 .arti01 dl {float: left;width: 440px; height: 160px; border-bottom: 1px solid #dbdbdb; padding: 30px 0 0; box-sizing: border-box;}
.s1_3 .arti01 dl:nth-child(n+5) {border: 0;}
.s1_3 .arti01 dl dt {display: inline-block; vertical-align: top; width: 85px; height: 85px;}
.s1_3 .arti01 dl dd {display: inline-block; vertical-align: top; padding-left: 20px; padding-top: 5px;}
.s1_3 .arti01 dl dd h4 {font-size: 28px; padding-bottom: 15px;}
.s1_3 .arti01 dl dd p {color: #606060;}
.s1_3 .arti02 {margin-top: 45px}
.s1_3 .arti02 h3 {padding-bottom: 35px;}
.s1_3 .table:after {content: ''; display: block; width:100%; height: 1px; background: #dbdbdb; position: absolute; left:0; top:0;}
.s1_3 .table .div_tr:last-child {border-bottom: 1px solid #2c2c2c;}
.s1_3 .table .div_th {font-family: 'Montserrat'; letter-spacing: -0.01em; display:table-cell; font-size: 32px; width:20.8%;  padding:23px 0 45px 60px; background: #f1f1f1; font-weight: 700; color:#007aec}
.s1_3 .table .div_td {display:table-cell;   text-align: left; padding: 33px 0 35px 60px}

.s1_3 .table .div_td p {position: relative; padding-left: 10px; color:#606060;}
.s1_3 .table .div_td p:before {content: ''; display: block; width: 3px; height: 3px; background: #007aec; position: absolute; left: 0; top: 12px;}
.s1_3 .table .div_td p.text_in:before {display: none;}

/**s1_4**/
.s1_4 .arti01 {text-align: center;}
.s1_4 .arti01 img {padding: 52px 0 78px;}
.s1_4 .arti01 .txt_b span {color: #007aec; font-weight: 500;}
.s1_4 .arti02 dl {float: left; width: 50%; text-align: center; padding: 75px 0 72px;;}
.s1_4 .arti02 dl dt {font-size: 32px; padding-bottom: 15px;}
.s1_4 .arti02 dl dd p {font-size: 16px;}
.s1_4 .arti02 dl.dl_left {background: url(../images/sub/s1_4_bg1.jpg) no-repeat center top;}
.s1_4 .arti02 dl.dl_left dt {color: #fff;}
.s1_4 .arti02 dl.dl_left dd p {color: #fff;}
.s1_4 .arti02 dl.dl_rig {background: url(../images/sub/s1_4_bg2.jpg) no-repeat center top;}
.s1_4 .arti02 dl.dl_rig dt  {color: #303030;}
.s1_4 .arti02 dl.dl_rig dd p  {color: #606060;}
.s1_4 .arti03 {background: url(../images/sub/s1_4_bg3.jpg) no-repeat center top; margin: 0 auto; text-align: center; padding-bottom: 146px;}
.s1_4 .arti03 img {margin:80px 0 15px;}
.s1_4 .arti03 h4 {font-size: 32px; color: #003d76; font-weight: 500;}
.s1_4 .arti03 dl {padding-top: 200px;}
.s1_4 .arti03 dt {font-size: 50px; color: #fff; padding-bottom: 28px;}
.s1_4 .arti03 dd {font-size: 18px; color: #fff; line-height: 1.55;}


/*s2*/
/**s2_1**/
.s2_1 .arti01 {position: relative; padding: 80px 0 110px}
.s2_1 .arti01:after { background: url(../images/sub/s2_1_img1.png) no-repeat center top; }
.s2_1 .arti01 .txt_b span {color: #a0a0a0;}
.s2_1 .arti01 p:before {background: url(../images/sub/s2_1_icon1.png) no-repeat center top;}
.s2_1 .arti02 {background: #f1f1f1; padding: 100px 0;}
.s2_1 .arti02 ul {padding-top: 120px;}
.s2_1 .arti02 ul li {position: relative; float: left; background: #fff; width: 315px; height: 435px; padding: 0 40px; box-sizing: border-box; margin-right: 1.5%;}
.s2_1 .arti02 ul li:last-child {margin-right: 0;}
.s2_1 .arti02 ul li:before {content: ''; display: block; width: 7px; height: 7px; background:  url(../images/sub/s2_1_icon3.png) no-repeat center top; position: absolute; left: -3px; top: -3px;}
.s2_1 .arti02 ul li:after {content: ''; display: block; width: 7px; height: 7px; background:  url(../images/sub/s2_1_icon3.png) no-repeat center top; position: absolute; right: -3px; top: -3px;}
.s2_1 .arti02 h3 {position: absolute; left: 50%; transform: translate(-50%); top: -120px; font-size: 28px; width: 241px; height: 241px; line-height: 241px; background: url(../images/sub/s2_1_icon2.png) no-repeat center; text-align: center; box-shadow: 3px 3px 20px rgba(0,0,0,0.1); border-radius: 50%;  z-index: 1;}
.s2_1 .arti02 ul li dl {position: relative; padding: 95px 0 70px}
.s2_1 .arti02 ul li dl:before {content: '';font-family: 'Montserrat';  display: block; font-size: 50px; color: #f1f1f1;  text-align: center; font-weight: 700;}
.s2_1 .arti02 ul li:nth-child(1) dl:before {content: '01';}
.s2_1 .arti02 ul li:nth-child(2) dl:before {content: '02';}
.s2_1 .arti02 ul li:nth-child(3) dl:before {content: '03';}
.s2_1 .arti02 ul li:nth-child(4) dl:before {content: '04';}
.s2_1 .arti02 ul li dl dt { text-align: left; line-height: 1.625; height: 115px; border-bottom: 1px solid #dbdbdb;}
.s2_1 .arti02 ul li dl dd {padding-top: 18px; padding-left: 10px;}
.s2_1 .arti02 ul li dl dd p {  color: #606060; text-align: left; text-indent: -9px;}
.s2_1 .arti03 h4 {margin: 75px 0 0}
.s2_1 .arti03 .table {position: relative; }
.s2_1 .arti03 .table .div_tr {height: 290px;}
.s2_1 .arti03 .table .div_td {vertical-align: middle;}
.s2_1 .arti03 .table:before {content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top:0;}
.s2_1 .arti03 .div_tr:last-child {border-bottom: 1px solid #dbdbdb;}
.s2_1 .arti03 .div_td {width: 50%; padding-left: 40px; border-right: 1px solid #dbdbdb; box-sizing: border-box;}
.s2_1 .arti03 .div_td:last-child {border-right: 0;}
.s2_1 .arti03 .div_td dt {font-size: 23px; padding-bottom: 15px; font-weight: 500;}
.s2_1 .arti03 .div_td dd p {color: #606060;}
.s2_1 .arti03 .div_td dd p.t_in {text-indent: -77px; padding-left: 77px;}
.s2_1 .arti03  ul li {color: #606060; line-height:1.625; text-indent: 7px}

/**s2_2**/
.s2_2 .arti01:after { background: url(../images/sub/s2_2_img1.png) no-repeat center top;}
.s2_2 .arti01 p:before {background: url(../images/sub/s2_2_icon1.png) no-repeat center top;}
.s2_2 .arti02 {padding: 100px 0;  background: #f1f1f1;}
.s2_2 .arti02 ul li {width: 50%; height: 333px; float: left; text-align: right; padding: 100px 0; box-sizing: border-box; padding-right: 80px;}
.s2_2 .arti02 ul li:first-child {background: url(../images/sub/s2_2_bg1.jpg) no-repeat center top;}
.s2_2 .arti02 ul li:last-child {background: url(../images/sub/s2_2_bg2.jpg) no-repeat center top;}
.s2_2 .arti02 ul li span {font-size: 23px; color: #00937f; display: inline-block; width: 194px; height: 65px; line-height: 65px; box-sizing: border-box; background: #fff;  border-radius: 30px; text-align: center; margin-bottom: 25px;;}
.s2_2 .arti02 ul li p {font-size: 18px; color: #fff;}
.s2_2 .arti02 .dl_g {position: relative; padding-top: 80px; text-align: center; font-size: 0;}
.s2_2 .arti02 .dl_g:after {content: ''; display: block; width:388px; height: 290px; background: url(../images/sub/s2_2_arw.png) no-repeat center top; position: absolute; left: 50%; top: 150px; transform: translate(-50%);}
.s2_2 .arti02 dl {position: relative; padding-left: 150px; display: inline-block; vertical-align: top; text-align: left; padding-right: 90px; }
.s2_2 .arti02 dl.dl_3 {padding-right: 0;}
.s2_2 .arti02 dl:before {content: ''; display: block; width:120px; height: 120px;background: url(../images/sub/s2_2_icon2.png) no-repeat center top; position: absolute; left: 0; top: 0;}
.s2_2 .arti02 dl.dl_1:before {background: url(../images/sub/s2_2_icon2.png) no-repeat center top;}
.s2_2 .arti02 dl.dl_2:before {background: url(../images/sub/s2_2_icon3.png) no-repeat center top;}
.s2_2 .arti02 dl.dl_3:before {background: url(../images/sub/s2_2_icon4.png) no-repeat center top;}
.s2_2 .arti02 dl dt {font-size: 23px; padding-bottom: 8px; }
.s2_2 .arti02 dl dt > span {font-family:'Montserrat'; font-size: 50px; font-weight: 700; padding-right: 10px; }
.s2_2 .arti02 dl.dl_1 dt > span {color: #2b95f9;}
.s2_2 .arti02 dl.dl_2 dt > span {color: #ec9600;}
.s2_2 .arti02 dl.dl_3 dt > span {color: #2c2c2c;}
.s2_2 .arti02 dl dd {font-size: 16px; color: #606060; line-height: 1.625;}
.s2_2 .arti02 .radius_bt {position: relative; width: 705px; height: 93px; line-height: 93px; font-size: 32px; text-align: center; background: url(../images/sub/s2_2_bg3.png) no-repeat center top; margin: 162px auto 0; z-index: 1; }
.s2_2 .arti03 {padding: 80px 0;}

/**s2_3**/
.s2_3 .arti01:after { background: url(../images/sub/s2_3_img1.png) no-repeat center top;}
.s2_3 .arti01 p:before {background: url(../images/sub/s2_3_icon1.png) no-repeat center top;}
.s2_3 .arti02 {padding: 100px 0; background: url(../images/sub/s2_3_bg1.jpg) no-repeat center top;}
.s2_3 .arti02 ul {padding-bottom: 75px;}
.s2_3 .arti02 ul li {position: relative; float: left; width: 261px; height: 320px; background: #fff; border-top-left-radius: 15px; padding: 40px 0 70px 39px; box-sizing: border-box; margin-right: 3px;}
.s2_3 .arti02 ul li:before {content: ''; display: block; width:  47px; height: 1px; background: #2c2c2c; position: absolute; left:40px; bottom: 70px; z-index: 1}
.s2_3 .arti02 ul li:after {content: ''; display: block; width: 180px; height: 1px; background: #dbdbdb; position: absolute; left: 40px; bottom: 70px;}
.s2_3 .arti02 ul li:last-child {margin-right: 0;}
.s2_3 .arti02 ul li span {font-size: 50px; display: inline-block; color: #f1f1f1; font-weight: 700; padding-bottom: 5px;}
.s2_3 .arti02 ul li p {color: #606060; line-height: 1.625;}
.s2_3 .arti02 ul li.widt {width: 525px;}
.s2_3 .arti02 ul li.widt:after {width: 445px;}
.s2_3 .arti03 {margin-top: 75px;}
.s2_3 .arti03 table {margin-top: 0;}
.s2_3 .arti03 table tr td:nth-last-child(2) {text-align: left; padding-left: 25px; background: url(../images/sub/dotted.gif) repeat-y right top;}
.s2_3 .arti04 {margin-top: 75px;}
.s2_3 .arti04 ul li {width: 50%; height: 333px; float: left; text-align: left; padding: 100px 0; box-sizing: border-box; padding-left: 80px;}
.s2_3 .arti04 ul li:last-child {background: url(../images/sub/s2_3_img2.jpg) no-repeat center top;}
.s2_3 .arti04 ul li:first-child {background: url(../images/sub/s2_3_bg2.jpg) no-repeat center top;}
.s2_3 .arti04 ul li span {font-size: 23px; color: #fff; display: inline-block; width: 194px; height: 65px; line-height: 65px; box-sizing: border-box; background: #007aec;  border-radius: 30px; text-align: center; margin-bottom: 18px;}
.s2_3 .arti04 ul li p {font-size: 18px; color: #fff;}

/**s2_4**/
.s2_4 .arti01 .txt_b p {padding-top: 23px;}
.s2_4 .arti01:after { background: url(../images/sub/s2_4_img1.png) no-repeat center top;}
.s2_4 .arti01 p:before {background: url(../images/sub/s2_4_icon1.png) no-repeat center top;}
.s2_4 .arti02 {background: #f1f1f1; padding: 95px 0 150px;}
.s2_4 .arti02 table {margin-top: 0;}