@charset "utf-8";
@font-face { font-family: 'SongganggasaR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/OTSongganggasaRA.woff') format('woff'); font-weight: normal; font-style: normal; }
/* CSS Document */
body{ font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto; max-width:95%}
.box2{ width:1160px; margin:0 auto; max-width:100%}/*sub 페이지*/
.box3{ width:1000px; margin:0 auto; max-width:95%}
.box4{ width:1160px; margin:0 auto; max-width:95%}
.box5{ width:600px; margin:0 auto; max-width:95%}

.PC{ display:block !important}
.PHONE{ display:none !important}

#header .h_in_wrap{display:flex; justify-content:space-between;}
#header .h_in_wrap > h1, #header .h_in_wrap > div{display:flex;}



#header{ position: fixed; z-index:1000; left:0; top:0; width:100%; background-color:none; border-bottom:1px solid rgba(255,255,255,.2);}
#header .h_in_wrap{ position:relative;}
#header .va_wrap{ height:100px;}
.headerPD{ padding-top:4.5em}
#header .logo{ float:left; z-index:99; position:relative; width:263px;}
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}

/*h_left*/
#header .h_left{width:895px;}
#header .h_left:after{content:''; clear:both; display:block;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; padding:0 2em; min-width:5em; position:relative; overflow:hidden; transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.125em}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:1em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.9em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#333}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#ff9f00; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}


/*h_right*/
#header .h_right{}
#header .h_right:after{content:''; clear:both; display:block;}
#header .etc_wrap{ float:right; z-index:1; position:relative}
#header .etc_wrap:after{ display:block; clear:both; content:'';}
#header .etc_wrap .h_mail{ position:relative;}
#header .etc_wrap .fb_link{transition:.3s;}
#header .etc_wrap .fb_link:hover,
#header.white .etc_wrap .fb_link:hover{color:#1877f2 !important}

#header .etc_wrap .fb_link,
#header .etc_wrap .h_mail .va{ font-size:1.25em; color:#fff;}


#header .all_wrap{ float:left}
#header .all_wrap .allBtn,
#header .etc_wrap .h_mail{ width:6em; text-align:center; border-width:0 1px; border-color:rgba(255,255,255,.2); border-style:solid; margin-left:-1px;}
#header .all_wrap .allBtn .va{ font-size:1.6em; color:#fff}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:10em 0 10em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:16.66%; position:relative; box-sizing:border-box; padding:0 .3em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#ff9f00; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:450px;}
#header .all_wrap .gnb > li .dp2 .vm_wrap{ height:auto; text-align:left;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 li{ display:block;}
#header .all_wrap .gnb > li .dp2 li > a{ padding-left:10px !important;}
#header .all_wrap .gnb > li .dp2 > li{ padding:1em 1.5em;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb > li .dp3{ padding:.6rem 0;}
#header .all_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#666;}
#header .all_wrap .gnb > li .dp3 > li:hover > a .vm_tt{ text-decoration:underline;}
#header .all_wrap .gnb li:hover > a{ color:#2c2f91;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#2c2f91;}

.sub #header{ background:rgba(25,25,25,0.5); box-shadow:0 3px 8px rgba(0,0,0,.15); position:absolute; top:0;}
.sub #header .va_wrap{ height:70px;}
.sub #header .all_wrap .allBtn,
.sub #header .etc_wrap .h_mail{ width:4.5em; border-color:rgba(255,255,255,.2);}

.sub.scroll #header{ background:none;}
.scroll #header{ background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15);}
.sub #header:after,
.scroll #header:after,
#header:hover:after{ display:none}


#header .B{ display:none;}
#header.hide{ opacity:0; transition:.3s;}
#header.white{ background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15);}
#header.white .va_wrap{ height:70px;}
#header.white .A{ display:none;}
#header.white .B{ display:inline-block;}
#header.white .gnb_wrap .gnb > li .dp1{ color:#333;}
#header.white .etc_wrap .fb_link,
#header.white .all_wrap .allBtn .va,
#header.white .etc_wrap .h_mail .va{color:#333}
#header.white .all_wrap .allBtn,
#header.white .etc_wrap .h_mail{ width:4.5em; border-color:#ccc;}


#footer{background:#1d212a; padding-bottom:3em;}
#footer .f_m_top{ padding:1.5em 0;}
#footer .f_m_top li{}
#footer .f_m_top li a:after{ content:'·'; color:#fff; opacity:.8; margin:0 15px; font-family:'notokrB'}
#footer .f_m_top li:last-child a:after{ display:none;}
#footer .f_m_top li a{ color:#fff; opacity:.7;}
#footer .info_wrap{ border-top:1px solid rgba(255,255,255,.2); box-sizing:border-box; padding:2em 0 0;}
#footer .info_wrap .info > li.sitename{color:#fff; font-family:'notokrM'}
#footer .info_wrap .info > li{ color:#ededed; line-height:1.5; letter-spacing:0; font-family:'notokrL'; font-size:.875em; margin-right:20px; margin-bottom:5px;}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:10px; font-size:.713em; color:#fff; opacity:.5; text-transform:uppercase}


#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:25em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; padding-top:3em}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; font-family:'SongganggasaR'; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{/* max-width:33.33%*/ max-width:12%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{/* max-width:33.33%*/ max-width:16%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:rgba(0,0,0,0.2); height:3.5em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em; opacity:.75; transition:.3s;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va{ opacity:1;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#000;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on:hover > a .va{ opacity:1;}

#contents .sub_tit{ text-align:center; padding-bottom:2em; border-bottom:1px solid #ddd; position:relative}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrB, sans-serif; font-size:2em; color:#222; font-weight:bold;}

#contents .doc{ padding:3em 0 7em 0}
#contents .doc.st1{ padding-bottom:0;}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}

