/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.6; font-family: 'Noto Sans KR'; color:#555;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}

/* main */
#wrap { overflow:hidden; position:relative; width:100%; margin:0 auto; max-width:1920px; min-width: 1200px; word-break:keep-all;}
.inner{width: 1200px; margin: 0 auto; max-width: 100%; }

/* header */
#header { position:relative; z-index:1000; height:100px;}
#header .inner { display:flex; justify-content:flex-end; align-items:center; position:relative; height:100%;}
#header h1 { position:absolute; left:0; top:50%; transform:translateY(-50%);}
#header h1 a { display:block;}
#header .gnb { display:flex; height:100%;}
#header .gnb > li { position:relative;}
#header .gnb > li::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:0; height:3px; background:#283891; transition:all .3s;}
#header .gnb > li.on::after { width:30px;}
#header .gnb > li > a { display:flex; justify-content:center; align-items:center; padding:0 30px; height:100%; font-size:17px; color:#222;}
#header .gnb > li.on > a { color:#283891;}
#header .gnb .sub_menu { display:none; position:absolute; left:50%; top:100px; transform:translateX(-50%); padding:10px 0; width:160px; text-align:center; background:#f5f5f5; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15); border-radius:0 0 15px 15px;}
#header .gnb .sub_menu li {}
#header .gnb .sub_menu li ~ li { margin-top:4px;}
#header .gnb .sub_menu li a { font-size:15px; color:#222; line-height:35px;}
#header .gnb .sub_menu li:hover a { color:#283891;}
#header .login_box { display:flex; align-items:center; margin-left:30px; height:100%;}
#header .login_box li { position:relative; padding: 0 11px}
#header .login_box li:first-child { padding-left:0;}
#header .login_box li:last-child { padding-right:0;}
#header .login_box li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:11px; background:#ddd;}
#header .login_box li a { font-size:15px; color:#999;}
#header .login_box li:hover a { color:#000;}

/* visual */
#visual_wrap { position:relative;}
#visual_wrap .visual li { position:relative;}
#visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#visual_wrap .txt_wrap span { font-size:18px; color:#fff;}
#visual_wrap .txt_wrap p { margin-top:15px; font-size:40px; color:#fff; line-height:65px; font-weight:400;}
#visual_wrap .txt_wrap p strong { display:block; font-weight:700;}

/* section */
#section01 { padding:50px 0 22px;}
#section01 .sec01_con01 { float:left; position:relative; padding:30px 28px; width:630px; height:235px; background:url(/images/main/sec01_con01_bg.jpg) center no-repeat; background-size:cover;}
#section01 .sec01_con01 .txt_title { margin-bottom:25px; line-height:1;}
#section01 .sec01_con01 .txt_title strong { font-size:30px; color:#fff; font-weight:500;}
#section01 .sec01_con01 .txt_title strong em { font-weight:700;}
#section01 .sec01_con01 .txt_title p { position:relative; margin-top:25px; padding-left:14px; font-size:20px; color:#fff; font-weight:500;}
#section01 .sec01_con01 .txt_title p::before { content:''; position:absolute; left:0; top:3px; width:3px; height:calc(100% - 7px); background:#fff;}
#section01 .sec01_con01 .txt_info { line-height:1;}
#section01 .sec01_con01 .txt_info li { display:flex; align-items:center; font-size:15px; color:#fff;}
#section01 .sec01_con01 .txt_info li ~ li { margin-top:15px;}
#section01 .sec01_con01 .txt_info li span { display:block; margin-right:20px; padding:0 17px; height:28px; line-height:28px; background:#fff; font-size:15px; color:#283891; font-weight:500; border-radius:28px;}
#section01 .sec01_con01 .txt_box { display:flex; align-items:center; justify-content:center; position:absolute; right:20px; bottom:20px; width:70px; height:70px; border:1px solid #fff;}
#section01 .sec01_con01 .txt_box span { font-size:16px; color:#fff;}

#section01 .sec01_con { float:left; position:relative; margin-left:25px; padding:30px; width:260px; height:235px;}
#section01 .sec01_con02 { background:url(/images/main/sec01_con02_bg.jpg) left top no-repeat; background-size:cover;}
#section01 .sec01_con03 { background:url(/images/main/sec01_con03_bg.jpg) left top no-repeat; background-size:cover;}
#section01 .sec01_con h2 { font-size:24px; color:#fff; font-weight:700; line-height:1;}
#section01 .sec01_con .sec01_view { position:absolute; right:23px; bottom:29px; width:36px; height:36px; background:url(/images/main/sec01_ico_view.png) center no-repeat; transition:all .5s;}
#section01 .sec01_con .sec01_view:hover { transform:rotate(90deg);}

