@charset "utf-8";


/* sub */
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-weight:300; font-size:45px; text-align:center; vertical-align:middle; color:#33373b;}
body#sub .title_wrap .print_wrap{position:absolute;right:0;top: 0px;}
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/home/layout/icon_gongu.png) no-repeat center center;}
body#sub .title_wrap .print_wrap #sns_layout button:before{background-image:url(/images/home/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/home/layout/icon_f.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.t:after{background-image:url(/images/home/layout/icon_t.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.u:after{background-image:url(/images/home/layout/icon_u.png);}
body#sub .title_wrap .print_wrap #sns_layout .sns_wrap ul li a.b:after{background-image:url(/images/home/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/home/layout/icon_print.png) no-repeat center center;}
body#sub .title_wrap .print_wrap #print button:before{background-image:url(/images/home/layout/icon_print_on.png);}
body#sub .title_wrap .navigation{margin-bottom: 0;text-align: left;font-size:15px;color:#6f767d;}

body.navigation_fixed #body_layout{padding-top:249px}

/*
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;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;font-size: 0;}
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 .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 .path>li:last-child>a {font-weight:bold;}
body#sub .title_wrap .navigation .navi>a{padding-right:42px;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 .navi{position:relative;height:100%;padding:0 30px 0 40px;margin-left:-3px;vertical-align:top;background:url(/images/common/navigate_arr.png) no-repeat;cursor:pointer}
body#sub .title_wrap .navigation .navi:first-child{margin-left:0}
body#sub .title_wrap .navigation .navi:before{content:"";display:inline-block;height:100%;vertical-align:middle}
body#sub .title_wrap .navigation .navi:after{content:"";position:absolute;top:20px;right:0;width:11px;height:7px;background:url(/images/common/icon_navigate.png) no-repeat 0 -110px}
body#sub .title_wrap .navigation .current{color:#000}

body#sub .title_wrap .navigation .icon:before{display:inline-block;background:url(/images/common/icon_navigate.png) no-repeat}
body#sub .title_wrap .navigation .n1{padding:0 10px;margin-left:0;vertical-align:middle;background:transparent;cursor:default}
body#sub .title_wrap .navigation .n1:before{content:"";width:14px;height:13px;margin-top:17px}
body#sub .title_wrap .navigation .n1:after{display:none}

body#sub .title_wrap .navigation .navi ul{height:0;overflow:hidden;margin:-1px -33px 0 -38px;background-color:#fff;}

body#sub .title_wrap .navigation .navi ul li{border:solid #ddd;border-width:0 1px 1px}
body#sub .title_wrap .navigation .navi ul li:first-child{border-top-width:1px}
body#sub .title_wrap .navigation .navi ul li a{display:block;padding:15px 23px;line-height:1}
body#sub .title_wrap .navigation .navi ul li a:hover,body#sub .title_wrap .navigation ul li a:focus{background-color:#f1f1f1}

body#sub .title_wrap .navigation .navi ul li a.current{background-color:#f1f1f1}

*/


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%;}
#txt{position:relative;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: 1199px){
	body#sub #gnb_layout .depth1_ul{float:right;}
}
@media screen and (max-width: 1023px){
	body#sub .title_wrap{top:70px}
	body#sub header#top_layout{border-bottom:1px solid #eaeaea;}
	body#sub .contents_wrap{min-height:10px;}
	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.navigation_fixed #body_layout{padding-top:0 !important}
}
@media screen and (max-width: 800px){
	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:0}
	body#sub .title_wrap .cell{display: table;/* height: 38px; *//* padding-bottom: 10px; */}
	body#sub .title_wrap .layout{padding-bottom:40px;}
	body#sub .title_wrap .cell h2.page__title{/* height: 0; */line-height:36px;font-size:30px;display: block;margin-top: -1px;position: relative;}
	body#sub .title_wrap .navigation{display:none;}
}





body[class^="sub01"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(1)>a {color:#0054a6 !important;}
body[class^="sub02"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(2)>a {color:#0054a6 !important;}
body[class^="sub03"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(3)>a {color:#0054a6 !important;}
body[class^="sub04"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(4)>a {color:#0054a6 !important;}
body[class^="sub05"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(5)>a {color:#0054a6 !important;}
body[class^="sub01"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(1)>a:after {left:0; width:100% !important;}
body[class^="sub02"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(2)>a:after {left:0; width:100% !important;}
body[class^="sub03"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(3)>a:after {left:0; width:100% !important;}
body[class^="sub04"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(4)>a:after {left:0; width:100% !important;}
body[class^="sub05"] header#top_layout #gnb_layout .depth1_ul>li:nth-child(5)>a:after {left:0; width:100% !important;}


body header#top_layout #gnb_layout .depth1_ul>li.n4 .depth2_ul .cols:last-child{display: block;margin-top: 13px;}
body#main #container #line_2{position:relative; z-index:20; padding:45px 0 35px 0; background-color:#fff;}
body#main #container #line_2 .layout{padding-right:430px;}
body#main #container #line_2 .layout:after{content:""; display:block; clear:both;}
body#main #container #line_2 .notice{height:195px;}
body#main #container #line_2 .popupzone{position:absolute; right:0; top:5px;}

/* 220523 푸터 css 강세영 */
@media screen and (min-width: 751px) and (max-width: 900px){
	body#main #container #line_2 .layout{padding-right:410px;}
	body#main #container #line_2 .notice>ul>li>ul>li{width:100%; padding:0 0 10px 0 !important;}
	body#main #container #line_2 .notice>ul>li>ul>li:nth-child(3),
	body#main #container #line_2 .notice>ul>li>ul>li:nth-child(4){display:none;}
}

@media screen and (max-width: 750px){
	body#main #container #line_2 .layout{padding-right:0;}
	body#main #container #line_2 .popupzone{position:relative; top:auto; right:auto; width:100%; height:auto; margin-top:20px;}
	body#main #container .simbol_list li:last-child{border-bottom:none;}
}