@charset "utf-8";
#subpage { width: 100%; overflow: hidden; position: relative; padding-top: 0px; min-height: 800px; }
#subpage .contents { position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; overflow: hidden; min-height: 800px; }

#subpage .subtop { position: relative; }
#subpage .subtop > div { position: absolute; width: 1200px; height: 100%; left: 50%; top: 0; margin-left: -600px; display: flex; align-items: center; }
#subpage .subtop > div > p { font-size: 50px; letter-spacing: -1.5px; color: #fff; font-family: 'NanumSquare'; }


#subpage .contents #depth3 { position: absolute; width: 100%; overflow: hidden; top: 50px; left: 0; text-align: center; }
#subpage .contents #depth3 > ul { display: inline-block; }
#subpage .contents #depth3 > ul > li { float: left; border: 1px solid #fff; margin-left: -1px; line-height: 1; }
#subpage .contents #depth3 > ul > li:first-child { margin-left: 0; }
#subpage .contents #depth3 > ul > li > a { display: block; padding: 15px 30px; color: #fff; font-size: 14px; }
#subpage .contents #depth3 > ul > li.on > a { background: #fff; color: #f17297; }


#subpage .title { width: 100%; height: 274px; background: url('../img/sub/circle-bg.jpg') center no-repeat; text-align: center; font-size: 44px; font-weight: 600; letter-spacing: -1.32px; color: #181818; padding-top: 190px; box-sizing: border-box; }
#subpage .circle { background: url('../img/sub/circle.png') center bottom no-repeat; width: 100%; height: 230px; font-size: 36px; font-weight: 600; letter-spacing: -1.08px; color: #181818; text-align: center; padding-top: 117px; line-height: 1; box-sizing: border-box; }


#subpage.sub1-1 {}
#subpage.sub1-1 .contents { background: #f9f9f9; }
#subpage.sub1-1 .contents .inner-wrap > div { background: url('../img/sub/circle.png') center no-repeat; width: 100%; height: 250px; }


#subpage.sub1-2 .history { height: 2300px; background: url('../img/sub/12-bg.png') center no-repeat; position: relative; }
#subpage.sub1-2 .history .box { width: 330px; position: absolute; color: #181818; left: 50%; margin-left: 60px; }
#subpage.sub1-2 .history .box > p,
#subpage.sub1-2 .history .box > pre { width: 100%; }
#subpage.sub1-2 .history .box:nth-child(2n) { margin-left: -390px; text-align: right; }
#subpage.sub1-2 .history .box:nth-child(2n) > pre { text-align: right; }
#subpage.sub1-2 .history .box > p:nth-of-type(1) { font-size: 36px; font-weight: 600; letter-spacing: -1.08px; }
#subpage.sub1-2 .history .box > p:nth-of-type(2) { margin: 20px 0 10px; }
#subpage.sub1-2 .history .box > pre { font-size: 18px; letter-spacing: -0.54px; line-height: 34px; }

#subpage.sub1-2 .history .box1 { top: 155px; }
#subpage.sub1-2 .history .box2 { top: 497px; }
#subpage.sub1-2 .history .box3 { top: 839px; }
#subpage.sub1-2 .history .box4 { top: 1181px; }
#subpage.sub1-2 .history .box5 { top: 1523px; }
#subpage.sub1-2 .history .box6 { top: 1865px; }



#subpage.sub2-1 .contents .inner-wrap > ul {}
#subpage.sub2-1 .contents .inner-wrap > ul > li { display: flex; }
#subpage.sub2-1 .contents .inner-wrap > ul > li~li { margin-top: 60px; }
#subpage.sub2-1 .contents .inner-wrap > ul > li > div { width: 600px; color: #181818; display: flex; flex-direction: column; justify-content: center; }
#subpage.sub2-1 .contents .inner-wrap > ul > li > div > p { font-size: 36px; font-weight: 600; letter-spacing: -1.08px; line-height: 1; }
#subpage.sub2-1 .contents .inner-wrap > ul > li > div > pre { margin-top: 45px; font-size: 18px; letter-spacing: -0.54px; line-height: 1.7; }
#subpage.sub2-1 .contents .inner-wrap > ul > li:nth-child(2n) > div { order: 1; align-items: flex-end; text-align: right; }


