/* 페이지 비주얼 */
.visual{width: 100%; display: inline-block;}
.visual .visual_box{ width: 100%; height: 500px; background: url(../images/sub_bg.jpg) center center no-repeat; border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-bottom: 30px; }
.visual .visual_box h2{color:#fff; font-size: 7.2rem; font-weight: 500;}
.visual .visual_box p{color:#fff; font-size: 2.1rem; margin-top: 10px;}

/* 2차메뉴 */
.sub_menu{width: 1000px;margin: 0 auto;position: relative;top: -40px;}
.sub_menu .menu_list{display: flex;align-items: center;background: #f2f2f2;border-radius: 80px;border: 6px solid #fff; overflow: hidden; margin-bottom: 80px;}
.sub_menu .menu_list li{padding: 25px 0px;width: 400px;text-align: center; position: relative;}
.sub_menu .menu_list li:nth-child(2)::before, .sub_menu .menu_list li:nth-child(2)::after{content: ""; display: inline-block; width: 1px; height: 20px; background: #fff; position: absolute;}
.sub_menu .menu_list li:nth-child(2)::before{left:0;}
.sub_menu .menu_list li:nth-child(2)::after{right: 0;}
.sub_menu .menu_list li a{font-size: 2.1rem; color:#888;}
.sub_menu .menu_list li.on{background-color:#00427c; font-weight: 700;}
.sub_menu .menu_list li.on a{color: #fff;}

/* 페이지 타이틀 영역 */
.title_wrap{width:100%;}
.title_wrap .sub_tit{display: block;color:#1087f5;font-size: 2.1rem;font-weight: 700;margin-bottom: 5px;}
.title_wrap h3{font-size: 6.8rem;color:#333;margin-left: -5px;display: inline-block;}

.breadcrumb_wrap{ float: right; }
.breadcrumb{display: flex;justify-content: space-between;position: relative;bottom: -40px;}
.breadcrumb li{ margin-left: 30px; position: relative;}
.breadcrumb li::before{ content: ">"; display: inline-block; position: absolute; left: -18px; top: 4px; }
.breadcrumb li:first-child:before{display: none;}
.breadcrumb li.home{background: url(../images/sp_layout.png) -687px -98px no-repeat; width: 20px; height: 20px; }
.breadcrumb li a{ font-size: 1.8rem; color: #222; }

/* 콘텐츠 내용 */
.content{width: 100%; display: inline-block; padding: 90px 0 120px; border-top:2px solid #004074; background: #f8f8f8; position: relative;}
.content .content_inner { display: flex; justify-content: center; }
.content .left{text-align: right; float: left; margin-right: 50px; width: 420px;}
.content .left div{margin-bottom: 75px;}
.content .left div h4{font-size: 3.6rem; font-weight: 700; color:#333;position: relative;}
.content .left div p{font-size:2.4rem; color:#333;}
.content .left div.on h4, .content .left div.on p{color:#1087f5;}
.content .left div.on h4::before { content: ""; display: inline-block; background: #1087f5; width: 10px; height: 10px; border-radius: 20px; position: absolute; top: -2px; right: -18px; }

.content .right{float: left; margin-left: 50px; width: 1280px;}
.content .right h4 { font-size: 2.8rem; background: #1087f5; color: #fff; border-radius: 20px 10px; display: inline-block; padding: 6px 14px 2px; font-weight: 700; float: left;}
.content .right ul{float: left; margin: 10px 50px 60px;}
.content .right ul li { position: relative; width: 100%; padding-left: 120px; margin-bottom: 25px; }
.content .right ul li span { position: absolute; left: 0; top: 3px; font-size: 1.8rem; color: #333; font-weight: 700;}
.content .right ul li p { font-size: 1.8rem; color: #333; display: block; width: 100%; line-height: 28px; letter-spacing: 0; position: relative;}
.content .right ul li p:before { content: "."; display: inline-block; position: absolute; left: -15px; top: -7px; }

.content::after { content: ""; display: inline-block; background: url(../images/hanyang_sub.png) no-repeat; width: 724px; height: 724px; position: absolute; bottom: 80px; left: -100px; }