@charset "utf-8";
/*body#sub #txt .ui.program--search{display:none !important;}*/


/* sub */
body#sub header#top_layout .utile_wrap>ul>li.top_popup{display:none !important;}
body#sub .title_wrap{overflow:visible;z-index:30;height:auto;padding: 20px 0 24px;background: #f3f6f8;margin-bottom: 35px;border-bottom: 1px solid #eaeaea;position: absolute;top: 70px;left: 0;width: 100%;}
body#sub .title_wrap .layout{/* border-bottom:1px solid #e4e4e4; */height: 38px;}

body#sub .title_wrap .cell{display:table;position:relative;width:100%;display: none;}
body#sub .title_wrap .cell h2.page__title{display:table-cell; width:100%; height:120px; line-height:50px; font-family:"Noto Sans KR"; font-weight:700; font-size:45px; text-align:center; vertical-align:middle; color:#33373b;}
body#sub .title_wrap .print_wrap{position:absolute;right:0;bottom: 0;}
body#sub .title_wrap .print_wrap:after{content:""; display:block; clear:both;}
body#sub .title_wrap .print_wrap li{float:left; height:37px;}
body#sub .title_wrap .print_wrap li button{position:relative; width:37px; height:37px; vertical-align:top; text-indent:-10000px;}
body#sub .title_wrap .print_wrap li button:before,
body#sub .title_wrap .print_wrap li button:after{
	content:""; display:block; position:absolute; left:0; top:0; width:37px; height:37px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
body#sub .title_wrap .print_wrap li button:before{
	opacity:0; z-index:1; background-color:#1c92eb; background-repeat:no-repeat; background-position:center center;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}
body#sub .title_wrap .print_wrap li button:after{
	opacity:0.2; z-index:0; background-color:#127ac7;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
body#sub .title_wrap .print_wrap li button:hover:before,
body#sub .title_wrap .print_wrap li.on button:before{
	opacity:1;
}
body#sub .title_wrap .print_wrap li button:hover:after,
body#sub .title_wrap .print_wrap li.on button:after{
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
}
body#sub .title_wrap .print_wrap #sns_layout{position:relative;}
body#sub .title_wrap .print_wrap #sns_layout button{background:url(/images/center/layout/icon_gongu.png) no-repeat center center;}
body#sub .title_wrap .print_wrap #sns_layout button:before{background-image:url(/images/center/layout/icon_gongu_on.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap{
	display:none; position:absolute; right:0; top:37px; width:152px; padding:5px 15px; border:1px solid #d0d0d0; background-color:#fff; box-sizing:border-box;
	border-radius:0 5px 0 5px;
	-webkit-border-radius:0 5px 0 5px;
	box-shadow:0 7px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 7px 7px rgba(0,0,0,0.2);
}
body#sub .title_wrap .print_wrap #sns_layout.on .sns_wrap{display:block; z-index:30;}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul{}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li{float:none; display:block; height:auto; font-size:15px; color:#858c94;}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a{display:block; position:relative; line-height:16px; padding:13px 0 13px 3px; font-weight:400; font-size:15px; color:#858c94;}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a:after{content:""; display:block; position:absolute; right:0; top:13px; width:19px; height:19px; background-repeat:no-repeat; background-position:center center;}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a:before{
	opacity:0; content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#1c92eb;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.f:after{background-image:url(/images/center/layout/icon_f.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.t:after{background-image:url(/images/center/layout/icon_t.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.u:after{background-image:url(/images/center/layout/icon_u.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.b:after{background-image:url(/images/center/layout/icon_b.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a:hover{color:#1c92eb;}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a:hover:before{opacity:1; width:100%;}
body#sub .title_wrap .print_wrap #print{margin-left:10px;}
body#sub .title_wrap .print_wrap #print button{background:url(/images/center/layout/icon_print.png) no-repeat center center;}
body#sub .title_wrap .print_wrap #print button:before{background-image:url(/images/center/layout/icon_print_on.png);}


