.sub_visual {width:100%;}
.sub1_visual {background-color:#818ba1;background-repeat:no-repeat;background-position:0 0;}
.sub2_visual {background-color:#efefef;background-repeat:no-repeat;background-position:0 0;}
.sub3_visual {background-color:#efefef;background-repeat:no-repeat;background-position:0 0;}
.sub4_visual {background-color:#f4f9ec;background-repeat:no-repeat;background-position:0 0;}
.sub5_visual {background-color:#8fced3;background-repeat:no-repeat;background-position:0 0;}

.sub_vis {position:relative;width:100%;height:100%;}
.sub_vis > p {font-size:1.5rem;font-weight:400;padding:1px;}
.sub_vis > p > span {font-weight:700;}
.sub1_vis > p {position:absolute;top:50%;right:5%;transform:translateY(-50%);color:#fff;}
.sub1_vis > p > span {color:#fff;}
.sub3_vis > p {position:absolute;top:15%;right:15%;color:#fff;}
.sub3_vis > p > span {color:#fff;}
.sub4_vis > p {position:absolute;top:50%;right:20%;transform:translateY(-50%);color:#000;}
.sub4_vis > p > span {color:#000;}
.sub5_vis > p {position:absolute;top:50%;right:20%;transform:translateY(-50%);color:#fff;}
.sub5_vis > p > span {color:#fff;}

.sub_menu {width:100%;height:60px;font-size:0;text-align:center;}
.sub_menu > li {display:inline-block;zoom:1;*display:inline;font-size:1rem;}
.sub_menu > li > a {display:block;width:100%;height:100%;line-height:60px;text-decoration:none;color:#000;background:url(/img/_gbn_sub_menu.jpg) no-repeat 0 50%;border-bottom:1px solid #ccc;}
.sub_menu > li:first-child > a {background:none;}
.sub_menu > li > a:hover {color:#dc495a;}
.sub_menu > li > a.over {color:#dc495a;font-weight:400;border-bottom:2px solid;#dc495a}
.sub1_menu > li {width:calc(100%/5);}
.sub2_menu > li {width:calc(100%/5);}
.sub3_menu > li {width:calc(100%/3);}
.sub4_menu > li {width:calc(100%/3);}
.sub5_menu > li {width:calc(100%/3);}

.sub_title {width:100%;text-align:center;}
.sub_title > li {display:inline-block;zoom:1;*display:inline;margin:45px 0;padding:0 60px;border-bottom:1px solid #ccc;}
.sub_title > li > p.eng {color:#606060;}
.sub_title > li > p.kor {padding:0 10px 10px 10px;font-size:1.6rem;font-weight:400;border-bottom:1px solid #8e8e8e;}

#page_body {margin:50px auto 100px auto;padding:0 15px;width:100%;max-width:1500px;}
#page_body:after {clear: both;content: "";display: block;height: 0; visibility: hidden;}

.sub1_p1 > .left {float:left;margin-right:50px;max-width:40%;}
.sub1_p1 > div {text-align:justify;}
.sub1_p1 > div > .img {margin-bottom:20px;}

.sub1_p2 > ul {width:100%;font-size:0;}
.sub1_p2 > ul > li {margin:0 0 90px 0;display:inline-block;zoom:1;*display:inline;font-size:1rem;}
.sub1_p2 > ul > li > p.tit {margin:0 0 10px 0;width:100%;text-align:center;font-weight:400;}
.sub1_p2 > ul > li > p.img {margin:0 auto;max-width:90%;text-align:center;}
.sub1_p2 > ul > li > p > img {width:406px;max-width:100%;}

.sub1_p3 > .comm {border-bottom:1px solid #ccc;}
.sub1_p3 > .comm:after {clear: both;content: "";display: block;height: 0; visibility: hidden;}
.sub1_p3 > .comm:first-child {border-top:2px solid #e2211c;}
.sub1_p3 > .comm > .year {color:#e2211c;font-size:1.8rem;font-weight:400;}
.sub1_p3 > .comm > .cont > ul {width:100%;}
.sub1_p3 > .comm > .cont > ul > li {margin-bottom:15px;position:relative;}
.sub1_p3 > .comm > .cont > ul > li:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.sub1_p3 > .comm > .cont > ul > li:last-child {margin-bottom:0;}
.sub1_p3 > .comm > .cont > ul > li > .month {float:left;width:10%;font-weight:400;}
.sub1_p3 > .comm > .cont > ul > li > .month:before {content:"";position:absolute;left:-20px;margin-top:5px;width:15px;height:15px;box-sizing:border-box;border-radius:15px;border:5px solid #e2211c;background:#fff;}
.sub1_p3 > .comm > .cont > ul > li > .his {float:left;width:90%;}

.sub1_p4 > ul {width:100%;font-size:0;}
.sub1_p4 > ul > li {margin:0 0 60px 0;display:inline-block;zoom:1;*display:inline;}
.sub1_p4 > ul > li > div {margin:0 auto;padding:5% 0;width:85%;text-align:center;border:1px solid #ccc;border-bottom:4px solid #ccc;border-radius:15px;}
.sub1_p4 > ul > li > div > img {max-width:70%;}

.sub2_p1 > .img {margin-bottom:25px;}
.sub2_p1 > .comm {margin-bottom:150px;}
.sub2_p1 > .comm:after {clear: both;content: "";display: block;height: 0; visibility: hidden;}
.sub2_p1 > .comm:last-child {margin-bottom:0;}
.sub2_p1 > .comm > .tit {float:left;width:25%;color:#0c5e5c;;font-weight:400;}
.sub2_p1 > .comm > .tit > span {padding-top:3px;border-top:2px solid #0c5e5c;color:#0c5e5c;font-weight:400;}
.sub2_p1 > .comm > .cont {float:left;width:75%;}
.sub2_p1 > .comm > .cont > ul {margin-left:20px;}
.sub2_p1 > .comm > .cont > ul > li:before {content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#e2211c;margin-right:5px;}
.sub2_p1 > .ready {text-align:center;font-weight:400;color:#dc495a;}

.sub3_p1 > .comm {margin-bottom:150px;}
.sub3_p1 > .comm:after {clear: both;content: "";display: block;height: 0; visibility: hidden;}
.sub3_p1 > .comm:last-child {margin-bottom:0;}
.sub3_p1 > .comm > .tit {float:left;width:25%;color:#0c5e5c;;font-weight:400;}
.sub3_p1 > .comm > .tit > span {padding-top:3px;border-top:2px solid #0c5e5c;color:#0c5e5c;font-weight:400;}
.sub3_p1 > .comm > .cont {float:left;width:75%;}
.sub3_p1 > .comm > .cont img {max-width:100%;}
.sub3_p1 > .comm > .cont .img {text-align:center;}
.sub3_p1 > .comm > .cont .img_t {margin-top:50px;}
.sub3_p1 > .comm > .cont .bol {padding-left:30px;text-indent:-20px;}
.sub3_p1 > .comm > .cont > ul {margin-bottom:10px;}
.sub3_p1 > .comm > .cont > ul:last-child {margin-bottom:0;}
.sub3_p1 > .comm > .cont > ul > li.s1 {padding-left:25px;text-indent:-10px;}
.sub3_p1 > .comm > .cont .pc {visibility: visible;display:inline;}
.sub3_p1 > .comm > .cont .mo {visibility: hidden;display:none;}

table.sub3 {width:100%;}
table.sub3 caption {width:100%;text-align:right;font-weight:300;}
table.sub3 > thead > tr {border-bottom:1px solid #fff;}
table.sub3 > tbody > tr {border-bottom:1px solid #ccc;}
table.sub3 th, table.sub3 td {padding:8px 5px;}
table.sub3 th {font-weight:400;}
table.sub3 > thead th {background:#4973ba;color:#fff;border-right:1px solid #fff;}
table.sub3 > thead th:last-child {border-right:none;}
table.sub3 > tbody th {background:#88abda;color:#fff;}

.sub5_p1 > .comm {margin-bottom:80px;text-align:center;font-weight:300;}
.sub5_p1 > .cn {width:100%;background:#88abda;border-radius: 10px;display:table;}
.sub5_p1 > .cn > p {display:table-cell;vertical-align:middle;padding:20px 0;width:50%;font-size:1.4rem;font-weight:400;text-align:center;color:#fff;}
.sub5_p1 > .cn > p > a {color:#fff;text-decoration:none;font-weight:inherit;}

@media screen and (min-width: 1131px) { /* */
	.sub5_p1 > .cn > p > br {display:none !important;}
}

@media screen and (min-width: 951px) { /* */
	.sub_visual {height:230px;}
	.sub_vis {margin:0 auto;max-width:1500px;}

	.sub1_visual {background-image:url(/img/_bg_sub1_visual.jpg);}
	.sub2_visual {background-image:url(/img/_bg_sub2_visual.jpg);}
	.sub3_visual {background-image:url(/img/_bg_sub3_visual.jpg);}
	.sub4_visual {background-image:url(/img/_bg_sub4_visual.jpg);}
	.sub5_visual {background-image:url(/img/_bg_sub5_visual.jpg);}

	.sub1_p1 > .left {visibility: visible;display:inline;}

	.sub1_p2 > ul > li {width:calc(100% / 3);}

	.sub1_p4 > ul > li {width:calc(100% / 4);}

	.sub1_p3 > .comm {padding:55px 0 50px 0;}
	.sub1_p3 > .comm > .year {float:left;width:240px;max-width:20%;text-align:center;}
	.sub1_p3 > .comm > .cont {float:right;width:75%;}
}

@media screen and (max-width: 950px) { /* */
	.sub_visual {height:150px;}
	.sub_vis {margin:0;max-width:100%;}

	.sub1_visual {background-image:url(/img/_bg_sub1_visual_mo.jpg);}
	.sub2_visual {background-image:url(/img/_bg_sub2_visual_mo.jpg);}
	.sub3_visual {background-image:url(/img/_bg_sub3_visual_mo.jpg);}
	.sub4_visual {background-image:url(/img/_bg_sub4_visual_mo.jpg);}
	.sub5_visual {background-image:url(/img/_bg_sub5_visual_mo.jpg);}

	.sub1_p1 > .left {visibility: hidden;display:none;}

	.sub1_p2 > ul > li {width:calc(100% / 2);}

	.sub1_p4 > ul > li {width:calc(100% / 3);}

	.sub1_p3 > .comm {padding:35px 0 30px 0;}
	.sub1_p3 > .comm > .year {float:none;width:100%;margin-bottom:25px;}
	.sub1_p3 > .comm > .cont {float:none;width:100%;padding-left:50px;}

	.sub3_p1 > .comm {margin-bottom:150px;}
	.sub3_p1 > .comm > .tit {float:none;width:100%;margin-bottom:20px;}
	.sub3_p1 > .comm > .tit > span {padding-top:0;border-top:none;}
	.sub3_p1 > .comm > .tit > br {display:none !important;}
	.sub3_p1 > .comm > .cont {float:none;width:100%;padding-left:40px;}

	.sub2_p1 > .comm {margin-bottom:150px;}
	.sub2_p1 > .comm > .tit {float:none;width:100%;margin-bottom:20px;}
	.sub2_p1 > .comm > .tit > span {padding-top:0;border-top:none;}
	.sub2_p1 > .comm > .tit > br {display:none !important;}
	.sub2_p1 > .comm > .cont {float:none;width:100%;padding-left:40px;}
}

@media screen and (max-width: 768px) { /*  */
	.sub_visual {height:100px;}

	.sub1_visual {background-image:url(/img/_bg_sub1_visual_mo2.jpg);}
	.sub2_visual {background-image:url(/img/_bg_sub2_visual_mo2.jpg);}
	.sub3_visual {background-image:url(/img/_bg_sub3_visual_mo2.jpg);}
	.sub4_visual {background-image:url(/img/_bg_sub4_visual_mo2.jpg);}
	.sub5_visual {background-image:url(/img/_bg_sub5_visual_mo2.jpg);}
	.sub_vis > p {font-size:1.2rem;font-weight:400;}
	.sub_vis > p > span {font-weight:700;}

	.sub_menu {height:40px;}
	.sub_menu > li > a {line-height:40px;font-size:0.8rem;}

	.sub_title > li {margin:20px 0;padding:0 45px;}
	.sub_title > li > p.kor {font-size:1.4rem;}

	#page_body {margin:30px auto 60px auto;padding:0 5px;}
	#page_body img {max-width:90%;}

	.sub3_p1 > .comm > .cont .pc {visibility: hidden;display:none;}
	.sub3_p1 > .comm > .cont .mo {visibility: visible;display:inline;}

	.sub5_p1 > .cn > p {width:100%;display:block;}
}

@media screen and (max-width: 530px) { /*  */
	.sub_menu > li > a {font-size:0.7rem;}

	.sub1_p2 > ul > li {width:100%;}

	.sub1_p4 > ul > li {width:calc(100% / 2);}

	.sub1_p3 > .comm {padding:20px 0 15px 0;}
	.sub1_p3 > .comm > .year {font-size:1.5rem;margin-bottom:20px;}
	.sub1_p3 > .comm > .cont {padding-left:35px;}
	.sub1_p3 > .comm > .cont > ul > li > .month {width:20%;}
	.sub1_p3 > .comm > .cont > ul > li > .his {width:80%;}

	.sub3_p1 > .comm {margin-bottom:50px;}
	.sub3_p1 > .comm > .tit {margin-bottom:15px;font-size:1.1rem;}
	.sub3_p1 > .comm > .cont {padding-left:20px;}

	.sub2_p1 > .comm {margin-bottom:50px;}
	.sub2_p1 > .comm > .tit {margin-bottom:15px;font-size:1.1rem;}
	.sub2_p1 > .comm > .cont {padding-left:20px;}

	.sub5_p1 > .comm {text-align:left;}
	.sub5_p1 > .cn > p {padding:10px 0;font-size:1.2rem;}
}