#section02 { padding:0 0 50px;}
#section02 .sec02_container { float:left; width:575px; max-height:250px;}
#section02 .sec02_container01 { margin-right:25px;}
#section02 .sec02_container .sec02_top { display:flex; align-items:center; position:relative; padding-bottom:10px; width:100%; border-bottom:2px solid #555;}
#section02 .sec02_container .sec02_top h2 { font-size:24px; color:#333; font-weight:700; line-height:35px;}
#section02 .sec02_container .sec02_top .tab_menu { margin-left:20px;}
#section02 .sec02_container .sec02_top .tab_menu ul { display:flex;}
#section02 .sec02_container .sec02_top .tab_menu ul li { position:relative; padding: 0 16px 0 20px;}
#section02 .sec02_container .sec02_top .tab_menu ul li:first-child { padding-left:0;}
#section02 .sec02_container .sec02_top .tab_menu ul li:last-child { padding-right:0;}
#section02 .sec02_container .sec02_top .tab_menu ul li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#aaa;}
#section02 .sec02_container .sec02_top .tab_menu ul li a { font-size:17px; color:#aaa; font-weight:500;}
#section02 .sec02_container .sec02_top .tab_menu ul li.on a { color:#283891;}
#section02 .sec02_container .sec02_top .sec02_view { display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:35px; height:35px; border-radius:50%; background:#f1f1f1 url(/images/main/sec02_ico_view.png) center no-repeat; transition:all .5s; text-indent:-9999px;}

#section02 .sec02_container .sec02_bt {}
#section02 .sec02_container .sec02_con {}
#section02 .sec02_container01 .sec02_con .con_top { display:flex; align-items:center; padding:15px 0 10px; border-bottom:1px dashed #ddd; line-height:1;}
#section02 .sec02_container01 .sec02_con .con_date { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:90px; height:90px; border-radius:50%; background:rgba(40,56,145,.1);}
#section02 .sec02_container01 .sec02_con .con_date strong { display:block; margin-bottom:3px; font-size:30px; color:#283891; font-weight:700;}
#section02 .sec02_container01 .sec02_con .con_date span { font-size:15px; color:#283891;}
#section02 .sec02_container01 .sec02_con .con_txt { margin-left:20px; width:calc(100% - 110px); padding-right:20px;}
#section02 .sec02_container01 .sec02_con .con_txt a { display:block; width:100%;}
#section02 .sec02_container01 .sec02_con .con_txt strong { display:block; font-size:17px; color:#222; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
#section02 .sec02_container01 .sec02_con .con_txt p { margin-top:10px; font-size:15px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}

#section02 .sec02_container01 .sec02_con .con_bt {}
#section02 .sec02_container01 .sec02_con .con_bt ul {}
#section02 .sec02_container01 .sec02_con .con_bt ul li { position:relative; padding-left:13px; margin-top:15px;}
#section02 .sec02_container01 .sec02_con .con_bt ul li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#283891;}
#section02 .sec02_container01 .sec02_con .con_bt ul li a { display:flex; justify-content:space-between; align-items:center; width:100%; line-height:1;}
#section02 .sec02_container01 .sec02_con .con_bt ul li p { font-size:15px; color:#222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:400px; overflow:hidden;}
#section02 .sec02_container01 .sec02_con .con_bt ul li span { color:#283891;}

#section02 .sec02_container02 { width:600px;}
#section02 .sec02_container02 .sec02_gallery { display:flex; padding-top:20px;}
#section02 .sec02_container02 .sec02_gallery li { width:186px;}
#section02 .sec02_container02 .sec02_gallery li ~ li { margin-left:20px;}
#section02 .sec02_container02 .sec02_gallery li a { display:block; width:100%;}
#section02 .sec02_container02 .sec02_gallery .img_wrap { position:relative; width:100%; padding-bottom:66.666%;}
#section02 .sec02_container02 .sec02_gallery .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
#section02 .sec02_container02 .sec02_gallery .txt_wrap { margin-top:18px; padding:0; line-height:1;}
#section02 .sec02_container02 .sec02_gallery .txt_wrap p { margin-bottom:11px; font-size:15px; color:#222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
#section02 .sec02_container02 .sec02_gallery .txt_wrap span { font-size:15px; color:#283891;}

