@charset "utf-8";
body{font-family:'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:#000;}

@keyframes tbmove {
    0% {transform: translate(0px); opacity:0;}
    50% {transform: translate(-5px); opacity:0;}
    to {transform: translate(0); opacity:1}
}

/* header */
#header{position:relative; z-index:99999;}
#header:after{content:""; display:block; clear:both;}
#header h1{display:block; position:absolute; width:206px; top:30px; left:100px;}
#header h1 a{background:url(/young/usr/images/common/logo.png) no-repeat; display:block; line-height:5000; overflow:hidden; width:206px; height:42px;}
#header .all_menu{display:none;}
#gnb>ul{text-align:center; padding-top:35px;}
#gnb>ul>li{display:inline-block; font-size:24px; color:#000; font-weight:600; margin-left:80px;}
#gnb>ul>li>a{position:relative; display:inline-block;}
#gnb>ul>li>a:hover:after,
#gnb>ul>li>a:focus:after{content:""; display:block; width:100%; height:4px; background:#2897e5; position:absolute; bottom:-35px; left:0; right:0; margin:auto;}
#gnb>ul>li:first-child{margin-left:0;}

#gnb .menu_close{display:none;}

#header .t_btn_search>ul{display:none;}
#header .t_btn_search.search_open>ul{display:block; position:fixed; width:100%; height:100px; top:0; left:0; background:#fff; border-bottom:1px solid #ddd; padding:30px;}
#header .t_btn_search input{border:3px solid #2897e5; border-radius:20px; width:calc(100% - 40px); padding-right:50px}
#header .t_btn_search>ul .btn_search{background:url(/young/usr/images/common/icon_search_blue.png) no-repeat; width:20px; height:21px; background-size:100%; line-height:5000; overflow:hidden; position:absolute; top:38px; right:90px; display:block;}
#header .t_btn_search>ul .btn_x{position:absolute; top:36px; right:30px; width:25px; height:25px; line-height:5000; overflow:hidden;}
#header .t_btn_search>ul .btn_x:before,
#header .t_btn_search>ul .btn_x:after{content:""; display:block; width:100%; height:3px; background:#999; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:5px;}
#header .t_btn_search>ul .btn_x:before{transform:rotate(-45deg);}
#header .t_btn_search>ul .btn_x:after{transform:rotate(-135deg);}

.top_navi>li{display:inline-block;}
.top_navi>li>a{border:1px solid #ddd; padding:5px 10px; display:block;}

/* header :: 1500 이상 web */
@media all and (min-width:1500px){
    #header{padding-bottom:35px;}

    #gnb div{display:none;}
    #gnb>ul>li.on>a:after{content:""; display:block; width:100%; height:4px; background:#2897e5; position:absolute; bottom:-35px; left:0; right:0; margin:auto;}
    #gnb>ul>li.on div{display:block;position:absolute;top:107px;left:0;background:#fafafa;width:100%;z-index:999;transition:ease-in 0.5s;overflow: hidden;}
    #gnb>ul>li div li{display:inline-block;}
    #gnb>ul>li div li a{color:#666; display:block; font-size:18px; margin-right:30px; position:relative;}
    #gnb>ul>li div li a:before{content:""; visibility: hidden; width:0px; height:3px; position:absolute; bottom:3px; left:0; background:#f5e8b6; transition:linear 0.3s;}
    #gnb>ul>li div li a:hover,
    #gnb>ul>li div li a:focus{color:#000; transition:linear 0.2s;}
    #gnb>ul>li div li a:hover:before,
    #gnb>ul>li div li a:focus:before{visibility:inherit; width:100%;}
    #gnb>ul>li div ul{position:relative; padding:20px 0;}
    #gnb>ul>li:first-child div ul{left:-75px;}
    #gnb>ul>li:nth-child(2) ul{left:-153px}
    #gnb>ul>li:nth-child(3) ul{display:none}
    #gnb>ul>li:nth-child(4) ul{left:190px}
    #gnb>ul>li:nth-child(5) ul{left:344px;}

    .top_navi{position:absolute; right:100px; top:35px;}
    .top_navi>li{float:left; margin-left:8px;}
    .top_navi>li>button{border:1px solid #ddd; width:40px; height:36px; background:url(/young/usr/images/common/icon_search.png) no-repeat center; line-height:5000; overflow:hidden; display:block; background-size:19px;}
}
/* header :: t & m 공통*/
@media all and (max-width:1499px){
    #header h1{display:block; padding:30px 0 22px 30px; position:relative; top:0; left:0;}
    #header h1 a{background:url(/young/usr/images/common/logo.png) no-repeat; display:block; line-height:5000; overflow:hidden; width:206px; height:42px; background-size:80%;}
    #header .all_menu{position:absolute; top:35px; right:30px; width:23px; height:20px; display:block; overflow:hidden;}
    #header .all_menu:before,
    #header .all_menu:after,
    #header .all_menu button:before{content:""; display:block; width:100%; height:4px; border-radius:3px; background:#2e4792; position:absolute; margin:auto;}
    #header .all_menu:before{top:0; bottom:0; right:0; left:0;}
    #header .all_menu:after{top:0; left:0;}
    #header .all_menu button{width:100%; height:100%; line-height:50000; overflow:hidden;}
    #header .all_menu button:before{bottom:0; left:0;}

    #header .t_btn_search{display:block;}
    #header .t_btn_search>button{background:url(/young/usr/images/common/icon_search.png) no-repeat; width:22px; height:23px; line-height:5000; overflow:hidden; position:absolute; top:34px; right:70px; display:block;}

    .top_navi>li{display:none;}
    .top_navi>li>a{border:1px solid #ddd; padding:5px 10px; display:block;}
    
    #gnb{display:none; position:relative;}
    #gnb>ul>li>a:hover:after,
    #gnb>ul>li>a:focus:after{display:none;}
    #gnb .menu_close{display:block;}
    
    .menu_open #gnb{display:block;}
    .menu_open #gnb>ul{background:#f4f4f4; position:fixed; width:350px; height:calc(100vh - 70px); right:0; top:70px; z-index:1; overflow-y:auto; padding-top:0;}
    .menu_open #gnb:before{content:""; display:block; width:100%; height:100vh; position:fixed; background:#000; opacity:0.6; top:0; left:0;}
    .menu_open #gnb>ul>li{border-bottom:1px solid #ddd; font-size:16px; font-weight:600; text-align:center; margin-left:0; display:block;}
    .menu_open #gnb>ul>li>a{display:block; padding:15px 20px;}
    .menu_open #gnb>ul>li.on>a{background:#2897e5; color:#fff; transition:ease-in 0.5s;}
    .menu_open #gnb>ul>li>div{display:none;}
    .menu_open #gnb>ul>li.on>div{display:block; padding:10px 20px; background:#fff;}
    .menu_open #gnb>ul>li div>ul>li{font-size:14px; text-align:left; border-top:1px solid #ddd;}
    .menu_open #gnb>ul>li div>ul>li:first-child{border-top:0;}
    .menu_open #gnb>ul>li div>ul>li>a{display:block; padding:10px 0; position:relative;}
    .menu_open #gnb>ul>li div>ul>li>a:before{content:""; display:block; width:13px; height:7px; background:url(/young/usr/images/common/arrow_blue_btm.png) no-repeat center; background-size:80%; transform:rotate(-90deg); position:absolute; top:0; bottom:0; margin:auto; right:0; opacity:0.5}
    .menu_close button{position:absolute; top:-65px; right:370px; z-index:2; display:block; width:28px; height:28px; line-height:5000; overflow:hidden;}
    .menu_close button:before,
    .menu_close button:after{content:""; display:block; width:100%; height:3px; background:#fff; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:5px;}
    .menu_close button:before{transform:rotate(-45deg);}
    .menu_close button:after{transform:rotate(-135deg);}
    
    #header.menu_open .t_btn_search{display:none;}
    .menu_open .top_navi{background:#fff; position:fixed; z-index:2; right:0; top:0; width:350px; height:70px; text-align:right; padding:15px 15px; border-bottom:1px solid #ddd;}
    .menu_open .top_navi>li{display:inline-block;}
    .menu_open .top_navi>li:nth-child(2),
    .menu_open .top_navi>li:nth-child(3){display:inline-block;}
    .menu_open .top_navi>li:nth-child(3){right:87px;}
}
/* header :: m */
@media all and (max-width:767px){
#header h1{padding:20px 0 8px 20px;}
#header h1 a{background-size:70%;}
#header .all_menu{top:25px; right:20px; width:20px; height:17px;}
#header .all_menu:before,
#header .all_menu:after,
#header .all_menu button:before{height:3px;}

#header .t_btn_search>button{width:19px; height:19px;background-size:100%; top:24px; right:55px;}
#header .t_btn_search.search_open>ul{height:80px; padding:20px;}

#header .t_btn_search input{width:calc(100% - 30px);}
#header .t_btn_search>ul .btn_search{width:19px; height:20px;top:30px; right:70px;}

#header .t_btn_search>ul .btn_x{top:30px; right:20px; width:20px; height:20px;}
.top_navi>li:nth-child(2),
.top_navi>li:nth-child(3){display:none;}
.top_navi>li>a{border:1px solid #ddd; padding:5px 10px; display:block;}

.menu_open #gnb>ul{width:80%; height:calc(100vh - 70px);}
.menu_close button{top:-50px; right:calc(80% + 10px);}

.menu_open .top_navi{width:80%;}
}

/* s visual */
.s_visual.bg_01 h2{background:#2897e5 url(/young/usr/images/contents/visual01.jpg) no-repeat 0;}
.s_visual.bg_02 h2{background:#f26262 url(/young/usr/images/contents/visual02.jpg) no-repeat 0;}
.s_visual.bg_03 h2{background:#446acd url(/young/usr/images/contents/visual03.jpg) no-repeat 0;}
.s_visual.bg_04 h2{background:#ff9c00 url(/young/usr/images/contents/visual04.jpg) no-repeat 0;}
.s_visual.bg_05 h2{background:#7454dd url(/young/usr/images/contents/visual05.jpg) no-repeat 0;}
.s_visual h2{color:#fff; padding:40px; font-size:35px;}

.s_visual nav{position:relative; z-index:1000;}
.s_visual nav:after{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; left:0;}
.s_visual nav ol{position:relative;}
.s_visual nav ol:before{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:47px; left:0;}
.s_visual nav ol:after{content:""; display:block; clear:both;}
.s_visual nav ol>li{float:left; position:relative;}
.s_visual nav ol>li>a,
.s_visual nav ol>li>button{display:block; padding:13px 40px 13px 15px; border-right:1px solid #ddd; position:relative;}
.s_visual nav li.on>a,
.s_visual nav li.on>button{background:#2897e5; color:#fff; font-weight:600}
.s_visual nav ol>li:first-child>a{padding:12px 20px;}
.s_visual nav ol>li>a:after,
.s_visual nav ol>li>button:after{content:""; display:block; width:13px; height:7px; background:url(/young/usr/images/common/arrow_blue_btm.png) no-repeat; background-size:70%; position:absolute; top:0; bottom:0; right:12px; margin:auto;}
.s_visual nav ol>li.on>a:after,
.s_visual nav ol>li.on>button:after{background:url(/young/usr/images/common/arrow_white_top.png) no-repeat; background-size:70%;}
.s_visual nav ol>li:first-child>a:after{display:none;}
.s_visual nav ol>li:first-child a{background:url(/young/usr/images/common/icon_home.png) no-repeat center; display:block; line-height:5000; overflow:hidden; width:45px; height:47px;}
.s_visual nav li ul{display:none; position:absolute; background:#fff; width:100%; z-index:100; border:1px solid #ddd;}
.s_visual nav li li{padding:0 15px;}
.s_visual nav li li a{display:block; padding:15px 20px 15px 0; font-size:95%; border-top:1px solid #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative;}
.s_visual nav li li:first-child a{border-top:0;}
.s_visual nav li li a:hover,
.s_visual nav li li a:focus{font-weight:600; color:#000}
.s_visual nav li li a:hover:before,
.s_visual nav li li a:focus:before{content:""; display:block; width:10px; height:2px; background:#777; border-radius:5px; position:absolute; right:0; top:0; bottom:0; margin:auto;}
.s_visual nav li li a:hover:after,
.s_visual nav li li a:focus:after{content:""; display:block; width:2px; height:10px; background:#777; border-radius:5px; position:absolute; right:4px; top:0; bottom:0; margin:auto;}
.s_visual nav li.on ul{display:block;}
.s_visual .cont_btn{display:none;}
@media all and (min-width:600px){
    .s_visual.bg_01 h2,
    .s_visual.bg_02 h2,
    .s_visual.bg_03 h2,
    .s_visual.bg_04 h2,
    .s_visual.bg_05 h2{background-position:80%; background-size:auto 100%;}
}
@media all and (min-width:768px){
    .s_visual h2{text-align:center; font-size:40px; padding:50px 0}
    .s_visual.bg_01 h2,
    .s_visual.bg_02 h2,
    .s_visual.bg_03 h2,
    .s_visual.bg_04 h2,
    .s_visual.bg_05 h2{background-position:center; background-size:auto 100%;}
    .s_visual nav ol:before{display:none;}
    .s_visual nav ol>li>a,
    .s_visual nav ol>li>button{font-size:16px; padding:18px 65px 18px 25px;}
    .s_visual nav ol>li>a:after,
    .s_visual nav ol>li>button:after{background-size:auto; right:25px;}
    .s_visual nav ol>li:first-child a{width:57px; height:60px;}
}
@media all and (min-width:1500px){
	.s_visual h2{font-size:44px; padding:65px 0;}
    .s_visual nav ol{width:1500px; margin:auto;}
    .s_visual nav ol>li:first-child a{width:65px; height:69px;}
    .s_visual nav ol>li>a,
    .s_visual nav ol>li>button{font-size:18px; padding:21px 65px 21px 25px;}
    .s_visual nav ol>li:first-child{border-left:1px solid #ddd;}
    .s_visual .cont_btn{display:block; width:1500px; position:relative; margin:auto; z-index:9999;}
    .s_visual .cont_btn>ul{position:absolute; top:-70px; right:0; border-left:1px solid #ddd;}
    .s_visual .cont_btn>ul>li{float:left; position:relative; border-right:1px solid #ddd;}
    .s_visual .cont_btn>ul>li>a,
    .s_visual .cont_btn>ul>li>button{display:block; width:65px; height:69px; line-height:5000; overflow:hidden;}
    .s_visual .cont_btn>ul>li:first-child>a,
    .s_visual .cont_btn>ul>li:first-child>button{background:url(/young/usr/images/common/icon_print.png) no-repeat center;}
    .s_visual .cont_btn>ul>li:nth-child(2)>a,
    .s_visual .cont_btn>ul>li:nth-child(2)>button{background:url(/young/usr/images/common/icon_share.png) no-repeat center;}
    .s_visual .cont_btn ul ul{display:none; position:absolute; right:-20px; top:50px; background:#fff; border:1px solid #ddd; border-radius:30px; padding:15px 30px; width:207px; z-index:9999;}
    .s_visual .cont_btn ul ul:after{display:block; content:""; width:11px; height:6px; background:url(/young/usr/images/common/bg_arrow.gif) no-repeat; position:absolute; top:-6px; right:42px;}
    .s_visual .cont_btn li li{float:left; position:relative; margin-left:15px;}
    .s_visual .cont_btn li li:first-child{margin:0}
    .s_visual .cont_btn li li:after{width:1px; height:18px; content:""; display:block; background:#f8f8f8; position:absolute; top:3px; left:-7px;}
    .s_visual .cont_btn li li:first-child:after{display:none;}
    .s_visual .cont_btn li li:nth-child(2) a,
    .s_visual .cont_btn li li:nth-child(3) a{display:block; overflow:hidden; line-height:5000; width:30px; height:22px;}
    .s_visual .cont_btn li li:nth-child(2) a{background:url(/young/usr/images/common/icon_b.png) no-repeat center;}
    .s_visual .cont_btn li li:nth-child(3) a{background:url(/young/usr/images/common/icon_f.png) no-repeat center;}

    .s_visual .cont_btn .on ul{display:block;}
}

/* contents */
#contents{padding:50px 20px; min-height:150px; position:relative;}
#contents:after{clear:both; content:""; display:block;}
#contents strong{font-weight:900}
@media all and (min-width:768px){
    #contents{padding:60px 30px; min-height:320px;}
}
@media all and (min-width:1500px){
    #contents{padding:65px 0 85px 0; min-height:320px; width:1500px; margin:auto;}
}

/* footer */
#footer{background:#fafafa; padding:30px 20px 50px 20px; position:relative;}
#footer .logo{background:url(/young/usr/images/common/logo_foot.png) no-repeat; background-size:auto 100%; width:223px; height:38px; line-height:5000; overflow:hidden; margin-bottom:30px}
#footer address{font-size:13px; line-height:1.4; color:#aaa; font-weight:100}
#footer address span{display:inline-block; margin-right:20px;}
#footer .copy{color:#bbb; font-size:12px; line-height:1.4; margin-top:8px; font-weight:100}
#footer .btn_top a{display:block; position:absolute; bottom:20px; right:20px; width:40px; height:40px; border-radius:50%; background:#444 url(/young/usr/images/common/arrow_white_top.png) no-repeat center 13px; line-height:5000; overflow:hidden;}
#footer .btn_top:after{display:block; position:absolute; bottom:0; right:40px; width:1px; height:20px; background:#444; content:""; opacity:0.3;}
@media all and (min-width:768px){
    #footer{padding:50px 30px}
    #footer .logo{height:45px;}
    #footer address{font-size:14px;}
    #footer .btn_top a{width:50px; height:50px; background-position:center 18px; bottom:60px;}
    #footer .btn_top:after{right:45px; height:60px;}
}
@media all and (min-width:1500px){
    #footer{padding:55px 0 80px 0;}
    .foot_wrap{width:1500px; margin:auto;}
    #footer .logo{height:55px; margin-bottom:45px;}
    #footer address{font-size:16px;}
    #footer .copy{font-size:14px; margin-top:8px;}
    #footer .btn_top a{width:62px; height:62px; background-position:center 25px; bottom:80px; right:100px;}
    #footer .btn_top:after{right:130px; height:80px;}
}