#subpage.sub4-1 .bg-line { left: 0; top: 0; width: 100%; height: 26px; background: #fff; }
#subpage.sub4-1 .bg-line2 { left: 0; top: 0; width: 100%; height: 26px; background: #ffee51; }


#subpage.sub5-1 {}
#subpage.sub5-1 .form { width: 1200px; margin: 140px auto 180px; }
#subpage.sub5-1 .form > ul {}
#subpage.sub5-1 .form > ul > li { display: flex; }
#subpage.sub5-1 .form > ul > li~li { margin-top: 30px; }
#subpage.sub5-1 .form > ul > li > dl { display: flex; }
#subpage.sub5-1 .form > ul > li > dl > dt { width: 120px; height: 55px; background: #f2f2f2; border: 1px solid #cecece; box-sizing: border-box; font-size: 18px; color: #181818; letter-spacing: -0.54px; text-align: center; line-height: 53px; }
#subpage.sub5-1 .form > ul > li > dl > dd { width: calc(100% - 120px); border: 1px solid #cecece; border-left: 0; }
#subpage.sub5-1 .form > ul > li > dl > dd > input[type=text] { width: 100%; height: 100%; border: 0; padding: 0 20px; box-sizing: border-box; font-size: 18px; color: #181818; letter-spacing: -0.54px; }
#subpage.sub5-1 .form > ul > li > dl > dd.radio { display: flex; align-items: center; padding-left: 20px; box-sizing: border-box; }
#subpage.sub5-1 .form > ul > li > dl > dd.radio input[type=radio] { width: 20px; height: 20px; }
#subpage.sub5-1 .form > ul > li > dl > dd.radio label { margin-left: 10px; font-size: 18px; letter-spacing: -0.54px; color: #181818; }
#subpage.sub5-1 .form > ul > li > dl > dd.radio label+input { margin-left: 30px; }
#subpage.sub5-1 .form > ul > li > textarea { width: 100%; height: 400px; border: 1px solid #cecece; box-sizing: border-box; padding: 20px; font-size: 18px; letter-spacing: -0.54px; color: #181818; }
#subpage.sub5-1 .form > p { display: flex; margin-top: 20px; font-size: 14px; letter-spacing: -0.42px; color: #606060; }
#subpage.sub5-1 .form > p > input { width: 20px; height: 20px; }
#subpage.sub5-1 .form > p > label { margin-left: 10px; }
#subpage.sub5-1 .form > p > span { cursor: pointer; margin-left: 3px; }
#subpage.sub5-1 .form > input[type=submit] { display: block; margin: 80px auto 0; width: 641px; height: 60px; border-radius: 10px; background: #df2935; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.66px; border: 0; }




/* 게시판 커스텀 */
/* list */
.bo_notice td { background:#fff !important; border-bottom:1px solid #f8e6ee; }
#bo_list .td_name { text-align: center !important; }
#bo_list tbody .even td { background:#fff !important; }
#bo_list tbody tr:hover { border-left: 2px solid #fff !important; }

#bo_cate a {border:1px solid #D0A972 !important;color:#D0A972 !important; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { background:#D0A972 !important; color:#fff !important; }
#bo_cate #bo_cate_on {background:#D0A972 !important; border:1px solid #D0A972 !important; color: #fff !important;
-webkit-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
-moz-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
box-shadow:inset 0 0 0 rgb(33, 135, 202) !important}

/*view*/
#bo_v_share { display: none !important; }
.cmt_btn span.total { color: #D0A972 !important; }
.cmt_btn span.total:after { background: #D0A972 !important; }

/*paging*/
.pg_wrap { width: 100%; float: none; display: flex; justify-content: center; }
.pg_wrap .pg_current { background: #003da5; border: 0; }