#section03 { padding:20px 0; border-top:1px solid #ddd;}
#section03 .inner { position:relative;}
#section03 .sec03_slide_wrap { margin:0 auto; width:1120px;}
#section03 .slide01 { width:100%;}
#section03 .slide01 .slick-list { width:calc(100% + 20px);}
#section03 .slide01 li { margin-right:20px;}
#section03 .sec03_btn_prev { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:13px; height:22px; background:url(/images/main/sec03_btn_prev.png) center no-repeat;}
#section03 .sec03_btn_next { display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:13px; height:22px; background:url(/images/main/sec03_btn_next.png) center no-repeat;}

/* footer */
#footer { padding:25px 0 22px; background:#2b2d2f;}
#footer .inner { position:relative;}
#footer .footer_link { display:flex; margin-bottom:18px;}
#footer .footer_link li ~ li { margin-left:30px;}
#footer .footer_link li a { font-size:15px; color:#fff; line-height:1;}
#footer address { font-size:15px; color:#a5a5a5; line-height:30px;}
#footer .footer_logo { position:absolute; right:3px; top:7px;}

/* === SUB === */
#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { font-size:40px; color:#fff; font-weight:500;}
#sub_visual_wrap .txt_wrap .sub_list { display:inline-flex; margin-top:28px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative; padding:0 12px 0 15px; font-size:15px; color:#fff;}
#sub_visual_wrap .txt_wrap .sub_list li:first-child { padding-left:0;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child { padding-right:0;}
#sub_visual_wrap .txt_wrap .sub_list li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#fff; border-radius:50%;}

.sub_container { position:relative;}
.sub_container .inner { display:flex;}

