@charset "UTF-8";
/* background text hide */
/* clear */

/*@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,200,300,400,600,700&subset=korean");*/

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 100; src: url(/fonts/youth/NotoSansKR-Thin.eot); src: url(/fonts/youth/NotoSansKR-Thin.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-Thin.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-Thin.woff) format("woff"), url(/fonts/youth/NotoSansKR-Thin.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 200; src: url(/fonts/youth/NotoSansKR-Light.eot); src: url(/fonts/youth/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-Light.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-Light.woff) format("woff"), url(/fonts/youth/NotoSansKR-Light.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 300; src: url(/fonts/youth/NotoSansKR-DemiLight.eot); src: url(/fonts/youth/NotoSansKR-DemiLight.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-DemiLight.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-DemiLight.woff) format("woff"), url(/fonts/youth/NotoSansKR-DemiLight.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; src: url(/fonts/youth/NotoSansKR-Regular.eot); src: url(/fonts/youth/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-Regular.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-Regular.woff) format("woff"), url(/fonts/youth/NotoSansKR-Regular.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 600; src: url(/fonts/youth/NotoSansKR-Medium.eot); src: url(/fonts/youth/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-Medium.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-Medium.woff) format("woff"), url(/fonts/youth/NotoSansKR-Medium.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: url(/fonts/youth/NotoSansKR-Bold.eot); src: url(/fonts/youth/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(/fonts/youth/NotoSansKR-Bold.woff2) format("woff2"), url(/fonts/youth/NotoSansKR-Bold.woff) format("woff"), url(/fonts/youth/NotoSansKR-Bold.otf) format("opentype"); }


html, body { height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button { margin: 0; padding: 0; letter-spacing: -0.06em; }
body, input, select, textarea { color: #000; font-family: 'NotoSansKR', '맑은 고딕','Malgun Gothic','돋움', Dotum, AppleSDGothic, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5 }
body { background: #fff; -webkit-text-size-adjust: none}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img, fieldset { border: 0 none; }
ul, ol, li { list-style: none; }
address, caption, cite, code, dfn, em, i, var { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, th { font-weight: normal; }
hr, legend, caption { display: none; }
a { color: #000; text-decoration: none; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
a:link, a:hover, a:active { text-decoration: none; }
textarea { resize: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input:focus { outline: none; }
table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }
:focus { outline: 0; }
.pc_hidden{display:none}
.w370{display:none}
@media screen and (max-width:786px){
    body, input, select, textarea{font-size:13px}
    .pc_hidden{display:block}
    body.scrollFix { overflow: hidden; }
}
@media screen and (max-width:375px){
    .w370{display:block}
}

textarea, input[type="text"], input[type="number"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="email"], input[type="srch"], input[type="tel"] { -webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #969696; }
label, input[type="radio"], input[type="checkbox"] { vertical-align: middle; }
button { *overflow: visible; overflow: hidden; background-color: transparent; border: none; cursor: pointer; text-align: center; }
.blind, .skip { visibility: hidden; overflow: hidden; position: absolute; left: -1000em; width: 0; height: 0; font-size: 0; line-height: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, card { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
strong { font-family: 'Noto Sans KR', '맑은 고딕','Malgun Gothic','돋움', Dotum, AppleSDGothic, Arial, sans-serif; font-weight: bold; }

/* nav skip */
.skip-content a { display: block; background: #0064b0 !important; text-align: center; position: absolute; top: -36px; left: 0; width: 1px; height: 1px; overflow: hidden; display: block; color: #fff; }
.skip-content a:focus { width: 100%; top: 0; padding: 10px; height: auto; color: #fff; z-index: 99999; }

.ta_center{text-align:center}

/* display */
.table { display: table; table-layout: fixed; width: 100%; }
.row { display: table-row; width: 100%; }
.cell { display: table-cell; vertical-align: middle; }

/* sprite image */
i[class^="icon_"], span[class^="icon_"], button[class^="icon_"] { display: inline-block; text-indent: -9999em; font-size: 0;background: url(/images/youth/sprite/icon.png) no-repeat 0 0;}
@media screen and (max-width:786px){
    i[class^="icon_"], span[class^="icon_"], button[class^="icon_"] {background-image: url(/images/youth/sprite/m_icon.png);background-size:250px 150px}
}

/*input text file password select*/
input[type=text],input[type=password]{padding:0 18px;height:60px;line-height:60px;border:1px solid #bfbfbf;outline:none;vertical-align:middle}
input[type=text]::-ms-clear{display:none}  
input.inp_txt.full{box-sizing:border-box;width:100%}
input[type=password]::-ms-clear{display:none} 
input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #969696; }
input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #969696; }
input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: #969696; }
input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #969696; }
textarea{border:1px solid #a3a3a3}
input.radio, input.check,fieldset{border:0;background:none}
.selectbox{display:inline-block;position:relative;background-color:#ffffff;z-index:1;border:1px solid #bfbfbf;vertical-align:middle;height:60px}   
.selectbox:before{content:"";position:absolute;top:50%;right:20px;width:0;height:0;margin-top:-4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #2d7983}
.selectbox label{position:absolute;padding:0 45px 0 18px;height:58px;line-height:58px;z-index:-1}
.selectbox select{padding:0 45px 0 18px;height:100%;font-family:inherit;border:0;/*opacity:0;*/filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{overflow-y:scroll;width:100%;padding:5px 5px 0 5px;border:1px solid #a3a3a3;box-sizing:border-box;-webkit-box-sizing:border-box;resize:none}
input[readonly]{background-color:#efefef;color:#818181}
@media screen and (max-width:786px){
    .selectbox{height:35px}
    .selectbox label{height:33px;line-height:33px}
}
/*checkbox & radio*/
.inp_radio_list{display:inline-block;position:relative;margin-left:50px}
.inp_radio_list:first-child{margin-left:0}
.inp_radio_list label{position:relative;padding-left:20px;cursor:pointer;z-index:1}
.inp_radio_list .check {position:absolute;width:11px;height:11px;top:6px;left:0;border:2px solid #acacac;border-radius:50%;cursor:pointer;background:#fff;z-index:0}
.inp_radio_list .check:before{content:""}
.inp_radio_list input[type="radio"] {position:absolute;visibility:hidden}
.inp_radio_list input[type="radio"]:checked ~ .check:before {position:absolute;width:16px;height:16px;top:-2px;left:-2px;background:url(/images/youth/sprite/icon.png) no-repeat -624px -60px}
.inp_radio_list + input[type="text"]{margin-left:7px}

.inp_check_list{display:inline-block;position:relative;margin-left:40px;vertical-align:middle}
.inp_check_list:first-child{margin-left:0}
.inp_check_list label{position:relative;padding-left:25px;cursor:pointer;z-index:1}
.inp_check_list .check {position:absolute;width:14px;height:14px;top:4px;left:0;border:2px solid #acacac;cursor:pointer;background:#fff;z-index:0}
.inp_check_list .check:before{content:""}
.inp_check_list input[type="checkbox"] {position:absolute;visibility:hidden}
.inp_check_list input[type="checkbox"]:checked ~ .check:before {position:absolute;width:18px;height:18px;top:-2px;left:-2px;background:url(/images/youth/sprite/icon.png) no-repeat -624px -90px}


.layout{width: 100%; max-width: 1200px; margin: 0 auto;}
@media screen and (max-width:786px){
    .layout{width: auto; margin: 0 auto;padding:0 15px;}
}

/* header */
.header{position:absolute;left;0;top:0;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index:99;transition:.3s; }
.header:hover{background-color:#fff}
.header .layout{position:relative;height:80px;}
.header .logo{position:absolute;top:12px;left:0;width:70px;height:52px;}
.header .logo a{display:block;background-image: url(/images/youth/sprite/logo.png);background-position: 0 0;width:70px;height:52px;text-indent: -9999em; font-size:0;}
.header:hover .logo a{background-position:0 -52px}
.header .info{text-align:center;height:80px;}
.header .gnb_nav .depth1{zoom:1;display:inline-block}
.header .gnb_nav .depth1:after{display:block;clear:both;content:'';}
.header .gnb_nav .depth1 li{float:left}
.header .gnb_nav .depth1 li a{padding:0 28px;color:#fff;font-weight:bold;font-size:16px;line-height:80px;}
.header:hover .gnb_nav .depth1 li a{color:#000}
.header .gnb_nav .depth1 li a:hover, .header .gnb_nav .depth1 li a:focus, .gnb_nav .depth1 li a.active,.header:hover .gnb_nav .depth1 li a.active{color:#2d7983}
.header .dim{display:none}
@media screen and (max-width:786px){
    .header{transition:none;background-color:unset}
    .header:hover{background-color:unset}
    .header .layout{height:40px;border-bottom:1px solid #fff}
    .header .logo{top:6px;left:15px;width:35px;height:26px;}
    .header .logo a{background-image: url(/images/youth/sprite/m_logo.png);background-position: 0 0;width:35px;height:26px;background-size:54px 73px;}
    .header:hover .logo a{background-position:0 0}
    .header .info{display:none;z-index:9999;padding-top:40px;background-color:#fff;height:100vh;width:220px;position:fixed;top:0;right:0;}
    .header.gnb_open .info{display:block}
    .header .info .gnb_nav{height:100vh;background-color:#2d7983;}
    .header .info .logo{left:20px;}
    .header .info .logo a{background-position: 0 -26px;}
    .header .gnb_nav .depth1{display:block;}
    .header .gnb_nav .depth1 li{float:none;display:block;text-align:left;border-bottom:1px solid #fff}
    .header .gnb_nav .depth1 li a{padding:0 20px;display:block;height:40px;line-height:40px;font-weight:normal;font-size:13px}
    .header:hover .gnb_nav .depth1 li a{color:#fff}
    .header:hover .gnb_nav .depth1 li a.active{background-color:#fff;color:#2d7983}
    .btn_m_menu{position:absolute;padding:4px;right:15px;top:7px;width:25px;height:25px;border:1px solid #fff;cursor: pointer;z-index:99999}
    .btn_m_menu [class^="bar"]{margin:3px 0;height:1px;background-color:#fff;transition:0.4s;}
    .btn_m_menu .bar1{width:14px}
    .btn_m_menu .bar2{width:10px}
    .btn_m_menu .bar3{width:6px}
    .btn_m_menu.change{border-color:#2d7983;background-color:#2d7983;}
    .change .bar1 {background-color:#fff;
    -webkit-transform: rotate(-45deg) translate(-3px, 3px);
        transform: rotate(-45deg) translate(-3px, 3px);}
    .change .bar2 {opacity: 0;}
    .change .bar3 {width:14px;background-color:#fff;
      -webkit-transform: rotate(45deg) translate(-3px, -3px);
      transform: rotate(45deg) translate(-3px, -3px);}
    .header.gnb_open .dim{display:block;position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0, 0, 0, 0.5);z-index:999}
}


/* container */
.container{padding-bottom:173px}
@media screen and (max-width:786px){
    .container{padding-bottom:75px}
}

/* main */
.wrap_main_recruit{height:800px;background-image:url(/images/youth/main_bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.wrap_main_recruit .layout{padding-top:170px}
.wrap_main_recruit .title{font-size:50px;color:#fff;line-height:1.2;margin-bottom:60px}
.main_slider [class^="category"]{height:40px;line-height:40px;width:195px;text-align:center;font-weight:bold;margin-bottom:30px}
.main_slider .category01{background-color:#42b6be}
.main_slider .category02{background-color:#389a9f}
.main_slider .category03{background-color:#2d7983}
.main_slider .category04{background-color:#265c70}
.main_slider .category05{background-color:#1c3c59}
.main_slider .category06{background-color:#162446}
.main_slider .title_slider{font-size:22px;line-height:1.4;font-weight:bold;max-height:60px;overflow:hidden;margin-bottom:17px;text-overflow:ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
@media screen and (max-width:786px){
    .wrap_main_recruit{height:360px;background-image:url(/images/youth/m_main_bg.jpg);}
    .wrap_main_recruit .layout{padding-top:68px}
    .wrap_main_recruit .title{font-size:25px;margin-bottom:22px}
    .main_slider [class^="category"]{font-weight:normal;width:148px;height:26px;line-height:26px;margin-bottom:15px}
    .main_slider .title_slider{margin-bottom:15px;font-size:13px;max-height:18px;-webkit-line-clamp: 1}
}
.main_slider dl{padding-top:21px;border-top:1px solid #8e8e8e;}
.main_slider dl dt{margin-top:14px;font-weight:bold;font-size:18px}
.main_slider dl dt:first-child{margin-top:0}
.main_slider dl dd{font-size:14px;line-height:1.4;max-height:54px;overflow:hidden}
@media screen and (max-width:786px){
    .main_slider dl{padding-top:15px;}
    .main_slider dl dt{font-size:13px}
    .main_slider dl dd{font-size:13px}
}
.wrap_favorites_link{background-color:#e9f3f6;margin-bottom:95px}
.wrap_favorites_link .link_list{zoom:1;width:1200px;margin:0 auto;}
.wrap_favorites_link .link_list:after{display:block;clear:both;content:'';}
.wrap_favorites_link .link_list li{display:table;table-layout:fixed;float:left;position:relative}
.wrap_favorites_link .link_list li:before{content:"";position:absolute;left:0;top:50%;margin-top:-16px;width:2px;height:32px;background-color:#b0d3e0;}
.wrap_favorites_link .link_list li:first-child:before{display:none}
.wrap_favorites_link .link_list li a{display:table-cell;vertical-align:middle;height:159px;line-height:1.4;padding-left:28px;font-size:20px;font-weight:bold;background:url(/images/youth/sprite/icon_main_link.png) no-repeat 100% 0 }
.wrap_favorites_link .link_list li:nth-child(1) a{padding-right:136px;padding-left:0; }
.wrap_favorites_link .link_list li:nth-child(2) a{padding-right:133px;background-position:100% -159px}
.wrap_favorites_link .link_list li:nth-child(3) a{padding-right:193px;background-position:100% -308px}
.wrap_favorites_link .link_list li:nth-child(4) a{padding-right:140px;background-position:100% -477px}
@media screen and (max-width:786px){
    .wrap_favorites_link{margin-bottom:50px;overflow:hidden}
    .wrap_favorites_link .link_list{width:100%;margin-left:-1px;margin-top:-1px}
    .wrap_favorites_link .link_list li{width:50%;border-left:1px solid #b0d3e0;border-top:1px solid #b0d3e0;}
    .wrap_favorites_link .link_list li:before{display:none}
    .wrap_favorites_link .link_list li a{height:88px;font-size:13px;font-weight:normal;padding:0 20px;background-size:80px 318px}
    .wrap_favorites_link .link_list li:nth-child(1) a{padding-right:0;padding-left:20px; }
    .wrap_favorites_link .link_list li:nth-child(2) a{padding-right:0;background-position:100% -79px}
    .wrap_favorites_link .link_list li:nth-child(3) a{padding-right:0;background-position:100% -154px}
    .wrap_favorites_link .link_list li:nth-child(4) a{padding-right:0;background-position:100% -238px}
}
.wrap_program_info h3.title{display:inline-block;font-size:40px;font-weight:600;line-height:40px}
.wrap_program_info .stitle{display:inline-block;font-size:20px;margin-left:40px;line-height:40px;vertical-align:top}
@media screen and (max-width:786px){
    .wrap_program_info h3.title{display:block;font-size:18px;line-height:normal;text-align:center;margin-bottom:8px;font-weight:bold}
    .wrap_program_info .stitle{display:block;font-size:13px;line-height:1.4;;text-align:center;margin-left:auto;}
}
.wrap_program_info .wrap_program_list.mobile{display:none}
.wrap_program_info [class^="program0"]{margin-top:30px;padding:32px 0 0 490px;background-repeat:no-repeat;height:254px}
.wrap_program_info .program01{margin-top:40px;background-color:#42b6be;background-image: url(/images/youth/main_program01.jpg)}
.wrap_program_info .program02{background-color:#389a9f;background-image: url(/images/youth/main_program02.jpg)}
.wrap_program_info .program03{background-color:#2d7983;background-image: url(/images/youth/main_program03.jpg)}
.wrap_program_info .program04{background-color:#265c70;background-image: url(/images/youth/main_program04.jpg)}
.wrap_program_info .program05{background-color:#1c3c59;background-image: url(/images/youth/main_program05.jpg)}
.wrap_program_info .program06{background-color:#162446;background-image: url(/images/youth/main_program06.jpg)}
.wrap_program_info p.title{font-size:24px;color:#fff;font-weight:bold}
.wrap_program_info .program_list{margin-top:47px;zoom:1}
@media screen and (max-width:786px){
    .wrap_program_info .wrap_program_list.pc{display:none}
    .wrap_program_info .wrap_program_list.mobile{display:block;margin-top:25px}
    .wrap_program_info [class^="program0"]{display:block;margin-top:10px;padding:0;height:50px;line-height:50px;text-align:center;font-size:15px;color:#fff}
    .wrap_program_info .program01,.wrap_program_info .program02,.wrap_program_info .program03,.wrap_program_info .program04,.wrap_program_info .program05,.wrap_program_info .program06{background-image:none}
}
.wrap_program_info .program01 .program_list,.wrap_program_info .program02 .program_list,.wrap_program_info .program03 .program_list{margin-top:0px}
.wrap_program_info .program_list:after{display:block;clear:both;content:''}
.wrap_program_info .program_list li{float:left;width:200px;margin-right:14px;margin-top:12px; display:table;table-layout:fixed;}
.wrap_program_info .program_list li a{border:1px solid #fff;color:#fff;display:table-cell;width:100%;height:60px;text-align:center;vertical-align:middle;line-height: 1.2;transition: .5s;}
.wrap_program_info .program_list li a:hover,.wrap_program_info .program_list li a:focus{font-weight:bold;background-color:#fff}
.wrap_program_info .program01 .program_list li a:hover,.wrap_program_info .program01 .program_list li a:focus{color:#42b6be}
.wrap_program_info .program02 .program_list li a:hover,.wrap_program_info .program02 .program_list li a:focus{color:#389a9f}
.wrap_program_info .program03 .program_list li a:hover,.wrap_program_info .program03 .program_list li a:focus{color:#2d7983}
.wrap_program_info .program04 .program_list li a:hover,.wrap_program_info .program04 .program_list li a:focus{color:#265c70}
.wrap_program_info .program05 .program_list li a:hover,.wrap_program_info .program05 .program_list li a:focus{color:#1c3c59}
.wrap_program_info .program06 .program_list li a:hover,.wrap_program_info .program06 .program_list li a:focus{color:#162446}

/*footer*/
.footer{background-color:#434343;color:#fff}
.footer .layout{position:relative;padding:60px 0 100px;}
.footer .logo{position:absolute;left:0;top:65px;background-image: url(/images/youth/sprite/logo.png);background-position: 0 0;width:70px;height:52px;text-indent: -9999em; font-size:0;}
.footer .addr{padding-left:123px;font-size:18px;line-height:1.4}
.footer .logo2{position:absolute;right:0;top:128px;background-image: url(/images/youth/sprite/logo.png);background-position: 0 -104px;width:108px;height:41px;text-indent: -9999em; font-size:0;}
.footer .family_site{position:absolute;right:0;top:60px}
.footer .family_site .btn_select{color:#fff;font-weight:600;display:inline-block;height:40px;line-height:38px;width:190px;padding:0 20px;border:1px solid #fff;background-image: url(/images/youth/sprite/icon.png);background-position:100% -70px}
.footer .family_site .btn_select.open{background-position:100% -110px}
.footer .family_site .select_link{display:none;position:absolute;left:0;bottom:100%;background-color:#162446;width:190px;padding:10px 20px}
.footer .family_site .select_link li{margin:5px 0}
.footer .family_site .select_link li a{display:inline-block;font-size:14px;color:#fff;line-height:1.2}
.footer .family_site .select_link li a:hover{text-decoration:underline}
@media screen and (max-width:1120px){
    .footer .family_site{display:none}    
}
@media screen and (max-width:786px){
    .footer .layout{position:relative;padding:25px 15px 65px 15px}
    .footer .addr{padding-left:0;font-size:13px;}
    .footer .logo{left:15px;top:auto;bottom:22px;background-image: url(/images/youth/sprite/m_logo.png);background-position: 0 0;width:35px;height:26px;background-size:54px 73px;}
    .footer .logo2{right:auto;left:60px;top:auto;bottom:22px;background-image: url(/images/youth/sprite/m_logo.png);background-position: 0 -52px;width:54px;height:21px;background-size:54px 73px;}
}

/*tab*/
.wrap_tabarea{border-bottom:1px solid #bfbfbf;text-align:center}
.wrap_tabarea .layout{width:960px;max-width:960px}
.wrap_tabarea.t2 .layout{width:620px;max-width:620px}
.tab li{position:relative;width:33.33%;height:80px;border-bottom:3px solid transparent;transition:.2s}
.tab li:before{position:absolute;top:50%;left:0;margin-top:-12px;height:24px;width:1px;background-color:#bfbfbf;content:''}
.tab li:first-child:before{display:none}
.wrap_tabarea.t2 .tab li{width:50%;}
.tab li a{display:block;font-size:20px;color:#909090;padding:23px 0}
.tab li:hover,.tab li.active{border-bottom:3px solid #2d7983}
.tab li:hover a,.tab li.active a{color:#2d7983;font-weight:bold}
@media screen and (max-width:786px){
    .wrap_tabarea .layout,.wrap_tabarea.t2 .layout{width:100%;padding:0}
    .tab li{height:50px}
    .tab li:before{height:15px;margin-top:-7px}
    .tab li a{font-size:12px;padding:10px 0;line-height:1.2}
}
/* sub */
.wrap_page_title{position:relative;height:360px;background-size:auto 100%; background-position: center;}
.wrap_page_title.introduce{background-image: url(/images/youth/tit_bg01.jpg)}
.wrap_page_title.program{background-image: url(/images/youth/tit_bg02.jpg)}
.wrap_page_title.share_story{background-image: url(/images/youth/tit_bg03.jpg)}
.wrap_page_title.recruit{background-image: url(/images/youth/tit_bg04.jpg)}
.wrap_page_title.family_site{background-image: url(/images/youth/tit_bg05.jpg)}
.wrap_page_title h3.page_title{padding-top:176px;color:#fff;font-weight:bold;font-size:48px;text-align:center}
.wrap_page_title h3.page_title:after{position:absolute;content:'';width:2px;height:50px;left:50%;bottom:49px;background-color:#fff}
@media screen and (max-width:786px){
    .wrap_page_title{position:relative;height:170px;}
    .wrap_page_title h3.page_title{padding-top:82px;font-size:23px}
    .wrap_page_title h3.page_title:after{height:23px;left:50%;bottom:22px;}
}

.sub_content{padding-top:100px}
h4.title{font-size:35px;font-weight:600;margin-bottom:36px}
@media screen and (max-width:786px){
    .sub_content{padding-top:35px}
    h4.title{font-size:17px;font-weight:600;margin-bottom:15px}
}
.family_site_list{margin-bottom:50px;zoom:1}
.family_site_list:after{display:block;clear:both;content:'';}
.family_site_list li{float:left;margin-left:20px;margin-bottom:36px;text-align:center;width:224px;}
.family_site_list li:nth-child(1),.family_site_list li:nth-child(6){margin-left:0}
.family_site_list li a{display:block;margin-bottom:15px;border:1px solid #bfbfbf;overflow:hidden;}
.family_site_list li a img{width:100%;height:auto;vertical-align:top }
@media screen and (max-width:786px){
    .family_site_list{margin-bottom:35px;}
    .family_site_list li{width:48%;margin-left:4%;margin-bottom:12px;font-size:12px}
    .family_site_list li:nth-child(1),.family_site_list li:nth-child(6){margin-left:4%}
    .family_site_list li:nth-child(odd){margin-left:0}
    .family_site_list li a{margin-bottom:8px}
}

/* board list */
.wrap_search{margin-bottom:40px;background-color:#f5f5f5;border:1px solid #bfbfbf;text-align:center;padding:45px 0}
.wrap_search .selectbox{margin-right:20px}
.wrap_search .warp_inp{position:relative;display:inline-block;width:500px;border:1px solid #bfbfbf;}
.wrap_search .warp_inp .inp_txt{height:58px;line-height:58px;width:100%;padding-right:70px;border:0 none}
.wrap_search .icon_search{position:absolute;right:-1px;top:-1px;width:60px;height:60px;background-color:#2d7983;vertical-align:middle;background-position:-110px 0}
.wrap_search .btn_search{display:inline-block;background-color:#2d7983;color:#fff;font-weight:bold;height:60px;width:100px;vertical-align:top;font-size:16px}
@media screen and (max-width:786px){
    .wrap_search{padding:20px;margin-bottom:20px}
    .wrap_search .selectbox{margin-bottom:10px;}
    .wrap_search .selectbox select{width:100%}
    .wrap_search .selectbox,.wrap_search .warp_inp{display:block;margin-right:auto;width:100%}
    .wrap_search .warp_inp .inp_txt{height:33px;line-height:33px;padding-right:40px}
    .wrap_search .icon_search{width:35px;height:35px;background-position:-65px 0}
    .wrap_search .btn_search{height:35px;width:100%;font-size:13px}
}

.board_info{margin-bottom:20px}
.board_info .board_count{font-size:20px}
.board_info .board_count strong{color:#2d7983}
@media screen and (max-width:786px){
    .board_info{margin-bottom:12px}
    .board_info .board_count{font-size:13px}
}
.table.board{border-top:3px solid #162446}
.table.board .cell{border-bottom:1px solid #bfbfbf;padding:27px 10px;text-align:center}
.table.board .head .cell{font-size:18px;font-weight:bold;color:#000;text-align:center}
.table.board .cell.tit{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.table.board .cell.tit a:hover{text-decoration:underline}
.table.board .head .cell{text-align:center}
@media screen and (max-width:786px){
    .table.board .row,.table.board .cell{display:block;padding:0}
    .table.board .row{padding:12px;border-bottom:1px solid #bfbfbf;}
    .table.board .cell{border-bottom:0 none}
    .table.board .head{display:none}
}
.board_recruit .table.board .cell.status{width:12%;padding-left:50px}
.board_recruit .table.board .cell.status span{display:inline-block;width:60px;height:30px;line-height:30px;color:#fff;background-color:#aaaaaa}
.board_recruit .table.board .ing .cell.status span{background-color:#2d7983;}
.board_recruit .table.board .che .cell.status span{background-color:#162446;}
.board_recruit .table.board .cell.category{width:23%;font-weight:bold}
.board_recruit .table.board .ing .cell.category{color:#2d7983;}
.board_recruit .table.board .che .cell.category{color:#162446;}
.board_recruit .table.board .end .cell.category{color:#aaaaaa;}
.board_recruit .table.board .cell.tit{width:42%;}
.board_recruit .table.board .cell.period{width:23%;padding-right:50px}
@media screen and (max-width:786px){
    .board_recruit .table.board .row{position:relative}
    .board_recruit .table.board .cell.status{width:100%;padding-left:0}
    .board_recruit .table.board .cell.status span{position:absolute;left:12px;top:12px;width:40px;height:20px;line-height:20px;font-size:12px}
    .board_recruit .table.board .cell.category{display:none}
    .board_recruit .table.board .cell.tit{width:100%;margin-bottom:6px;padding-left:50px}
    .board_recruit .table.board .cell.tit a{font-weight:600}
    .board_recruit .table.board .cell.period{width:100%;padding-right:0;text-align:right}
}

.board_story .table.board .cell.num{padding-left:50px;width:10%;}
.board_story .table.board .cell.category{width:20%;color:#2d7983;font-weight:bold}
.board_story .table.board .head .cell.category{color:#000;}
.board_story .table.board .cell.tit{width:45%;}
.board_story .table.board .cell.date{width:15%;}
.board_story .table.board .cell.count{padding-right:50px;width:12%;}
@media screen and (max-width:786px){
    .board_story .table.board .cell.num,.board_story .table.board .cell.count{display:none}
    .board_story .table.board .cell.category{width:100%;text-align:left;margin-bottom:6px}
    .board_story .table.board .cell.tit{width:100%;margin-bottom:6px}
    .board_story .table.board .cell.date{width:100%;text-align:right}
}

/*pagination_area*/
.pagination_area{margin-top:70px;text-align:center}
.pagination{display:inline-block;vertical-align:top;zoom:1}
.pagination:after{display:block;clear:both;content:''}
.pagination li{float:left}
.pagination li a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;text-decoration:none;border:1px solid #fff}
.pagination li.active a{font-weight:bold;color:#2d7983;text-decoration:underline}
.pagination li.btn_move a{border:1px solid #2d7983}
.pagination li.btn_move .icon_{width:38px;height:38px;vertical-align:top}
.pagination li.first_page .icon_{background-position:-180px 0}
.pagination li.prev_page .icon_{background-position:-218px 0;background-color:#2d7983}
.pagination li.prev_page{margin-right:10px}
.pagination li.next_page .icon_{background-position:-256px 0;background-color:#2d7983}
.pagination li.next_page{margin-left:10px}
.pagination li.last_page .icon_{background-position:-294px 0}
@media screen and (max-width:786px){
    .pagination_area{margin-top:25px;}
    .pagination li a{width:30px;height:30px;line-height:30px;}
    .pagination li.btn_move .icon_{width:28px;height:28px;}
    .pagination li.first_page .icon_{background-position:-110px 0}
    .pagination li.prev_page .icon_{background-position:-138px 0}
    .pagination li.next_page .icon_{background-position:-166px 0}
    .pagination li.last_page .icon_{background-position:-194px 0}
}
/* board view */
.board_view{border-top:3px solid #000}
.board_view .cell{border-bottom:1px solid #bfbfbf;padding:25px 35px}
.board_view .cell.tit p{margin-bottom:25px;color:#162446;font-size:20px;font-weight:bold}
.board_view .cell dl{zoom:1}
.board_view .cell dl:after{display:block;clear:both;content:''}
.board_view .cell dl dt,.board_view .cell dl dd{float:left;}
.board_view .cell.tit>dl>dt:before{margin-right:8px;display:inline-block;content:'';width:1px;height:12px;background-color:#000;}
.board_view .cell.tit>dl>dt:first-child:before{display:none}
.board_view .cell.tit>dl>dt{margin-right:9px;margin-left:7px}
.board_view .cell.tit>dl>dt:first-child{margin-left:0}
.board_view .cell.cont{padding-bottom:200px;vertical-align:top;}
.board_view .cell.cont img{max-width:100%}
.board_view .cell.subinfo dl dt{width:12%;font-weight:bold;color:#162446}
.board_view .cell.subinfo dl dd{width:88%}
.board_view .cell.subinfo dl dd a:hover{text-decoration:underline}
@media screen and (max-width:786px){
    .board_view .cell{padding:15px}
    .board_view .cell.tit p{margin-bottom:5px;font-size:16px}
    .board_view .cell.tit>dl>dt:before{height:10px}
    .board_view .cell.cont{padding-bottom:50px}
    .board_view .cell.subinfo dl dt,.board_view .cell.subinfo dl dd{float:none;display:block;width:100%}
    .board_view .cell.subinfo dl dt{margin-bottom:5px}
}
.board_view.move_page{margin-top:30px;border-top:1px solid #bfbfbf}
.board_view.move_page .cell{background-color:#f5f5f5;color:#9a9999}
.board_view.move_page .cell dl dd a{display:block;width:100%;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.btn_go_recruit{display:inline-block;padding:0 32px;background-color:#162446;text-align:center;height:42px;line-height:42px;color:#fff}
.wrap_btn_board{;margin-top:80px;text-align:center}
.wrap_btn_board .btn_board{display:inline-block;background-color:#2d7983;color:#fff;font-weight:bold;text-align:center;height:58px;line-height:58px;width:148px}
@media screen and (max-width:786px){
    .wrap_btn_board{margin-top:30px}
    .wrap_btn_board .btn_board{height:42px;line-height:42px;font-weight:normal}
}

/* board gallery */
.gallery_list{zoom:1;margin-top:-40px}
.gallery_list:after{display:block;clear:both;content:''}
.gallery_list li{float:left;width:32%;margin-left:2%;margin-top:40px}
.gallery_list li:nth-child(3n+1){margin-left:0;}
.gallery_list li a .wrap_img{width:100%;height:300px;overflow:hidden;border:1px solid #bfbfbf;background-color:#f5f5f5}
.gallery_list li a .wrap_img img{width:100%;height:100%;}
.gallery_list li a p.tit{margin:15px 0;font-weight:bold;font-size:18px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery_list li span.count{display:inline-block;padding:0 10px;height:30px;line-height:30px;background-color:#a0a0a0;font-weight:600;color:#fff}
@media screen and (max-width:786px){
    .gallery_list{margin-top:auto}
    .gallery_list li{float:none;display:block;width:100%;margin-left:0;margin-top:15px}
    .gallery_list li:first-child{margin-top:0}
    .gallery_list li a .wrap_img{width:100%;height:auto;min-height:200px}
    .gallery_list li a .wrap_img img{width:100%;height:auto;vertical-align:top}
    .gallery_list li a p.tit{margin:5px 0;font-size:15px}
    .gallery_list li span.count{height:23px;line-height:23px;font-size:12px}
}

/* board card */
.card_list{zoom:1;margin-top:-40px}
.card_list:after{display:block;clear:both;content:''}
.card_list li{float:left;margin-left:2%;margin-top:40px; width:32%;height:220px;overflow:hidden;border:1px solid #bfbfbf;}
.card_list li:nth-child(3n+1){margin-left:0;}
.card_list li a{display:block;position:relative;padding:30px;height:218px;transition:.3s}
.card_list li a:hover{background-color:#2d7983}
.card_list li a p.country{font-size:18px;font-weight:700;margin-bottom:10px}
.card_list li a p.tit{font-size:24px;overflow:hidden;line-height:1.4;height:4.2em;text-overflow:ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.card_list.program_country li a p.tit{-webkit-line-clamp: 2;height:2.8em;word-break:keep-all}
.card_list li a span.btn_view{position:absolute;bottom:28px;right:45px;padding-right:45px;height:46px;line-height:46px;color:#2d7983;font-size:18px;font-weight:600;background: url(/images/youth/sprite/icon.png) no-repeat 100% -160px;}
.card_list li a span.btn_view:after{display:inline-block;margin-left:8px;margin-bottom:5px;width:33px;height:1px;content:'';background-color:#2d7983}
.card_list li a:hover span.btn_view:after{background-color:#fff}
.card_list li a:hover p.country, .card_list li a:hover p.tit{color:#fff}
.card_list li a:hover .btn_view{color:#fff;background-position:100% -206px}
@media screen and (max-width:786px){
    .card_list{margin-top:0}
    .card_list li{float:none;display:block;margin-left:0;margin-top:15px;width:100%;height:140px;}
    .card_list li a{padding:20px;height:138px;}
    .card_list li a p.tit{font-size:13px;}
    .card_list li a span.btn_view{padding-right:32px;right:20px;bottom:20px;font-size:12px;height:33px;line-height:33px;background: url(/images/youth/sprite/m_icon.png) no-repeat 100% -45px;background-size:250px 150px}
    .card_list li a span.btn_view:after{width:24px;margin-left:5px;margin-bottom:4px;}
    .card_list li a:hover .btn_view{background-position:100% -77px}
}


/* program */
.wrap_program dl{display:table;table-layout:fixed;width:100%}
.wrap_program dl dt{display:table-cell;width:340px;vertical-align:middle;text-align:center}
.wrap_program dl dd{display:table-cell;vertical-align:middle;padding-left:30px;padding-right:25px;word-break: keep-all}
.wrap_program dl[class^="category0"]{margin-bottom:30px;margin-top:80px;}
.wrap_program dl[class^="category0"]:first-child{margin-top:0}
.wrap_program dl[class^="category0"] dt{position:relative;border:1px solid #aaaaaa;height:180px;background:no-repeat 50% 50%/cover;color:#fff;font-size:24px;font-weight:600; text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; 
	-webkit-text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; 
	-moz-text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; }
.wrap_program dl.category01 dt{background-image: url(/images/youth/main_program01.jpg) }
.wrap_program dl.category02 dt{background-image: url(/images/youth/main_program02.jpg) }
.wrap_program dl.category03 dt{background-image: url(/images/youth/main_program03.jpg) }
.wrap_program dl.category04 dt{background-image: url(/images/youth/main_program04.jpg) }
.wrap_program dl.category05 dt{background-image: url(/images/youth/main_program05.jpg) }
.wrap_program dl.category06 dt{background-image: url(/images/youth/main_program06.jpg) }
.wrap_program dl[class^="category0"] dd{font-size:18px;}
@media screen and (max-width:786px){
    .wrap_program dl[class^="category0"]{display:block;margin-bottom:16px;margin-top:50px}
    .wrap_program dl[class^="category0"] dt{display:block;width:100%;font-size:15px;font-weight:bold;height:50px;line-height:50px;border:0 none;background-image:none;margin-bottom:16px;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
    .wrap_program dl.category01 dt{background-color:#42b6be}
    .wrap_program dl.category02 dt{background-color:#389a9f}
    .wrap_program dl.category03 dt{background-color:#2d7983}
    .wrap_program dl.category04 dt{background-color:#265c70}
    .wrap_program dl.category05 dt{background-color:#1c3c59}
    .wrap_program dl.category06 dt{background-color:#162446}
    .wrap_program dl[class^="category0"] dd{display:block;width:100%;font-size:13px;padding:0}
    .wrap_program dl[class^="category0"] dd br{display:none}
}

.wrap_program dl[class^="prgrm0"]{margin-bottom:20px;background-color:#eeeeee}
.wrap_program dl[class^="prgrm0"] dt{height:125px;font-size:20px;font-weight:bold;color:#fff}
.wrap_program dl[class^="prgrm01"] dt{background-color:#42b6be}
.wrap_program dl[class^="prgrm02"] dt{background-color:#389a9f}
.wrap_program dl[class^="prgrm03"] dt{background-color:#2d7983}
.wrap_program dl[class^="prgrm04"] dt{background-color:#265c70}
.wrap_program dl[class^="prgrm05"] dt{background-color:#1c3c59}
.wrap_program dl[class^="prgrm06"] dt{background-color:#162446}
.wrap_program dl[class^="prgrm0"] dd.button{width:165px}
.wrap_program dl[class^="prgrm0"] dd.button button{width:107px;height:80px;line-height:80px;color:#fff;font-weight:bold;font-size:16px;transition:.2s}
.wrap_program dl[class^="prgrm0"] dd.button button:hover{background-color:#fff}
.wrap_program dl[class^="prgrm01"] dd.button button{border:2px solid #42b6be;background-color:#42b6be}
.wrap_program dl[class^="prgrm01"] dd.button button:hover{color:#42b6be}
.wrap_program dl[class^="prgrm02"] dd.button button{border:2px solid #389a9f;background-color:#389a9f}
.wrap_program dl[class^="prgrm02"] dd.button button:hover{color:#389a9f}
.wrap_program dl[class^="prgrm03"] dd.button button{border:2px solid #2d7983;background-color:#2d7983}
.wrap_program dl[class^="prgrm03"] dd.button button:hover{color:#2d7983}
.wrap_program dl[class^="prgrm04"] dd.button button{border:2px solid #265c70;background-color:#265c70}
.wrap_program dl[class^="prgrm04"] dd.button button:hover{color:#265c70}
.wrap_program dl[class^="prgrm05"] dd.button button{border:2px solid #1c3c59;background-color:#1c3c59}
.wrap_program dl[class^="prgrm05"] dd.button button:hover{color:#1c3c59}
.wrap_program dl[class^="prgrm06"] dd.button button{border:2px solid #162446;background-color:#162446}
.wrap_program dl[class^="prgrm06"] dd.button button:hover{color:#162446}
@media screen and (max-width:786px){
    .wrap_program dl[class^="prgrm0"]{margin-bottom:10px}
    .wrap_program dl[class^="prgrm0"] dt{font-size:13px;color:#7c7c7c;background-color:#eeeeee;height:auto;width:auto;font-weight:600;line-height:1.2}
    .wrap_program dl[class^="prgrm0"] dd.txt{display:none}
    .wrap_program dl[class^="prgrm0"] dd.button{width:40px;padding:0;}
    .wrap_program dl[class^="prgrm0"] dd.button button{width:100%;height:40px;line-height:40px;background-image: url(/images/youth/sprite/m_icon.png);background-position: 100% -110px;text-indent: -9999em; font-size:0;background-size:250px 150px;border:0 none}
    .wrap_program dl[class^="prgrm01"] dd.button button:hover{background-color:#42b6be}
    .wrap_program dl[class^="prgrm02"] dd.button button:hover{background-color:#389a9f}
    .wrap_program dl[class^="prgrm03"] dd.button button:hover{background-color:#2d7983}
    .wrap_program dl[class^="prgrm04"] dd.button button:hover{background-color:#265c70}
    .wrap_program dl[class^="prgrm05"] dd.button button:hover{background-color:#1c3c59}
    .wrap_program dl[class^="prgrm06"] dd.button button:hover{background-color:#162446}
}

/* program popup */
#wrapPopup{display:none;position:relative;top:0px !important}
#wrapPopup .cont_popup{width:1217px;background:#fff}
@media screen and (max-width:786px){
    #wrapPopup{width:100%}
    #wrapPopup .cont_popup{width:100vw}
}
.body_popup{height:auto}
.popup{position:relative;padding:90px 0 90px;height:100vh;overflow:auto;}
.popup button.icon_close{position:absolute;right:36px;top:46px;width:28px;height:28px;background-position:0 -262px;z-index:100 }
.popup .popup_layout{width:100%;margin: 0 auto;max-width:1060px}
.popup .popup_layout_bg{background-color:#e9f3f6;padding:40px 0;}
.popup .prgrm_name{margin-bottom:40px}
.popup .prgrm_name p{font-size:32px;font-weight:bold;}
.popup .prgrm_name p.sprgrm_name{font-size:18px;font-weight:normal;}
.popup .txt{margin-bottom:30px;font-size:20px}
.popup .txtlist li{position:relative;padding-left:18px;margin-bottom:6px}
.popup .txtlist li:before{position:absolute;left:5px;top:11px;content:'';width:6px;height:6px;border-radius:6px; background:#bfbfbf}
.popup .stit{font-weight:bold;font-size:20px;margin-bottom:5px}
.popup .wrap_btn a.btn_link{display:inline-block;padding:0 40px;background-color:#162446;text-align:center;height:40px;line-height:40px;margin:8px 20px 8px 0;font-size:18px;color:#fff}
.popup .wrap_btn  a.btn_link:first-child{margin-left:0;}

@media screen and (max-width:786px){
    .popup{padding:50px 0 100px}
    .popup .popup_layout{padding:0 20px}
	.popup button.icon_close{background-color:#2d7983;right:20px;top:20px;height:20px;width:25px;height:25px;background-position:-225px 0;}
    .popup .prgrm_name{margin-bottom:20px}
    .popup .prgrm_name p{font-size:16px;}
    .popup .prgrm_name p.sprgrm_name{font-size:12px;}
    .popup .txt{margin-bottom:20px;font-size:12px}
    .popup .txtlist li{padding-left:15px; }
    .popup .txtlist li:before{top:6px;width:5px;height:5px;border-radius:5px;}
    .popup .stit{font-size:14px}
    .popup .wrap_btn a.btn_link{height:25px;line-height:25px;margin:4px 10px 4px 0;padding:0;width: 170px; font-size:12px;}
}
.popup .layout_2column{zoom:1;}
.popup .layout_2column:after{display:block;clear:both;content:''}
.popup .layout_2column .column{float:left;width:48%;margin-left:4%}
.popup .layout_2column .column:first-child{margin-left:0}
@media screen and (max-width:786px){
    .popup .layout_2column .column{float:none;width:100%;margin-left:0;margin-top:10px}
    .popup .layout_2column .column:first-child{margin-top:0}
}
.popup .layout_2column.img_area{margin-bottom:35px}
.popup .layout_2column .column img{width:100%;height:auto;vertical-align:top}
.popup .detail_info .table{border-top:1px solid #bfbfbf}
.popup .detail_info .cell{border-bottom:1px solid #bfbfbf;padding:15px}
.popup .detail_info dl dt{font-size:20px;font-weight:bold;width:20%;vertical-align:top}
.popup.prgrm01 .detail_info dl dt{color:#42b6be;}
.popup.prgrm01 .prgrm_name p,.popup.prgrm01 .detail_info dl dt{color:#42b6be}
.popup.prgrm02 .prgrm_name p,.popup.prgrm02 .detail_info dl dt{color:#389a9f}
.popup.prgrm03 .prgrm_name p,.popup.prgrm03 .detail_info dl dt{color:#2d7983}
.popup.prgrm04 .prgrm_name p,.popup.prgrm04 .detail_info dl dt{color:#265c70}
.popup.prgrm05 .prgrm_name p,.popup.prgrm05 .detail_info dl dt{color:#1c3c59}
.popup.prgrm06 .prgrm_name p,.popup.prgrm06 .detail_info dl dt{color:#162446}
.popup .detail_info dl dd{width:80%}
.popup .button_area{margin-top:60px;text-align:center}
.popup .button_area a{display:inline-block;width:380px;height:76px;line-height:76px;text-align:center;color:#fff;font-size:20px;font-weight:bold;margin-left:40px}
.popup .button_area a:first-child{margin-left:0}
.popup.prgrm01 .button_area a{background-color:#42b6be}
.popup.prgrm02 .button_area a{background-color:#389a9f}
.popup.prgrm03 .button_area a{background-color:#2d7983}
.popup.prgrm04 .button_area a{background-color:#265c70}
.popup.prgrm05 .button_area a{background-color:#1c3c59}
.popup.prgrm06 .button_area a{background-color:#162446}
@media screen and (max-width:786px){
    .popup .layout_2column.img_area{margin-bottom:20px}
    .popup .detail_info .table:last-child{border-top:0 none;margin-top:0}
    .popup .detail_info .cell{padding:8px}
    .popup .detail_info dl dt{font-size:13px}
    .popup .button_area{margin-top:35px}
    .popup .button_area a{display:block;width:100%;margin-left:0;margin-top:15px;height:44px;line-height:44px;font-size:13px}
    .popup .button_area a:first-child{margin-top:0}
}

.popup .popup_layout_bg{background-color:#e9f3f6;padding:40px 0;margin-top:50px}
.popup .stit2{font-size:22px;font-weight:bold}
.popup .process{margin-top:10px;zoom:1;width:100%}
.popup .process:after{display:block;clear:both;content:''}
.popup .process li{position:relative;float:left;padding:28px 10px;width:14%;margin-left:3.2%;text-align:center;background-color:#fff;height:150px}
.popup .process li:first-child{margin-left:0}
.popup .process li:before{position:absolute;top:50%;left:-20px;margin-top:-7px;content:"";width:0px;height:0px;border-left:9px solid #b5b5b5;border-bottom:7px solid transparent;border-top:7px solid transparent}
.popup .process li:first-child:before{display:none}
.popup .process li p.agency{font-weight:bold;margin-bottom:15px}
.popup .process li p{line-height:1.3}
@media screen and (max-width:786px){
    .popup .popup_layout_bg{margin-top:35px;padding:30px 0}
    .popup .stit2{font-size:14px;}
    .popup .process li{float:none;display:block;margin-left:0;margin-top:30px;padding:10px;width:100%;height:auto}
    .popup .process li:first-child{margin-top:0;}
    .popup .process li:before{left:50%;top:-13px;border-top:9px solid #b5b5b5;border-left:7px solid transparent;border-right:7px solid transparent}
    .popup .process li br{display:none}
    .popup .process li p.agency{margin-bottom:5px}
}


/* introduce */
.introduce_content{margin-bottom:40px;padding-left:326px;font-size:18px;word-break:keep-all;background: url(/images/youth/introduce_bg.png) no-repeat 0 0}
.introduce_content .title{margin-bottom:30px;font-size:28px;line-height:1.4}
.introduce_program{zoom:1}
.introduce_program:after{display:block;clear:both;content:''}
.introduce_program li{float:left;width:31.5%;margin-left:2.75%;margin-top:30px}
.introduce_program li:nth-child(3n+1){margin-left:0}
.introduce_program li a{display:block;height:245px;width:100%;color:#fff;font-size:24px;font-weight:700;text-align:center;text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; 	-webkit-text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; -moz-text-shadow: 0 0 19px rgba(0, 0, 0, 1) ; transition:.5s;padding-top:100px;background: no-repeat 50% 50%/cover;}
.introduce_program li.program01 a{background-image: url(/images/youth/main_program01.jpg)}
.introduce_program li.program02 a{background-image: url(/images/youth/main_program02.jpg)}
.introduce_program li.program03 a{background-image: url(/images/youth/main_program03.jpg)}
.introduce_program li.program04 a{background-image: url(/images/youth/main_program04.jpg)}
.introduce_program li.program05 a{background-image: url(/images/youth/main_program05.jpg)}
.introduce_program li.program06 a{background-image: url(/images/youth/main_program06.jpg)}
.introduce_program li a:hover{background-image:none}
.introduce_program li.program01 a:hover{background-color:#42b6be}
.introduce_program li.program02 a:hover{background-color:#389a9f}
.introduce_program li.program03 a:hover{background-color:#2d7983}
.introduce_program li.program04 a:hover{background-color:#265c70}
.introduce_program li.program05 a:hover{background-color:#1c3c59}
.introduce_program li.program06 a:hover{background-color:#162446}
@media screen and (max-width:786px){
    .introduce_content{margin-bottom:20px;background:none;padding:0;font-size:13px}
    .introduce_content .title{font-size:16px;font-weight:600;margin-bottom:20px;}
    .introduce_program li{display:block;float:none;margin:0;margin-top:10px;width:100%}
    .introduce_program li a{padding-top:58px;height:140px;font-size:16px}
}

/* program_country */
.wrap_map{margin-bottom:50px} 
.wrap_map img,.wrap_map area{outline:none;} 
.wrap_map img,.wrap_map area:focus{outline:none;} 
@media screen and (max-width:786px){
    .wrap_map{display:none}