.form_st.lineB{ border-bottom:1px solid #ddd}
.form_st > li{ margin-top:1em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.dp1_member.dp2_login .form_st > li .in .lab{ background:#f7f7f7}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:3em; border:none; position:relative; z-index:1; background:none; font-weight:bold; font-family:tahoma,sans-serif}
.form_st > li .in.quit_rea textarea{box-sizing:border-box; padding:.5em 1em; border:1px solid #ddd; resize:none; border-radius:.25em; transition:.3s;}
.form_st > li .in.quit_rea textarea:focus{border-color:#2aa89b;}
.form_st > li .in textarea.inp{ height:10em; padding:1em}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.form_st > li .in p{height:2.625em;}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#2aa89b; margin-left:-.5em}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#2aa89b}
.form_st > li .in .inp.c1{ background:#f1f1f1; border-radius:.25em}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em; border-top:1px solid #2aa89b}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li .in{ padding:0; flex:1 1 auto; -ms-flex:1 1 auto;}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:.5em 1em; font-size:.875em; font-family:notokr,sans-serif; font-weight:400}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#aaa; border-color:transparent}
.form_st.st1 > li .in .btn.c1 + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:100%}
.form_st.st1 > li .in.w2{ max-width:10%;}
.form_st.st1 > li .in.w3{ max-width:40%; margin-right:auto;}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.mrauto{ margin-right:auto;}
.form_st.st1 > li .agree{ border-radius:.25em; border:1px solid #ddd; width:100%; margin:.5em 0}
.form_st.st1 > li .agree > li{ padding:.5em 3em .5em 1em; position:relative; font-size:.875em; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:1.25em; background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#f5f5f5}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:1em; padding-left:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
/*.popCon .agree_box{margin-top:20px;}
.popCon .agree_box .agree_1, .popCon .agree_box .agree_2{border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.popCon{overflow:visible;}
.popCon .xi{cursor:pointer; display:inline-block; zoom:1;}
.popCon .xi:before{font-size:1.5em; font-family: xeicon!important; font-style: normal;}
.popCon input[id="cb1"]{width:0; height:0; overflow:hidden;}
.popCon .board_btn_wrap{width:100%; display:flex; justify-content:center;}
.popCon .board_btn_wrap button{display:flex; margin-right:2%;}
.popCon .board_btn_wrap button[type=submit] a{color:#fff;}
.popCon .board_btn_wrap button:last-of-type{margin-right:0;}*/

@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}

/*main*/
#contents #fullpage .wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}

/*메인비주얼*/
.mainVisual_wrap,
.mainVisual,
.mainVisual .img{ position:relative;}
.mainVisual .img{ z-index:1; overflow:hidden;}
.mainVisual .img .bg{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.mainVisual_wrap .slogan_wrap{ position:absolute; left:0; top:44%; width:100%; text-align:center;}
.mainVisual_wrap .slogan_wrap .t1{ display:inline-block; padding:0 2em 0.5em 2em; opacity:0; font-size:2.25em; color:#fff;}
.mainVisual_wrap .slogan_wrap .t2{ padding:2em 0; opacity:0;}
.mainVisual_wrap .slogan_wrap .line{ position:relative;}
.mainVisual_wrap .slogan_wrap .line:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:0; width:0; height:1px; background:#fff; opacity:.4;}
.mainVisual_wrap .slogan_wrap .line:after { content:""; position:absolute; bottom:0; left:50%; margin-bottom:-7px; width:14px; height:14px; background:#ff9f00;}

.load .mainVisual_wrap .slogan_wrap .t1{ opacity:1; transition:1.5s;}
.load .mainVisual_wrap .slogan_wrap .t2{ opacity:1; transition:1.5s; transition-delay:.6s;}
.load .mainVisual_wrap .slogan_wrap .line:before{ margin-left:-50%; width:100%; transition:1.5s; transition-delay:.2s;}
.load .mainVisual_wrap .slogan_wrap .line:after { transform:rotate(315deg); transition:1.5s;}

.mainVisual_wrap .slick-dots{ position:absolute; bottom:60px; left:0; width:100%;}
.mainVisual_wrap .slick-dots > ul{ padding-left:50px; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainVisual_wrap .slick-dots > ul > li button{ position:relative; width:50px; height:8px; border:1px solid #fff; background:transparent; cursor:pointer; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

/*메인배경*/
.section,
.section .bg{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#section2{ background:url(../images/temp/sec1_bg.jpg)}
#section3{}
  #section4{ background-color:#fff;}
  #section5{ background-color:#fbf5eb;}
  #section6{ background-color:#fbf5eb;}

  /*메인공통*/
  .main_con{ padding-top:180px;}
  .main_tit{font-size:2.75em; font-weight:bold; margin-bottom:1rem;}
  .main_tit_2{color:#333; font-family:notokrR;}

  /*section1*/

  /*section2*/
  .main_sub2{text-align:center;}
  .main_sub2 .thumb_wrap{margin-top:40px;}
  .main_sub2 .thumb_wrap ul{width:60%; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub2 .thumb_wrap ul li{width:290px; height:410px; margin-right:5%; background:#333; border-radius:10px; overflow:hidden;}
  .main_sub2 .thumb_wrap ul li .thumb_box{padding:20px; box-sizing:border-box; width:100%; height:100%; position:relative; overflow:hidden;}
  .main_sub2 .thumb_wrap ul li:nth-of-type(1){background:url('../images/main/main_sec2_img01.jpg') no-repeat center/cover;}
  .main_sub2 .thumb_wrap ul li:nth-of-type(1) .thumb_box{background-color:rgba(0,0,0,0.5);}
  .main_sub2 .thumb_wrap ul li:nth-of-type(2){background:url('../images/main/main_sec2_img02.jpg') no-repeat center/cover;}
  .main_sub2 .thumb_wrap ul li:nth-of-type(2) .thumb_box{background-color:rgba(0,0,0,0.5);}
  .main_sub2 .thumb_wrap ul li:nth-of-type(3){background:url('../images/main/main_sec2_img03.jpg') no-repeat center/cover;}
  .main_sub2 .thumb_wrap ul li:nth-of-type(3) .thumb_box{background-color:rgba(0,0,0,0.5);}
  .main_sub2 .thumb_wrap ul li .thumb_tit{margin-top:70px; font-size:1.5em; color:#fff;}
  .main_sub2 .thumb_wrap ul li .thumb_ctt{margin-top:40px; color:#fff; font-family:notokrR; line-height:1.8; font-size:.875em;}
  .main_sub2 .thumb_wrap ul li .more_btn a{color:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:80px; font-size:.875em; font-family:notokrR;}
  .main_sub2 .thumb_wrap ul li .more_btn a span{display:inline-block; width:26px; height:26px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:26px; margin-left:10px; margin-top:-4px; transition:.3s;}
  .main_sub2 .thumb_wrap ul li .more_btn a:hover span{color:#000; background:#fff;}
  .main_sub2 .thumb_wrap ul li .more_btn a:hover span i{color:#000;}

  /*section4*/
  .main_sub4 .prodBg{ position:absolute; top:0; left:0; width:40%; height:100%; background-image:url(../images/temp/sec2_bg.jpg);}
  .main_sub4 .left{ float:left; width:34%; margin-top:170px;}
  .main_sub4 .left .in{ position:relative; padding-left:12%; padding-top:.625em;}
  .main_sub4 .left .in.main_sub4_tit{color:#fff; font-size:3.5em; font-family:notokrR; line-height:1;}
  .main_sub4 .left .in.main_sub4_tit span{display:inline-block; margin-top:2em; font-size:2rem; line-height:1.4;}
  .main_sub4 .left .in:before{ content:""; position:absolute; top:0; left:0; width:130%; height:1px; background:#fff; opacity:.4;}
  .main_sub4 .right{ float:right; width:61%;}
  .main_sub4 .right .in.main_sub4_tit_2{font-size:2.5em; font-weight:bold; text-align:center;}
  .main_sub4 .right .sub4_1_preview{margin:1em auto 0; width:66%; background:#f6f6f6; border-radius:.5em; border:1px solid #eee;}
  .main_sub4 .right .sub4_1_preview ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub4 .right .sub4_1_preview ul li{padding:1em 0;}
  .main_sub4 .right .sub4_1_preview ul li:nth-of-type(1){width:16%; max-width:16%; text-align:center;}
  .main_sub4 .right .sub4_1_preview ul li:nth-of-type(1) i{vertical-align:middle;}
  .main_sub4 .right .sub4_1_preview ul li:nth-of-type(2){width:74%; max-width:74%; padding-left:10px; box-sizing:border-box; color:#333;}
  .main_sub4 .right .sub4_1_preview ul li:nth-of-type(2) span{vertical-align:baseline; float:right; color:#aaa; font-size:.875em; margin-top:4px;}
  .main_sub4 .right .sub4_1_preview ul li:nth-of-type(3){width:10%; max-width:10%; text-align:center;}
  .main_sub4 .right .sub4_preivew{margin-top:1.5em;}
  .main_sub4 .right .sub4_preivew ul{display:flex; flex-wrap:nowrap; justify-content:space-between; width:98%; margin-right:auto;}
  .main_sub4 .right .sub4_preivew ul li{width:32%; max-width:32%; height:380px; background:#fff; border-radius:.5em; padding:2em; box-sizing:border-box;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(-n+2){box-shadow: 5px 5px 5px 0px rgba(80,80,80,0.3);}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_tit_3{font-size:1.5em;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_tit_3 span{display:inline-block; color:#bbb; font-size:0.5em; width:28px; height:28px; border:1px solid #bbb; border-radius:50%; box-sizing:border-box; margin-top:0px; text-align:center; line-height:28px; float:right; transition:.3s;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_tit_3 span:hover{border:1px solid #333; background:#333;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_tit_3 span a{color:#bbb; width:100%; height:100%; display:inline-block;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_tit_3 span:hover a{color:#fff;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_thumb_box{margin:1.5em 0; width:100%; height:180px; overflow:hidden;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_thumb_box img{width:100%;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_thumb_cap .thumb_cap_tit{font-size:1.25em;}
  .main_sub4 .right .sub4_preivew ul li .main_sub4_thumb_cap .thumb_cap_exp{margin-top:1em;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(3){background:url('../images/main/main_sec4_img03.jpg') no-repeat center/cover; padding:0; overflow:hidden;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(3) > div{width:100%; height:100%; background:rgba(0,0,0,0.5); padding:2em; color:#fff; box-sizing:border-box; position:relative;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(3) > div .main_sub4_tit_3_exp{margin-top:1.5em;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(3) > div .main_sub4_play_btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:3em;}
  .main_sub4 .right .sub4_preivew ul li:nth-of-type(3) > div .main_sub4_play_btn a{color:#fff;}

  /*section5*/
  .main_sub5{text-align:center;}
  .main_sub5 .ctt_box_2_bg{margin-top:3em; background:#b2b6bf; position:relative;}
  .main_sub5 .ctt_box_2_bg:before{content:''; display:block; width:100%; height:2em; position:absolute; top:0; left:0; background:#fbf5eb; z-index:10;}
  .main_sub5 .ctt_box_2_bg:after{content:''; display:block; width:100%; height:2em; position:absolute; bottom:0; left:0; background:#fbf5eb; z-index:10;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2{position:relative; z-index:50; width:70%; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .thumb_box{width:36%; max-width:36%; overflow:hidden; border-radius:1em; box-shadow: 5px 5px 10px 5px rgba(85,85,85,0.3);}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box{width:62%; max-width:62%; background:#fff; border-radius:1em; box-shadow: 5px 5px 10px 5px rgba(85,85,85,0.3); padding:3.125em 3.75em; box-sizing:border-box; position:relative;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box table{width:100%; text-align:left; font-size:1.25em;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box table tr th,
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box table tr td{padding:.5em 0 .5em .5em;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box table tr th{font-weight:bold; position:relative;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box table tr th:before{content:''; display:block; width:4px; height:1em; background:#ffcf00; border-radius:2px; position:absolute; top:.625em; left:-6px;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box .btn_box{width:50%; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box .btn_box span{display:inline-block; width:48%; max-width:48%; height:60px; border-radius:.5em; background:#ef9800; text-align:center; font-size:1.25em; line-height:60px; font-family:notokrR;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box .btn_box span a{color:#fff; width:100%; height:100%; display:block;}
  .main_sub5 .ctt_box_2_bg .ctt_box_2 .txt_box .btn_box span a i{margin-top:-4px; margin-left:40px;}
  /*section6*/
  .main_sub6{text-align:center;}
  .main_sub6 .ctt_box_2{margin-top:3em; text-align:left;}
  .main_sub6 .ctt_box_2 > ul{display:flex; flex-warp:nowrap; justify-content:space-between; width:70%; margin:0 auto;}
  .main_sub6 .ctt_box_2 > ul > li{width:32%; max-width:32%; padding:2em; box-sizing:border-box;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(-n+2){border-radius:.5em; border-width:0 1px 1px 0; border-color:#bbb; border-style:solid; background:#fff;}
  .main_sub6 .ctt_box_2 > ul > li .main_sub6_tit_3{text-align:left; font-size:1.5em;}
  .main_sub6 .ctt_box_2 > ul > li .main_sub6_tit_3 span a{display:inline-block; color:#bbb; font-size:0.5em; width:28px; height:28px; border:1px solid #bbb; border-radius:50%; box-sizing:border-box; margin-top:0px; text-align:center; line-height:28px; float:right; transition:.3s;}
  .main_sub6 .ctt_box_2 > ul > li .main_sub6_tit_3 span:hover a{background:#333; color:#fff; border-color:#333;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post{margin:2em 0;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:first-of-type{width:25%; max-width:25%; text-align:center;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:last-of-type{width:73%; max-width:73%; display:flex; flex-wrap:wrap; align-content:space-around;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:last-of-type p{transition:.3s; width:100%; max-width:100%;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post:hover ul li:last-of-type p{text-decoration:underline; color:#ce8917;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:first-of-type .post_date{color:#1359a7; font-size:2em; font-weight:bold;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:first-of-type .post_date_2{font-size:.875em; color:#666;}
  .main_sub6 .ctt_box_2 > ul > li .latest_post ul li:last-of-type .post_ctt{font-size:0.875em; color:#999;}
  .main_sub6 .ctt_box_2 > ul > li .posts{border-top:1px solid #aaa; padding-top:1em;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li{margin-bottom:1em; font-size:0.938em;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li:hover{text-decoration:underline;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li a{transition:.3s;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li:hover a{color:#ce8917;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li span:not(.post_new){float:right; font-size:0.938em; color:#aaa;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li span.post_new{width:20px; height:20px; display:inline-block; background:#ff3c00; border-radius:50%; color:#fff; font-weight:bold; text-align:center; line-height:20px; vertical-align:baseline; font-size:0.875em; margin-left:10px;}
  .main_sub6 .ctt_box_2 > ul > li .posts ul li:last-of-type{margin-bottom:0;}
  .main_sub6 .ctt_box_2 > ul > li .thumb_box{margin:2em 0 1.5em; width:100%; height:180px;}
  .main_sub6 .ctt_box_2 > ul > li .thumb_box img{width:100%; height:100%;}
  .main_sub6 .ctt_box_2 > ul > li .thumb_cap .thumb_tit{font-size:1.2em; margin-bottom:1em;}
  .main_sub6 .ctt_box_2 > ul > li .thumb_cap .thumb_ctt{font-size:0.938em; color:#999;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3){padding:0;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) ul{display:flex; flex-wrap:wrap; align-content:space-between; height:100%;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li{width:100%; height:47%; max-height:47%; border-width:0 1px 1px 0; border-color:#bbb; border-style:solid; background:#fff; border-radius:.5em; padding:2em; box-sizing:border-box; display:flex; flex-wrap:nowrap; justify-content:space-between;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .left_box{width:68%; max-width:68%;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .left_box .main_sub6_tit_3_exp{font-size:0.875em; color:#999; margin-top:1em;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .left_box span{display:inline-block; width:150px; height:40px; background:#ff9f00; text-align:center; line-height:40px; border-radius:.25em; margin-top:10px; font-size:.875em;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .left_box span a{color:#fff; width:100%; height:100%; display:block;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .left_box span a i{margin-top:-4px; margin-left:20px;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .right_box{width:30%; max-width:30%; height:100%; position:relative;}
  .main_sub6 .ctt_box_2 > ul > li:nth-of-type(3) > ul > li .right_box img{position:absolute; bottom:0; right:0;}


/*sub page 공통*/
.tit_box .sub_tit{font-size:1.75em;}
.txt_brown{color:#684007; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}

/*sub1_1*/
.sub1_1 .txt_box .txt_tit{font-size:2em; margin-bottom:20px;}
.sub1_1 .txt_box .txt_tit:after{content:''; display:block; width:60px; height:1px; background:#684007; margin:30px 0 22px;}
.sub1_1 .box2 .ctt_box{display:flex; flex-wrap:nowrap; justify-content:space-between; margin-top:40px; width:100%;}
.sub1_1 .box2 .txt_box{flex-basis:62%; color:#333; margin-right:5%;}
.sub1_1 .box2 .txt_box .txt_ctt{line-height:1.6; color:#555;}
.sub1_1 .box2 .txt_box .txt_date{color:#666;}
.sub1_1 .box2 .txt_box .txt_ceo{font-size:1.25em;}
.sub1_1 .box2 .txt_box .txt_date, .sub1_1 .box2 .txt_box .txt_ceo{text-align:right;}

/*sub1_2*/
.dp1_1.dp2_2 #contents > .box1{width:100%; max-width:100%;}

.sub1_2.doc{padding-bottom:0 !important;}
.sub1_2 .sub_history_wrap { position:relative; z-index:inherit; padding:2em 0 10em 0; overflow:hidden;}
.sub1_2 .sub_history_wrap .bg {background:url(../images/sub/sub1_2_bg01.jpg) no-repeat center center; position:absolute; z-index:0; width:100%; height:100%; left:0; top:0; background-size:cover; transform:scale(1.1); transition: all 0.5s ease;}
.sub1_2 .load .sub_history_wrap .bg { transform:scale(1);}

.sub1_2 .sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#fff; opacity:.3; left:50%; height:100%; margin-left:-1px; top:0}
.sub1_2 .sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; margin-top:50px; width:50%;}
.sub1_2 .sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub1_2 .sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub1_2 .sub_history_wrap .sub_history > li .history .year{  font-size:1.8em; color:#fff; position:relative; z-index:inherit; letter-spacing:-1px}
.sub1_2 .sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; width:10px; height:10px; top:50%; margin-top:-5px; background:#fff; border-radius:100%;}
.sub1_2 .sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:10px;}
.sub1_2 .sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.063em; color:#1dbcb7;}
.sub1_2 .sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:.938em; color:#fff; position:relative; }
.sub1_2 .sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;}
.sub1_2 .sub_history_wrap .sub_history > li.even{left:50%;}
.sub1_2 .sub_history_wrap .sub_history > li.even .list {margin-left:1em;}
.sub1_2 .sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub1_2 .sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub1_2 .sub_history_wrap .sub_history > li.odd .history .list .month{ right:28px}
.sub1_2 .sub_history_wrap .sub_history > li.even .history .list .month{ left:4px}
.sub1_2 .sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:80px;}
.sub1_2 .sub_history_wrap .sub_history > li.odd .history .list .tt:before {position:absolute; content:''; top:10px; right:70px; width:5px; height:1px; background:#fff}
.sub1_2 .sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:60px;}
.sub1_2 .sub_history_wrap .sub_history > li.even .history .list .tt:before {position:absolute; content:''; top:10px; left:50px; width:5px; height:1px; background:#fff}

/*sub1_3*/
.dp1_1.dp2_3 #contents > .box1{width:100%; max-width:100%;}
#contents .sub1_3{padding-bottom:0;}
.sub1_3 .organ_chart{padding:90px 0 10em; background:url('../images/sub/sub1_3_bg01.png') no-repeat center/cover;}
/*.sub1_3 .organ_chart .box3 > ul:after{content:''; clear:both; display:block;}
.sub1_3 .organ_chart .box3 > ul li{position:relative;}
.sub1_3 .organ_chart .box3 > ul li:not(.organ_wrap){margin:0 auto; text-align:center; box-shadow:10px 10px 5px 0px rgba(181,144,92,0.75);}
.sub1_3 .organ_chart .box3 > ul li:not(.organ_ceo):not(.organ_wrap){width:140px; min-width:140px; height:60px; min-height:60px; background:#f4d3a4; line-height:60px; border:5px solid #fff; border-radius:60px; color:#333; margin-top:80px;}
.sub1_3 .organ_chart .box3 > ul li:not(.organ_ceo) p{font-size:1em;}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo{width:280px; min-width:280px; height:100px; min-height:100px; background:#684007; color:#fff; padding:8px; box-sizing:border-box;}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo:before{content:''; display:block; width:3px; height:80px; background:#ac6d03; position:absolute; top:100%; left:50%; transform:translateX(-50%);}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo:after{content:''; display:block; width:calc(500px - 150px); height:3px; background:#ac6d03; position:absolute; top:calc(100% + 40px); left:50%; transform:translateY(-50%);}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo .organ_inner{width:100%; height:100%; box-sizing:border-box; border:1.5px solid #e5c496; padding:3px;}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo .organ_inner img{width:80%;}
.sub1_3 .organ_chart .box3 > ul li.organ_ceo .organ_inner p{font-size:1.5em;}

.sub1_3 .organ_chart .box3 > ul li.organ_research:before{content:''; display:block; width:3px; height:40px; background:#ac6d03; position:absolute; top:calc(100% + 5px); left:50%; transform:translateX(-50%);}
.sub1_3 .organ_chart .box3 > ul li.organ_research:after{content:''; display:block; width:calc(1000px - 150px); height:3px; background:#ac6d03; position:absolute; top:calc(100% + 45px); left:calc(50% - 425px);}

.sub1_3 .organ_chart .box3 > ul li.organ_committee{float:right; transform:translateY(7%); margin-top:0 !important;}

.sub1_3 .organ_chart .box3 > ul li.organ_wrap ul{display:flex; display:-ms-flexbox; flex-wrap:wrap; -ms-flex-wrap:wrap; justify-content:space-between; width:100%;}
.sub1_3 .organ_chart .box3 > ul li.organ_float{float:left; margin:50px 0 0;}
.sub1_3 .organ_chart .box3 > ul li.organ_float:before{content:''; display:block; width:3px; height:40px; background:#ac6d03; position:absolute; top:calc(-5px - 40px); left:50%; transform:translateX(-50%);}*/

/*sub1_4*/
/*.sub1_4 .img_box{margin-top:40px; text-align:center;}
.sub1_4 .img_box img{width:70%;}*/
.sub1_4 .dg_box{margin-top:40px;}
.sub1_4 .dg_box .vision_dg{width:60%; margin:0 auto;}
.sub1_4 .dg_box .vision_dg .dg_top{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%;}
.sub1_4 .dg_box .vision_dg .dg_top li{flex:1 1 30%; background:#f5f5f5; border:10px solid #684007; border-radius:50%; width:30%; max-width:30%; box-sizing:border-box; text-align:center; height:208px; padding:50px;}
.sub1_4 .dg_box .vision_dg .dg_top li p{margin-top:10px; font-size:1.25em;}
.sub1_4 .dg_box .vision_dg .dg_mid{margin-top:50px; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.sub1_4 .dg_box .vision_dg .dg_mid li{flex:1 1 30%; background:#f5f5f5; border:2px solid #ac6d03; text-align:center; border-radius:20px; width:30%; max-width:30%; box-sizing:border-box; height:60px; padding:0 20px; position:relative; line-height:56px;}
.sub1_4 .dg_box .vision_dg .dg_mid li:before{height:40px; width:2px; content:''; display:block; position:absolute; top:-42px; left:50%; transform:translateX(-50%); background:#ff9f00;}
.sub1_4 .dg_box .vision_dg .dg_bot{margin-top:20px; display:flex; flex-wrap:nowrap; justify-content:space-between;}
.sub1_4 .dg_box .vision_dg .dg_bot li{flex:1 1 30%; background:#f5f5f5; border:2px solid #ac6d03; text-align:center; border-radius:20px; width:30%; max-width:30%; box-sizing:border-box; height:60px; padding:0 20px; position:relative; line-height:56px;}
.sub1_4 .dg_box .vision_dg .dg_bot li:before{height:20px; width:2px; content:''; display:block; position:absolute; top:-22px; left:50%; transform:translateX(-50%); background:#ff9f00;}

/*sub1_5*/
.sub1_5 .loc_box{margin-top:40px;}

.sub1_5 .table_loc{margin-top:40px;}

.sub1_5 .table_st th,
.sub1_5 .table_st td{ background:#fff; padding:0.5em}
.sub1_5 .table_st th{ border-bottom:1px solid #ddd; color:#333;}
.sub1_5 .table_st td{ border:1px solid #ddd; border-top:none; border-right:none; color:#333}

.sub1_5 .table_st{ border-top:2px solid #003e87; font-size:0.938em;}
.sub1_5 .table_st tbody th{ background:#eee;}
.sub1_5 .table_st tbody th.bg{ background:#e5e5e5 !important;}
.sub1_5 .table_st tbody td{ color:#666; line-height:1.5;}

.sub1_5 .subway_1{display:inline-block; width:100px; height:26px; background:#0052a4; border-radius:15px; color:#fff; line-height:26px; text-align:center; font-size:0.875em;}

/*sub5_1*/
.sub5_1 .tit_box .sub_tit{font-size:1.75em; position:relative;}

.sub5_1 .tab_btn_box{width:70%; margin:40px auto 40px;}
.sub5_1 .tab_btn_box:after{content:''; clear:both; display:block;}
.sub5_1 .tab_btn_box .tab_btn{display:inline-block; width:50%; border:1px solid #684007; height:50px; box-sizing:border-box; float:left; text-align:center; line-height:50px; color:#666; background:#f5f5f5; cursor:pointer;}
.sub5_1 .tab_btn_box .tab_btn:first-of-type{border-right:0;}
.sub5_1 .tab_btn_box .tab_btn.on{background:#684007; color:#fff;}


.sub5_1 .prog_compet{width:100%; position:relative;}
.sub5_1 .compet_list{display:flex; display:-ms-flexbox; width:100%; flex-wrap:wrap; -ms-flex-wrap:wrap; justify-content:space-between;}
.sub5_1 .compet_sum{display:flex; display:-ms-flexbox; width:48%; flex:0 0 48%;  -ms-flex:0 0 auto; padding:20px; box-sizing:border-box; border:1px solid #e9e9e9; cursor:pointer; transition:.3s; margin-bottom:40px;}
.sub5_1 .compet_sum:hover{border-color:#d8bd96;}
.sub5_1 .compet_sum .img_box{flex-basis:30%; margin-right:5%; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #666;}
.sub5_1 .compet_sum .img_box img{width:100%;}
.sub5_1 .compet_sum .txt_box{flex-basis:65%;}

.sub5_1 .compet_sum .txt_box table{height:100%; width:100%; color:#333; font-size:0.875em;}
.sub5_1 .compet_sum .txt_box table tr{border-bottom:1px solid #e9e9e9; height:100%;}
.sub5_1 .compet_sum .txt_box table tr:nth-of-type(n+7){border-bottom:none;}
.sub5_1 .compet_sum .txt_box table th{border-right:1px dashed #e9e9e9; font-weight:bold; height:100%;}
.sub5_1 .compet_sum .txt_box table td{padding:0 20px; height:100%;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.sub5_1 .compet_sum .txt_box table tr,
.sub5_1 .compet_sum .txt_box table th,
.sub5_1 .compet_sum .txt_box table td{height:auto;}
}

.sub5_1 .end_compet{display:block;; width:100%; position:relative;}
.sub5_1 .end_compet .img_box img{-webkit-filter:grayscale(100%); filter:gray;}

/*sub5_1_1*/
.sub5_1_1 p.txt_tit{font-size:1.5em;}
.xi-spa{color:#ff9f00;}

.sub5_1_1 .compet_sum{margin-top:40px; display:flex;}
.sub5_1_1 .compet_sum .img_box{flex-basis:30%; margin-right:5%; position:relative; overflow:hidden; cursor:pointer; box-sizing:border-box; border:1px solid #666;}
.sub5_1_1 .compet_sum .img_box img{width:100%;}
.sub5_1_1 .compet_sum .img_box .img_cover{position:absolute; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.3s;}
.sub5_1_1 .compet_sum .img_box .img_cover span{width:60px; height:60px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:100%; text-align:center; line-height:60px;}
.sub5_1_1 .compet_sum .img_box .img_cover span i{font-size:2em; color:#666;}
.sub5_1_1 .compet_sum .img_box:hover .img_cover{top:0;}
.sub5_1_1 .compet_sum .txt_box{flex-basis:65%;}
.sub5_1_1 .compet_sum .txt_box table{height:100%; width:100%; color:#333; font-size:0.983em;}
.sub5_1_1 .compet_sum .txt_box table tr{border-bottom:1px solid #e9e9e9;}
.sub5_1_1 .compet_sum .txt_box table tr:nth-of-type(n+8){border-bottom:none;}
.sub5_1_1 .compet_sum .txt_box table th{border-right:1px dashed #e9e9e9; font-weight:bold;}
.sub5_1_1 .compet_sum .txt_box table td{padding:0 20px;}
.sub5_1_1 .compet_sum .txt_box table td img{height:24px; padding:10px 10px 10px 0;}
.sub5_1_1 .compet_sum .txt_box table tr:last-of-type td{font-size:0.875em; color:#aaa;}

.sub5_1_1 .compet_ctt{box-sizing:border-box; padding:50px; border:1px solid #efdbbd; margin-top:40px; position:relative;}
.sub5_1_1 .compet_ctt .ctt_box{margin-top:40px; color:#333;}
.sub5_1_1 .compet_ctt .ctt_box .txt_sub_tit{font-size:1.25em; margin:50px 0 20px; color:#111; position:relative;}
.sub5_1_1 .compet_ctt .ctt_box .txt_sub_tit:nth-of-type(n+2){margin-top:70px;}
.sub5_1_1 .compet_ctt .ctt_box .txt_sub_tit:nth-of-type(n+2):before{content:''; display:block; width:300px; height:1px; background:#efdbbd; position:absolute; top:-30px;}
.sub5_1_1 .compet_ctt .ctt_box .txt_sub_tit i{font-size:0.875em; color:#684007; vertical-align:baseline;}
.sub5_1_1 .compet_ctt .ctt_box .compet_subject{font-size:1.5em;}
.sub5_1_1 .compet_ctt .ctt_box ul li{margin-bottom:6px; padding-left:12px; position:relative;}
.sub5_1_1 .compet_ctt .ctt_box ul li:before{content:''; display:block; width:10px; height:1px; background:#684007; position:absolute; left:0; top:10px;}
.sub5_1_1 .compet_ctt .ctt_box ul li.ctt_notice{padding-left:0; font-size:0.75em; color:#f53333;}
.sub5_1_1 .compet_ctt .ctt_box ul li.ctt_notice:before{display:none;}
.sub5_1_1 .compet_ctt .ctt_box table{width:90%; margin:0 auto;}
.sub5_1_1 .compet_ctt .ctt_box table tr{border-bottom:1px solid #ddd;}
.sub5_1_1 .compet_ctt .ctt_box table .table_head{background:#f4d3a4;}
.sub5_1_1 .compet_ctt .ctt_box table th, .sub5_1_1 .compet_ctt .ctt_box table td{padding:10px 0;}
.sub5_1_1 .compet_ctt .ctt_box table td{border-right:1px solid #e9e9e9;}
.sub5_1_1 .compet_ctt .ctt_box table td.table_align_center{text-align:center;}
.sub5_1_1 .compet_ctt .ctt_box table td.table_align_right{text-align:right;}
.sub5_1_1 .compet_ctt .ctt_box table td:last-of-type{border-right:none;}
.sub5_1_1 .compet_ctt .ctt_box table td:nth-of-type(n+2){padding:10px 20px;}

.sub5_1_1 .btn_box{text-align:center; margin-top:40px;}
.sub5_1_1 .btn_box .btn_participate{display:inline-block; width:100px; height:40px; background:#684007; line-height:40px;}
.sub5_1_1 .btn_box .btn_participate a{color:#fff;}
.sub5_1_1 .btn_box .btn_backlist{display:inline-block; width:100px; height:40px; background:#aaa; line-height:40px;}
.sub5_1_1 .btn_box .btn_backlist a{color:#fff;}

.sub5_1_1 .img_view{display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0;top:0; left:0; z-index:1500; padding:50px 0; box-sizing:border-box;}
.sub5_1_1 .img_view.on{display:block; opacity:1;}
.sub5_1_1 .img_view img{display:block; margin:0 auto; height:100%;}
.sub5_1_1 .img_view span{width:60px; height:60px; position:absolute; top:50px; right:100px; background:#fff; border-radius:100%; text-align:center; line-height:60px; cursor:pointer;}
.sub5_1_1 .img_view span i{font-size:2em; color:#666;}

.sub5_1_1 .to_top_btn{position:absolute; top:0; right:-40px; width:40px; height:40px; background:#684007; text-align:center; line-height:40px; cursor:pointer;}

/*sub5_1_2*/
.sub5_1_2 p.txt_tit{font-size:1.5em;}

.sub5_1_2 .box3 > ul{margin-top:40px;}

.sub5_1_2 .form_st .wrap_coll{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_coll .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:57.4%;}
.sub5_1_2 .form_st .wrap_coll .input_box1 > div.in:nth-of-type(-n+2){flex-basis:auto; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_1_2 .form_st .wrap_coll .input_box1 > div.in:nth-of-type(3){flex-basis:16%; -ms-flex:1 1 auto;}

.sub5_1_2 .form_st .wrap_team{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_team .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_1_2 .form_st .wrap_team .input_box1 > div.in{flex-basis:100%; width:100%;}

.sub5_1_2 .form_st .wrap_rpstudent{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_rpstudent .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_1_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(1){flex-basis:auto; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_1_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2){flex-basis:10%; -ms-flex:1 1 auto;}
.sub5_1_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2) select{display:inline-block; width:100%; height:42px; border:none; border:1px solid #ddd; border-radius:.25em; transition:.3s; box-sizing:border-box; padding:.5em 1em;}
.sub5_1_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2) select:focus{border-color:#2aa89b;}

.sub5_1_2 .form_st .wrap_phone{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_phone .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_1_2 .form_st .wrap_phone .input_box1 > div{flex-basis:auto; -ms-flex:1 1 auto;}
.sub5_1_2 .form_st .wrap_phone .input_box1 > div.in_sec{height:42px; line-height:42px; margin-top:8px;}

.sub5_1_2 .form_st .wrap_email{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_email .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:57.4%;}
.sub5_1_2 .form_st .wrap_email .input_box1 > div.in{flex-basis:auto; -ms-flex:1 1 auto;}
.sub5_1_2 .form_st .wrap_email .input_box1 > div.in_sec{height:42px; line-height:42px; margin-top:8px;}
.sub5_1_2 .form_st .wrap_email .input_box1 > div.in:nth-of-type(3) select{display:inline-block; width:100%; height:42px; border:none; border:1px solid #ddd; border-radius:.25em; transition:.3s; box-sizing:border-box; padding:.5em 1em;}
.sub5_1_2 .form_st .wrap_email .input_box1 > div.in:nth-of-type(3) select:focus{border-color:#2aa89b;}

.sub5_1_2 .form_st .wrap_teammate{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_teammate .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:calc(100% - 8em);}
.sub5_1_2 .form_st .wrap_teammate .input_box1 > div.in{flex-basis:30%; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_1_2 .form_st .wrap_teammate .input_box1 > div.in:last-of-type{margin-right:0;}

.sub5_1_2 .form_st .wrap_pw{justify-content:flex-start;}
.sub5_1_2 .form_st .wrap_pw .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:20%;}

.sub5_1_2 .box3 .agree_1{margin-top:40px; border:1px solid #e9e9e9; padding:30px; box-sizing:border-box; height:140px; overflow-y:scroll;}
.sub5_1_2 .box3 .agree_2{margin-top:40px; border:1px solid #e9e9e9; padding:30px; box-sizing:border-box;}

.sub5_1_2 .board_btn_wrap{width:100%; display:flex; justify-content:center;}
.sub5_1_2 .board_btn_wrap button:first-of-type{margin:0 10px;}

.sub5_1_2 #at_file1{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_1_2 .at_file1{height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_1_2 .at_file1:focus, .sub5_1_2 .at_file1:hover{border-color:#2aa89b;}

.sub5_1_2 #at_file2{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_1_2 .at_file2{height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_1_2 .at_file2:focus, .sub5_1_2 .at_file2:hover{border-color:#2aa89b;}

.sub5_1_2 #at_file3{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_1_2 .at_file3{height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_1_2 .at_file3:focus, .sub5_1_2 .at_file3:hover{border-color:#2aa89b;}

/*sub5_2*/
.sub5_2 .tit_box .sub_tit{font-size:1.75em; position:relative;}

.sub5_2 .check_tit{margin-top:60px; font-size:1.5em;}

.sub5_2 .box5{margin-top:40px;}
.sub5_2 .check_btn{text-align:center; margin-top:40px;}

/*sub5_2_1*/
.sub5_2_1 p.txt_tit{font-size:1.5em; margin-bottom:40px;}

/*sub5_2_2*/
.sub5_2_2{padding-top:0 !important;}
.sub5_2_2 p.txt_tit{font-size:1.5em;}

.sub5_2_2 .tit_box .sub_tit{font-size:1.75em; position:relative;}

.sub5_2_2 .box3{margin-top:40px;}
.sub5_2_2 .check_tit{margin-top:60px; font-size:1.5em;}
.sub5_2_2 .box3 > ul{margin-top:40px;}

.sub5_2_2 .form_st .wrap_coll{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_coll .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:57.4%;}
.sub5_2_2 .form_st .wrap_coll .input_box1 > div.in:nth-of-type(-n+2){flex-basis:auto; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_2_2 .form_st .wrap_coll .input_box1 > div.in:nth-of-type(3){flex-basis:16%; -ms-flex:1 1 auto;}

.sub5_2_2 .form_st .wrap_team{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_team .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_2_2 .form_st .wrap_team .input_box1 > div.in{flex-basis:100%; width:100%;}

.sub5_2_2 .form_st .wrap_rpstudent{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_rpstudent .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_2_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(1){flex-basis:auto; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_2_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2){flex-basis:10%; -ms-flex:1 1 auto;}
.sub5_2_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2) select{display:inline-block; width:100%; height:42px; border:none; border:1px solid #ddd; border-radius:.25em; transition:.3s; box-sizing:border-box; padding:.5em 1em;}
.sub5_2_2 .form_st .wrap_rpstudent .input_box1 > div.in:nth-of-type(2) select:focus{border-color:#2aa89b;}

.sub5_2_2 .form_st .wrap_phone{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_phone .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:40%;}
.sub5_2_2 .form_st .wrap_phone .input_box1 > div{flex-basis:auto; -ms-flex:1 1 auto;}
.sub5_2_2 .form_st .wrap_phone .input_box1 > div.in_sec{height:42px; line-height:42px; margin-top:8px;}

.sub5_2_2 .form_st .wrap_email{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_email .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:57.4%;}
.sub5_2_2 .form_st .wrap_email .input_box1 > div.in{flex-basis:auto; -ms-flex:1 1 auto;}
.sub5_2_2 .form_st .wrap_email .input_box1 > div.in_sec{height:42px; line-height:42px; margin-top:8px;}
.sub5_2_2 .form_st .wrap_email .input_box1 > div.in:nth-of-type(3) select{display:inline-block; width:100%; height:42px; border:none; border:1px solid #ddd; border-radius:.25em; transition:.3s; box-sizing:border-box; padding:.5em 1em;}
.sub5_2_2 .form_st .wrap_email .input_box1 > div.in:nth-of-type(3) select:focus{border-color:#2aa89b;}

.sub5_2_2 .form_st .wrap_teammate{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_teammate .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:calc(100% - 8em);}
.sub5_2_2 .form_st .wrap_teammate .input_box1 > div.in{flex-basis:30%; -ms-flex:1 1 auto; margin-right:20px;}
.sub5_2_2 .form_st .wrap_teammate .input_box1 > div.in:last-of-type{margin-right:0;}

.sub5_2_2 .form_st .wrap_pw{justify-content:flex-start;}
.sub5_2_2 .form_st .wrap_pw .input_box1{display:flex; display:-ms-flexbox; flex-wrap:nowrap; -ms-flex-wrap:nowrap; justify-content:flex-start; -ms-flex-pack: start; width:20%;}

.sub5_2_2 .box3 .agree_1{margin-top:40px; border:1px solid #e9e9e9; padding:30px; box-sizing:border-box; height:140px; overflow-y:scroll;}
.sub5_2_2 .box3 .agree_2{margin-top:40px; border:1px solid #e9e9e9; padding:30px; box-sizing:border-box;}

.sub5_2_2 .btn_box{margin-top:40px; text-align:center;}

.sub5_2_2 #at_file1{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_2_2 .at_file1{display:inline-block; width:100%; height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_2_2 .at_file1:focus, .sub5_2_2 .at_file1:hover{border-color:#2aa89b;}

.sub5_2_2 #at_file2{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_2_2 .at_file2{display:inline-block; width:100%; height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_2_2 .at_file2:focus, .sub5_2_2 .at_file2:hover{border-color:#2aa89b;}

.sub5_2_2 #at_file3{width:0; height:0; overflow:hidden; padding:0; margin:0;}
.sub5_2_2 .at_file3{display:inline-block; width:100%; height:3em; padding: .5em 1em; font-size:.875em; box-sizing:border-box; text-align:center; line-height:2em; cursor:pointer; border:1px solid #ddd; border-radius:.25em; transition:.3s;}
.sub5_2_2 .at_file3:focus, .sub5_2_2 .at_file3:hover{border-color:#2aa89b;}

.sub5_2_2 .btn_box button:nth-of-type(1){margin-left:370px;}
.sub5_2_2 .btn_box button:nth-of-type(3){margin-left:280px;}

/*개인정보처리방침*/
.sub_agree_wrap{padding:30px; border-top:2px solid #333; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; font-size:0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}

/*신청서폼*/
.email_select{margin-left:10px; border-radius:.25em;}
.email_select:hover{border-color:#ddd !important;}
.email_select:focus{border-color:#2aa89b !important;}

.atfile_wrap{display:flex; flex-wrap:no-wrap; width:40%; justify-content:space-between;}
.file_read{width:75%; max-width:75%; border:1px solid #ddd; border-radius:.25em; -webkit-border-radius:.25em !important;}
.file_read:focus{border-color:#2aa89b;}

.linkto_edata:hover{text-decoration:underline;}

/*모바일*/
.fp-responsive div.section:not(#section7):not(#section0) {height:1024px !important;}

/*.fp-responsive #header .gnb_wrap .gnb > li .dp1{padding:0 1.5em;}
.fp-responsive #header .h_left{width:auto;}

.fp-responsive #header .all_wrap .gnb > li{width:33.33%; margin-bottom:5em;}*/

@media (max-width:500px){
#header .gnb_wrap .gnb > li .dp1{padding:0 1.5em;}
}