/*
body#sub .title_wrap .navigation{margin-bottom: 0;text-align: left;font-size:15px;color:#6f767d;}
body#sub .title_wrap .navigation>ul{text-align:center;display: inline-block;}
body#sub .title_wrap .navigation>ul>li{display:inline-block;position:relative;padding: 0 18px;margin-left:-4px;vertical-align:top;}
body#sub .title_wrap .navigation>ul>li.n1:before,
body#sub .title_wrap .navigation>ul>li:after{content:""; display:block; position:absolute; right:0; top:10px; width:1px; height:15px; background-color:#ccc;}
body#sub .title_wrap .navigation>ul>li.n1:before{right:auto;left:0;display: none;}
body#sub .title_wrap .navigation>ul>li>a,
body#sub .title_wrap .navigation>ul>li>button{display:block;position:relative;height:34px;line-height:34px;font-size: 16px;color: #596068;}
body#sub .title_wrap .navigation>ul>li.on>a,
body#sub .title_wrap .navigation>ul>li>a:hover,
body#sub .title_wrap .navigation>ul>li.on>button,
body#sub .title_wrap .navigation>ul>li>button:hover{color:#127ac7;}
body#sub .title_wrap .navigation>ul>li.n1>a{overflow:hidden;width: 13px;text-indent:-1000px;}
body#sub .title_wrap .navigation>ul>li.n1>a:before{content:"";display:block;width: 13px;height:34px;background:url(/images/home/layout/icon_home.png) no-repeat center center;}
body#sub .title_wrap .navigation>ul>li.n2>a{cursor:default;color: #596068 !important;}
body#sub .title_wrap .navigation>ul>li:not([class="n1"])>button{padding-right:42px;}
body#sub .title_wrap .navigation>ul>li:not([class="n1"])>button:after{content:"";display:block;position:absolute;right:0;top: 10px;width: 15px;height: 15px;background:url(/images/home/layout/navi_arrow_gray.png) no-repeat center center;}
body#sub .title_wrap .navigation>ul>li:not([class="n1"]).on>button:after,
body#sub .title_wrap .navigation>ul>li:not([class="n1"])>button:hover:after{background:url(/images/home/layout/navi_arrow_blue.png) no-repeat center center;}
body#sub .title_wrap .navigation>ul>li>ul{
	opacity:0; position:absolute; left:0; top:40px; min-width:100%; padding:5px 15px; border:1px solid #d0d0d0; background-color:#fff;
	border-radius:0 5px 0 5px;
	-webkit-border-radius:0 5px 0 5px;
	box-shadow:0 7px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 7px 7px rgba(0,0,0,0.2);
	transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
}
body#sub .title_wrap .navigation>ul>li.on>ul{opacity:1; z-index:30;}
body#sub .title_wrap .navigation>ul>li>ul li{float:none; display:none; height:auto; font-size:15px; color:#858c94;}
body#sub .title_wrap .navigation>ul>li.on>ul li{display:block;}
body#sub .title_wrap .navigation>ul>li>ul li a{
	display:block; position:relative; line-height:16px; padding:13px 20px 13px 3px; text-align:left; font-weight:400; font-size:15px; color:#858c94;
	white-space:nowrap;
}
body#sub .title_wrap .navigation>ul>li>ul li a:before{
	opacity:0; content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#1c92eb;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
body#sub .title_wrap .navigation>ul>li>ul li a:after{
	opacity:0; content:""; display:block; position:absolute; right:0; top:20px; width:9px; height:7px; background:url(/images/home/layout/navi_arrow2_blue.png) no-repeat center center;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}
body#sub .title_wrap .navigation>ul>li>ul li.on a,
body#sub .title_wrap .navigation>ul>li>ul li a:hover{color:#1c92eb;}
body#sub .title_wrap .navigation>ul>li>ul li.on a:before,
body#sub .title_wrap .navigation>ul>li>ul li a:hover:before{opacity:1; width:100%;}
body#sub .title_wrap .navigation>ul>li>ul li.on a:after,
body#sub .title_wrap .navigation>ul>li>ul li a:hover:after{opacity:1;}


body#sub #body_layout{z-index:0; margin:0; padding:0;}
body#sub .lnb_wrap{display:none;}
body#sub .contents_wrap{width:100%; min-height:400px;}

body#sub.top_search .title_wrap{margin-top:135px;}
*/


body#sub .title_wrap .navigation .path>li:after{content:""; display:block; position:absolute; right:0; top:10px; width:1px; height:15px; background-color:#ccc;}
body#sub .title_wrap .navigation .path>li.n1>a{overflow:hidden;width: 13px;text-indent:-1000px;font-size: 0;}
body#sub .title_wrap .navigation .path>li.n1>a:before{content:"";display:block;width: 13px;height:34px;background:url(/images/home/layout/icon_home.png) no-repeat center center;}
body#sub .title_wrap .navigation .path>li.n2>a{cursor:default;color: #596068 !important;}
body#sub .title_wrap .navigation span{display:block;margin-top:-8px;padding-bottom:15px;line-height:1.2;}
body#sub .title_wrap .navigation *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