/* sub_menu */
.sub_tab_menu { margin-right:50px; width:240px;}
.sub_tab_menu h2 { display:flex; align-items:center; width:100%; height:90px; font-size:25px; color:#fff; font-weight:400;}
.sub_tab_menu h2::after { content:''; position:absolute; left:50%; margin-left:-960px; top:0; z-index:-1; width:600px; height:90px; background:url(/images/sub/sub_menu_title_bg.jpg) left center no-repeat; background-size:cover;}
.sub_tab_menu .lnb { width:100%;}
.sub_tab_menu .lnb h3 { position:relative; width:100%; height:60px; background:url(/images/sub/sub_menu_arrow_right.png) right 10px center no-repeat; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub_tab_menu .lnb h3 a { display:flex; align-items:center; padding:0 10px; width:100%; height:100%;}
.sub_tab_menu .lnb h3 a span { font-size:16px; color:#222; font-weight:400;}
.sub_tab_menu .lnb h3.on { border-bottom:2px solid #283891;}
.sub_tab_menu .lnb h3.on a span { color:#283891;}

#sub_contents { padding:40px 0 95px; width:calc(100% - 290px); min-height:500px;}
#sub_contents .contop { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #ddd; line-height:1;}
#sub_contents .contop h3 { font-size:30px; color:#000; font-weight:500;}
#sub_contents .contop .sub_list { display:flex;}
#sub_contents .contop .sub_list li { position:relative; font-size:14px; color:#888; padding:0 10px 0 12px;}
#sub_contents .contop .sub_list li:first-child { padding-left:0;}
#sub_contents .contop .sub_list li:last-child { padding-right:0;}
#sub_contents .contop .sub_list li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#22aa4a;}

/* sub title */
.sub_tit{position: relative; margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #222; padding-left: 30px;}
.sub_tit::before{position: absolute; content: ''; width: 20px; height: 20px; background:url('/images/sub/sub_tit.png') center no-repeat; left: 0; top: 6px;}
.p_tit{position: relative; margin-top:20px; margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #222; padding-left: 46px;}
.p_tit::before{position: absolute; content: ''; width: 3px; height: 16px; background:#283891; left: 30px; top: 7px;}

/* table_wrap */
.table_wrap{margin-top:15px; margin-bottom:30px;width:100%;border:1px solid #f3f3f3; border-top: 3px solid #283890;}
.table_wrap th{padding:20px; background:#f3f3f3; text-align:center;}
.table_wrap td{padding:20px; text-align:center; border:1px solid #f3f3f3;}

/* sub0101 */
.sub0101 {}
.sub0101 .sub0101_box01 { padding:38px 58px; width:100%; height:135px; background:url(/images/sub/sub0101_title.jpg) center no-repeat; background-size:cover; line-height:1;}
.sub0101 .sub0101_box01 strong { font-size:22px; color:#222; font-weight:500;}
.sub0101 .sub0101_box01 strong span { color:#283891; font-weight:700;}
.sub0101 .sub0101_box01 p { margin-top:20px; font-size:18px; color:#000;}
.sub0101 .sub0101_box02 { display:flex; margin-top:30px;}
.sub0101 .sub0101_box02 .sub0101_img { position:relative; top:2px; width:212px; margin-right:60px;}
.sub0101 .sub0101_box02 .sub0101_img .img_wrap { position:relative; width:100%; padding-bottom:116.03%; border-radius:10px;}
.sub0101 .sub0101_box02 .sub0101_img .img_wrap::after { content:''; position:absolute; right:-20px; bottom:-20px; z-index:-1; width:140px; height:140px; background:url(/images/sub/sub0101_img_bg.jpg) center no-repeat;}
.sub0101 .sub0101_box02 .sub0101_img .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.sub0101 .sub0101_box02 .sub0101_txt01 p { font-size:15px; color:#222; line-height:26px; letter-spacing:-0.2px;}
.sub0101 .sub0101_box02 .sub0101_txt01 p i { display:block; height:9px;}

/* sub0102 */
.sub0102 table{display: table; width: 100%; border-top: 3px solid #283890; margin-top: 10px;}
.sub0102 table tr{border-bottom:1px solid #ddd;}
.sub0102 table tr th{padding: 20px; font-weight: 500; color: #283890;}
.sub0102 table tr td{padding: 20px;}


/* sub0103 */
.sub0103 .con_wrap .txt{margin-left:46px;}
.sub0103 .con_wrap .txt strong{display:block; margin-top:20px; color:#333;}
.sub0103 .con_wrap .txt em{display:block; padding-top:15px;color:#555;}
.sub0103 .con_wrap .txt img{margin-top:20px; width:100%;}
.sub0103 .con_wrap .txt ul{margin-top:15px; margin-left:16px;}
.sub0103 .con_wrap .txt ul li{padding-bottom:12px; color:#555;}

/* sub0105 */
.sub0105 .con1 .con_bg{position: relative; background: url(/images/sub/sub0105_bg.jpg)center no-repeat; height: 200px; padding-bottom: 20px; text-align: center; color: #fff;}
.sub0105 .con1 .con_bg p{position: absolute; left: 49%;  top: 50%;  transform: translate(-50%, -50%);  width: 100%;  font-size: 22px; font-weight:500;}

/* sub0201 */
.sub0201 > .table_wrap{border-top: 3px solid #283890;}
.sub0201 > .table_wrap td{border:1px solid #f3f3f3;}

.search_wrap{width:100%; border-top:3px solid #f3f3f3; border-bottom:3px solid #f3f3f3; margin-bottom:30px;}
.search_wrap tr th{padding:20px;}
.search_wrap tr td{padding:20px 6px;}
.search_wrap tr td select{padding: 6px 20px 6px 6px;}
.search_wrap tr td a{padding:10px 20px;background:#283890; color:#fff;}
.txt_wrap{padding:5px;width:100%;line-height:1.6;}

.list_btn ul{display:flex; display: flex; justify-content: center; width:100%;}
.list_btn ul li{ padding:7px 20px; margin:30px 10px 0;border:1px solid #ddd;}
.list_btn ul li a:hover{color:#fff;}
.list_btn ul li a img.hover{display:none; }
.list_btn ul li:hover a img{display:none;}
.list_btn ul li:hover a img.hover{display:block; vertical-align:middle; padding-top:4px;}
.list_btn ul li:first-child{border:0; background:#f3f3f3;}
.list_btn ul li:nth-child(2){background:#283890;}
/*.list_btn ul li:nth-child(2) a{color:#fff;}*/
.list_btn ul li:last-child{border:0; background:#f3f3f3;}
.list_btn ul li img{vertical-align:middle;}
.list_btn ul li:hover{background:#283890; color:#fff;}
.list_btn ul li:hover a{color:#fff;}
.list_btn ul li.on{background:#283890; color:#fff;}

/* 행사안내 view */
.sub0201_2 > .table_wrap{border-top: 3px solid #283890;}
.sub0201_2 > .table_wrap tr{border:1px solid #f3f3f3;}
.sub0201_2 > .table_wrap td{text-align:left;}
.txt_wrap_ne{margin: 0 auto;  background: #f1f1f1; height: auto; width: 98%; padding-left: 15px; padding-top: 15px;}
.bak_btn{margin:0 auto; padding:7px 20px; border:1px solid #ddd; text-align:center; width:15%;}
.btn_wrap{margin-top:30px;}