body#sub .title_wrap .navigation .navi,
body#sub .title_wrap .navigation .path>li{display:inline-block;/* float:left; */position:relative;padding: 0 18px;margin-left:-4px;vertical-align:top;height:100%;}
body#sub .title_wrap .navigation .path>li>a{height:38px;line-height:38px;}
body#sub .title_wrap .navigation .navi>a{padding-right: 22px;height: 38px;line-height: 38px;display: block;}
body#sub .title_wrap .navigation .navi>a:after{content:"";display:block;position:absolute;right:0;top: 10px;width: 15px;height: 15px;background:url(/images/home/layout/navi_arrow_gray.png) no-repeat center center;}
body#sub .title_wrap .navigation .navi>a:hover:after{background:url(/images/home/layout/navi_arrow_blue.png) no-repeat center center;}


body#sub .title_wrap .navigation .navi ul{display:none;height:0;overflow:hidden;margin:-1px -33px 0 -38px;min-width:100%; padding:5px 15px; border:1px solid #d0d0d0; background-color:#fff;box-shadow:0 7px 7px rgba(0,0,0,0.2);border-radius:0 5px 0 5px;}
body#sub .title_wrap .navigation .navi ul li{height:auto; font-size:15px; color:#858c94;}
body#sub .title_wrap .navigation>ul>li>ul li a{
	display:block; position:relative; line-height:16px; padding:13px 20px 13px 3px; text-align:left; font-weight:400; font-size:15px; color:#858c94;
	white-space:nowrap;
}
body#sub .title_wrap .navigation .navi ul li a:before{
	opacity:0; content:""; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#1c92eb;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
body#sub .title_wrap .navigation .navi ul li a:after{
	opacity:0; content:""; display:block; position:absolute; right:0; top:20px; width:9px; height:7px; background:url(/images/home/layout/navi_arrow2_blue.png) no-repeat center center;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}


body#sub .title_wrap .navigation .path>li>a:hover,
body#sub .title_wrap .navigation .path>li>button:hover{color:#127ac7;}
body#sub .title_wrap .navigation .path>li>ul>li>a:hover{color:#1c92eb;}
body#sub .title_wrap .navigation .path>li>ul>li>a.on:before,
body#sub .title_wrap .navigation .path>li>ul>li>a:hover:before{opacity:1; width:100%;}
body#sub .title_wrap .navigation .path>li>ul>li>a.on:after,
body#sub .title_wrap .navigation .path>li>ul>li>a:hover:after{opacity:1;}

body#sub #body_layout{z-index:0;margin:0;padding:0;padding-top: 167px;}
body#sub .lnb_wrap{display:none;}
body#sub .contents_wrap{width:100%;}


body.navigation_fixed .title_wrap{position:fixed !important; top:70px !important; left:0; z-index:800; width:100%;height:79px !important;margin:0 !important;}
body#sub.navigation_fixed #body_layout{padding-top:249px !important}


@media screen and (max-width: 1023px){
	body#sub .contents_wrap{min-height:400px;}
	body #foot_layout .mark{display:none;}
	body#sub .title_wrap .print_wrap #print{display:none;}
	body#sub .title_wrap .navigation{margin-bottom:25px;}
	
	body.navigation_fixed .title_wrap{position:relative !important; top:0;}
	body#sub.navigation_fixed #body_layout{padding-top:70px !important}
	body.navigation_fixed .tab-ul.clone{top:70px !important;}
}
@media screen and (max-width: 800px){

/*
    body#sub .title_wrap .layout .cell{display:block!important}
    body#sub .title_wrap .cell h2.page__title{display:block;}
*/
	body#sub .title_wrap .cell h2.page__title{line-height:42px; font-size:35px;}
	body#sub .title_wrap .navigation{margin-bottom:10px;}
	body#sub .title_wrap .navigation ul{text-align:left;}
	body#sub .title_wrap .print_wrap{bottom:10px;}
}


@media screen and (max-width: 600px){
	body#sub .title_wrap .layout{padding-bottom:40px;}
	body#sub .title_wrap .cell h2.page__title{height:90px; line-height:36px; font-size:30px;}
	body#sub .title_wrap .navigation{display:none;}
}



/* 220510 푸터 수정 */
@media screen and (max-width: 1023px){
	body #foot_layout .carf {left: 20px; top: -2px !important;}
	body #foot_layout .simbol_list ul li.icon_1{width: 100%;}
	body #foot_layout .simbol_list ul li{top: 5px; left: 20px;}
}