@charset "utf-8";

/*********************************************************************************

	대한종양내과학회  Bootstrap v5.1.3
	Version: 1.0
	Note: This is layout css. All layout css files import here.

**********************************************************************************/
.page-loader {
	z-index: 20010 !important;
}

/* 모바일 콘텐츠 숨기기 */
.mobiStyle {display:none;}

#wrapper {position:relative; padding-top:120px; /*z-index:1060; max-width:1920px; margin:0 auto;*/}

#header {/*min-height:120px; transition: transform .15s ease-in-out;*/}

.headUtil {position:relative; z-index:1000;} 
.headUtil .row {position:relative; }
.headUtil h1 {}
.headUtil h1 a {position:absolute; /*left:0px;*/ top:65px;overflow:hidden; display:block; width:184px; height:28px; background:url('images/layout/logo_2025.png') no-repeat; background-size:100% auto; text-indent:-9999em; z-index:101; }

/* 상단 유틸 */
.toputilBtn {/*position:absolute; right:0px; top:0px;*/}

.toputilBtn .pcallmenu_btn {overflow:hidden; position:absolute; top:58px; right:0px; width:40px; height:40px; background:url('images/layout/allmenu_btn.jpg') no-repeat center center; background-size:19px auto; text-indent:-9999em; z-index:1000; border:none;}

/* 상단메뉴 */
.nav-wrap {position:absolute; top:0px; left:0px; width:100%; height:120px; z-index:999;}

.responsive-menu {/*width:1200px;height:100%;margin:0 auto;padding-top:0.px;*/}

/* 유틸메뉴 */
.utilMenu {position:relative; z-index:101; border-bottom:1px solid #ededed; padding:8px 0;}
.utilMenu .row {display: flex; flex-direction: row-reverse; }
.utilMenu .siteBtn {width:auto;}
.utilMenu .siteBtn li {position:relative; float:left; padding:0 15px;}
.utilMenu .siteBtn li:last-child {padding:0 0 0 15px;}
.utilMenu .siteBtn li:after {position:absolute; right:0px; top:13px; display:inline-block; content:""; width:2px; height:2px; background-color:#636363; }
.utilMenu .siteBtn li:last-child:after {display:none;}
.utilMenu .siteBtn li a {display:inline-block; font-size:12px; font-weight:500;  color:#666; text-decoration:none;}
.utilMenu .siteBtn li a:hover,
.utilMenu .siteBtn li a:focus{color:#00a064;}
.utilMenu .siteBtn li a.color {color:#00a064;}


/* 주메뉴 */
.gnbDp-1:before,
.gnbDp-1:after{display:table;content:" ";}
.gnbDp-1:after {clear:both;}

.pcLnb {overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:120px; z-index:100;  padding:0 0  0 0; background:#fff; }
.pcLnb:before {position:absolute; left:0px; right:0px; bottom:0px; content:""; display:block; height:1px; background:#ededed;}
.pcLnb a {display:block;}
.pcLnb  > div.menu-box {position:relative; width:100%; margin:0 auto;z-index:5; /*padding:0 310px 0 310px;*/ }
.pcLnb  > div.menu-box:after {position:absolute; left:0px; right:0px; bottom:1px; content:""; display:block; height:1px; background:#ccc;}
.pcLnb  > div.menu-box ul.gnbDp-1 {position:relative; width:100%; padding:0 30px 0 220px; display: flex; justify-content: space-between;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li {position:relative; float:left; /*width:12.5%;*/ padding:0 0px; line-height:80px;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a {display:block; font-size:1.26em; font-weight:700; text-align:center; text-transform: uppercase;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a span {-o-transition:color .3s ease;	-webkit-transition:color .3s ease; display:block; position:relative; line-height:80px; transition:color .3s ease;white-space:nowrap;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a span:after {-o-transition:width .2s ease;-webkit-transition:width .2s ease;background:#00a064;content:"";height:2px;left:0;position:absolute;bottom:0px;transition:width .2s ease;width:0px;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li.on >a {text-decoration:none; color:#00a064; }
.pcLnb  > div.menu-box ul.gnbDp-1 > li.on >a span:after,
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a:hover span:after,
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a:focus span:after {width:100%;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a:hover,
.pcLnb  > div.menu-box ul.gnbDp-1 > li > a:focus {text-decoration:none; }
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div {padding:10px 0; }
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div > ul {}
.pcLnb  > div.menu-box ul.gnbDp-1 > li.on > div { background-color: transparent;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div > ul > li {line-height:22px; margin:10px 0;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div > ul > li > a {padding:0px 5px; font-size:0.93rem; text-align:center; text-decoration:none; letter-spacing:-0.05em; line-height:1.2em; word-break:keep-all;}
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div > ul > li > a:hover,
.pcLnb  > div.menu-box ul.gnbDp-1 > li > div > ul > li > a:focus{font-weight:500; color:#00a064;}

/* 상단 고정 */
.sticky_header {position: fixed;left: 0;top:0px;width: 100%;z-index:999;}
/*.sticky_header.is-sticky {position: fixed;left: 0;top:0px;width: 100%;z-index:999;}
.sticky_header.is-sticky .pcLnb {box-shadow: 0 0 5px #bdbdbd;}
.sticky_header.is-sticky .pcLnb:before {display:none;} */
#wrapper.is-sticky {/*padding:200px 0 0 0;*/}

#wrapper.is-sticky .sub-contents {padding:150px 0 0 0;}


/* header 반응형 */
.mobileBtns{display:none;}
.responsive-menu .closeBtn {position:fixed; right:-500px; top:15px; /*display:none;*/ transition: transform .15s ease-in-out;}
#toggle {background:#000;height:100%;min-height:100%;width:0px;position:fixed;top:0;bottom:0;left:0px;z-index:9999;-webkit-transition: all .0s ease;transition: all .4s ease;}
#toggle.closed {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;opacity:0.7;}

.allMenu {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:10000; overflow-y:auto; background:#f9f9f9;}
/*.allMenu:before {content:""; position:fixed; top:0px; bottom:0px; left:0px; right:0px;background:rgba(0,0,0,0.5);}*/
.allMenu h2 {position:relative; overflow:hidden; height:110px; text-align:center; text-indent:-9999em; z-index:5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#48b777+0,07989d+100 */
	background: #48b777; /* Old browsers */
	background: -moz-linear-gradient(left,  #48b777 0%, #07989d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #48b777 0%,#07989d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #48b777 0%,#07989d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b777', endColorstr='#07989d',GradientType=1 ); /* IE6-9 */}
.allMenu h2:before {position:absolute; top:37px; left:calc(50% - 123px); display:inline-block; content:""; width:246px; height:38px; background:url('images/layout/allmenu_logo.png') no-repeat; background-size:100% auto;}
.allMenu .allmenu-box {position:relative; overflow:hidden;padding:50px 100px;background:#f9f9f9; z-index:10;}
.allMenu .allmenu-box .allmenu-depth {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.allMenu .allmenu-box .allmenu-depth dl {margin-bottom:30px; width:33.333%; /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;*/ }
.allMenu .allmenu-box .allmenu-depth dt {margin-bottom:20px; font-family: 'GmarketSansMedium'; font-size:1.5rem;}
.allMenu .allmenu-box .allmenu-depth dd {}
.allMenu .allmenu-box .allmenu-depth dd ul {/*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; */}
.allMenu .allmenu-box .allmenu-depth dd ul>li {margin-bottom:10px; /*width:220px;*/}
.allMenu .allmenu-box .allmenu-depth dd ul>li:before {content:"·"; display:inline-block; margin-right:10px;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>a {padding-right:40px; font-family: 'GmarketSansLight'; font-size:1.06rem; font-weight:bold; }
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul {display:block; flex:none; margin:15px 0 0 0;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li {position:relative; padding-left:15px; margin-bottom:10px;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li:before {content:""; display:block; position:absolute; left:0px; top:13px; width:5px; height:1px; background:rgba(0,0,0,0.8);}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li>a {font-family: 'GmarketSansLight'; font-size:0.93rem; font-weight:normal; color:rgba(0,0,0,0.8);}
.allMenu .allMenu_close {position:absolute; top:25px; right:25px; border:none; background:none; z-index:10;}
.allMenu .allMenu_close i {font-size:1.75rem; color:#fff;}
.allMenu .allMenu_close span {display:none;}


@media (max-width:1520px){
	
}
@media (min-width: 1260px) and (max-width: 1278px) {	


	
}
@media (max-width:1260px){

	#wrapper {padding-top:70px; }

	/* header */
	/*#header {height:90px; border-bottom:1px solid #dbdbdb; background:#fff;}*/

	.headUtil {position:absolute; width: 100%; height:70px; border-bottom:1px solid #dbdbdb; background:#fff;}
	.headUtil h1 a {top:20px;}

	.mobileBtns {display:block; }
	.mobileBtns .mobileMenu {overflow:hidden; position:absolute; top:14px; right:0px; width:40px; height:40px; background:url('images/layout/moblie_menu.png') no-repeat center center; background-size:21px auto; text-indent:-9999em; z-index:1000; border:none;}
	.mobileBtns .mobisearch_btn {display:none;}
	.toputilBtn {display:none;}


	/* PC속성 숨기기 */
	.nav-wrap {height:auto; z-index:9999; border-bottom:none;}
	
	.responsive-menu {display:none;}
	.responsive-menu {width:100%;}
	.responsive-menu .closeBtn {overflow:hidden; position:fixed; right:510px; top:15px;  width:50px; height:50px; border:none; border-radius:50%; background:#fff url('images/layout/mobi_btn_pic_close_b.png') no-repeat center center; background-size: 22px auto; text-indent:-9999em; z-index:10000; /*transform:translateX(-.3333333333rem);*/ -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
	
	.utilMenu {overflow:hidden; padding:10px 15px; background:#fff; text-align:center;}
	.utilMenu .siteBtn {width:100%;}
	.utilMenu .siteBtn li {float:none; display:inline-block;}
	.utilMenu .siteBtn li:last-child {padding:0 15px;}
	
	#lnbArea {height:auto;}
	#lnbArea::before {position:absolute; top:19px; left:calc(50% - 92px); display:inline-block; content:""; width:184px; height:28px;; background:url('images/layout/logo_2025.png') no-repeat; background-size:100% auto;}
	#lnbArea div.menu-box {display:block;}

	/* pc버젼 메뉴 스타일 리셋 */
	.pcLnb {overflow:hidden; position:relative; top:0px; left:0px; width:auto; height:auto; z-index: 100; background:none; border-bottom:none;}
	.pcLnb > div.menu-box {display:block;margin:0; padding:0;}
	.pcLnb > div:before {height:0;}
	.pcLnb > div.menu-box ul.gnbDp-1 > li {float:none; width:100%;}
	.pcLnb > div.menu-box ul.gnbDp-1 > li > a {border-bottom:none;}
	.pcLnb > div.menu-box ul.gnbDp-1 > li.on >a,
	.pcLnb > div.menu-box ul.gnbDp-1 > li > a:hover,
	.pcLnb > div.menu-box ul.gnbDp-1 > li > a:focus {border-bottom:none;}
	.pcLnb > div.menu-box ul.gnbDp-1 > li > div {padding:0; border:none;}


	/* 모바일 펼침 메뉴 */
	#wrapper .sideLnb {display:none;position:fixed;right:0;top:0;width:500px;height:100%;background:#f8f8f8;z-index:99999;overflow-y:auto;font-size:1.1em;}
	#wrapper .sideLnb::before {content:""; display:block; width:100%; height:70px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#48b777+0,07989d+100 */
	background: #48b777; /* Old browsers */
	background: -moz-linear-gradient(left,  #48b777 0%, #07989d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #48b777 0%,#07989d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #48b777 0%,#07989d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b777', endColorstr='#07989d',GradientType=1 ); /* IE6-9 */}

	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 {padding:0 0;border-bottom:1px solid #ebebeb;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li {margin:0px;  border-top:1px solid #ebebeb;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li.on {background-color:#fff;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li.on > a {text-decoration:none;}

	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li > a {position:relative; display:block; padding:0 15px; text-align:left; font-weight:400; line-height:50px; color:#363636;font-size:1.06rem;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li > a::after {position:absolute; top:13px; right:15px; content:""; display:inline-block; width:24px; height:24px; background:url('images/layout/bg_nav_off.png') no-repeat right center; background-size:100% auto;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li > a:hover, 
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li.on > a {text-decoration:none; color:#00a064; font-weight:bold; }

	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li > a:hover:after {background:url('images/layout/bg_nav_on.png') no-repeat right center; background-size:100% auto;} 
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li.on > a:after {background:url('images/layout/bg_nav_on.png') no-repeat right center; background-size:100% auto; transform: rotate(180deg);} 

	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li .depth2 {}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1l > li .depth2 > li {}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li .depth2 > li > a {position:relative;  display:block; padding:7px 25px; font-size:0.93rem; line-height:22px; color:#666;  text-decoration:none;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li .depth2 > li > a::before {position: absolute; left: 15px;	top: 17px; content: '';	width: 4px;	height: 4px;	background: #0E81A0;	border-radius: 50%;}
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li .depth2 > li > a:hover,
	#wrapper .sideLnb nav > div.menu-box ul.gnbDp-1 > li .depth2 > li > a:active {color:#00a064}

}
/* sm */
@media (max-width: 991px) {
	
	
}
/* XS Portrait */
@media (max-width: 767px) {
	
	.mobileBtns .mobileMenu {top: 15px; right: 6px; }
	
	#wrapper .sideLnb {width:340px;}
	#wrapper .sideLnb::before {height:70px;}
	#lnbArea::before {top: 12px; left: calc(50% - 90px);width: 180px; height: 42px;}
	.responsive-menu .closeBtn {right:350px;}
	

}
/* XS Portrait */
@media (max-width: 479px) {

	#wrapper .sideLnb {width:300px;}
	
	.utilMenu {padding: 15px 20px;}
	.utilMenu .siteBtn li a {font-size:0.86rem;}

	#wrapper .sideLnb nav > div.menu-box > ul > li > a {font-size:1.06rem;}
	#wrapper .sideLnb nav > div.menu-box > ul > li .depth2 > li > a {padding:7px 25px; font-size:0.93rem;}
	#wrapper .sideLnb nav > div.menu-box > ul > li .depth2 > li > a::before {top:16px;}
		
	.responsive-menu .closeBtn {right:310px;}
	
}
@media (max-width: 380px) {
	
	.utilMenu {padding:20px 20px; }

	#wrapper .sideLnb {width:100%;}
	.responsive-menu .closeBtn {top: 19px; right:auto; left:15px;  width:35px; height:35px; background-size: 18px auto; z-index:99999;}

}

/* 하단 영역 */
#footer {position:relative; padding:50px 0 40px 0; background:#333;/*#f6f6f6; border-top:1px solid #dbdbdb;*/}
#footer .footer-info .site-info {color:#888;}
#footer .footer-info .site-info p,
#footer .footer-info .site-info cite {display:block; font-weight:400; margin-bottom:15px;}
#footer .footer-info .site-info .f_color3 {/*color:#333;*/}
#footer .footer-info .site-info .f_color4 {font-weight:300; /*color:#666;*/}
#footer .footer-info .copy_con {float:right; font-size:0.93em;}

#footer .footer-info h3 {margin-bottom:10px; font-weight:500; color:#fff;}
#footer .footer-info p {font-size:0.86rem; color:#999;}
#footer .footer-info .foot-btns {padding-top:20px; }
#footer .footer-info .foot-btns a {display:inline-block; padding:7px 10px; background:#000; font-size:12px; color:#bbb;}
#footer .footer-info .foot-btns a:hover {background:#222; color:#fff;}

/*  SCROLL TO TOP */
.scroll-up {position:fixed;display:none;z-index:999;bottom:1.8em;right:1.8em;}
.scroll-up ul{margin:0;padding:0;}
.scroll-up li{list-style:none;margin:0;padding:0;}
.scroll-up a {background-color:#fff;display:block;width:40px;height:40px;text-align:center;color:#000;font-size:20px;line-height:38px;box-shadow:0px 0px 6px #888;border-radius:100%;}
.scroll-up a:hover,
.scroll-up a:active {background-color:#f5f5f5;color:#000;}
.scroll-up a i.top_ico {display:block; width:18px; height:40px; margin:0 auto; background:url('images/layout/ico_top.png') no-repeat center center;  background-size:100% auto;}


@media (max-width:1520px){
	
}
@media (min-width: 1201px) and (max-width: 1400px) {	
	

}
@media (max-width:1260px){
	

}
/* lg */
@media (max-width: 1330px) {
	
}
@media (max-width: 1260px) {
	
}
/* md */
@media (min-width: 992px) and (max-width: 1330px) {
	

}
/* md-sm */
@media (min-width: 768px) and (max-width: 991px) {


}
/* sm */
@media (max-width: 991px) {
	
	
}
/* XS Portrait */
@media (max-width: 767px) {
	
	#footer {padding:35px 0 30px 0;}
	#footer .footer-info .site-info p,
	#footer .footer-info .site-info cite {font-size:0.86rem;}

}
@media (max-width: 590px) {
	


}
/* XS Portrait */
@media (max-width: 479px) {
	


}


/* 서브 상단 공통 */
/* sub-navi 서브 페이징 네비 메뉴 */
#sub-navi {padding-top:40px;}
#sub-navi .row { }

.con-navi {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*align-items: center;*/ margin-bottom: 0px;}
.con-navi .home {margin-right:10px;}
.con-navi .home a {overflow:hidden; display:block; line-height:22px; /*border:1px solid #ff0000;*/}
.con-navi .home .invisible {display:none;}
.con-navi>li:nth-child(3) button {font-weight:500; color:#00a064;}

.con-navi .paging-nav {margin-right:10px; padding:0 0 0 20px; background: url('images/layout/nav_arrow_r.png') no-repeat left center; background-size:7px auto;}
.con-navi .paging-nav .dropmenu-nav {position:relative; width:100%; }
.con-navi .paging-nav .dropdown-toggle {position:relative; padding:0 30px 0 0px; border:none; outline:none; width:100%; font-size:0.93rem; line-height:26px; text-align:left; background:none; } 
.con-navi .paging-nav .dropdown-toggle .down_arrow {position:absolute; right:0px; top:calc(50% - 10px); overflow:hidden; display:inline-block; width:22px; height:22px; background: url('images/layout/btn_drop_arrow.jpg') no-repeat center center; background-size:20px auto; text-indent:-9999px; /*-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/ text-indent:-9999em; border:1px solid #e5e5e5; border-radius:25rem;}
.con-navi .paging-nav .dropdown-toggle.show  .down_arrow {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); border-color:#00a064;}
.con-navi .paging-nav .dropdown-toggle::after {display:none;}
.con-navi li:last-child .dropmenu-nav .dropdown-menu {min-width:180px; }
.con-navi .paging-nav .dropdown-menu {width:100%; padding:15px 15px; border-radius:15px; margin-top:-2px !important; border-color:#dfdfdf; border:none; z-index:999; background:#00a064;}
.con-navi .paging-nav .dropdown-menu li {/*border-bottom:1px solid #dfdfdf;*/}
.con-navi .paging-nav .dropdown-menu li:last-child {border-bottom:none;}
.con-navi .paging-nav .dropdown-menu a {display:block; padding:5px 0px; color:#c0ffd3;  font-size:0.86rem;/*line-height:58px;*/ text-align:center;}
.con-navi .paging-nav .dropdown-menu a:hover {color:#fff; /*background:#00a064;*/}

/* 서브 depth1 title */
.sub-title {position:relative; font-size:46px; font-weight:700; color:#fff; z-index:10;}

/* 서브 영역 */
#sub-area {position: relative; padding:60px 0 0 0;}

/* 2차 타이틀 */
.depth2-title {padding-bottom:80px; font-size:40px; font-family: 'GmarketSansBold'; /*font-weight:700;*/ line-height:1.0em; text-align:center;}


/* lg */
@media (max-width: 1360px) {
	

}
@media (max-width:1260px){

	#wrapper.is-sticky .sub-contents {padding:100px 0 0 0;}

}
/* md */
@media (min-width: 992px) and (max-width: 1330px) {
	

}
/* md-sm */
@media (min-width: 768px) and (max-width: 991px) {


}
/* sm */
@media (max-width: 991px) {
	

	#sub-navi {padding:30px 0 0 0;}

	#sub-area {padding:40px 0 0 0;}
	
	.depth2-title {padding-bottom:60px; font-size:36px;}

	
}
/* XS Portrait */
@media (max-width: 767px) {
	
	.con-navi .home {margin-right:5px;}
	.con-navi .paging-nav {margin-right: 5px; padding: 0 0 0 10px;}
	.con-navi .paging-nav .dropdown-toggle {font-size:12px;}
	.con-navi .paging-nav .dropdown-menu a {font-size:12px;}
	.con-navi .paging-nav .dropdown-toggle {padding: 0 20px 0 0px;}
	.con-navi .paging-nav .dropdown-toggle .down_arrow {top: calc(50% - 7px); width:15px; height:15px; background-size: 15px auto; }

	.depth2-title {padding-bottom:40px; font-size:30px;}

}
/* XS Portrait */
@media (max-width: 479px) {

	.depth2-title {padding-bottom:40px; font-size:28px;}

}
@media (max-width: 330px) {

	#sub-navi {display:none;}
	

}




/* 모달 600 */
.layer_type {display:none; position:relative; width:600px; max-height:730px; padding:40px; overflow-y:auto;-webkit-overflow-scrolling:touch; background-color:#fff; border: 1px solid #888;}
.layer_type h4.con_tit {margin:0px; padding-bottom:30px;font-size:1.53em; font-weight:500; text-align:center; }
.layer_type .con {padding:25px 0 0 0; }
.layer_type .close_btn {position:absolute; right:20px; top:20px; border:none; padding:0px; width:30px; height:30px; background:url("../img/product/close_btn.png/") no-repeat center center; background-size:16px auto; text-indent:-9999em;}
.layer_type .con2 {}
.layer_type .btn_wrap {padding:20px 0 0px 0; }
.layer_type h5.con_tit2 {margin-bottom:10px; font-size:0.93em; }
.layer_type div.board {margin-bottom:20px;}
.layer_type div.board table.mypage-board tbody td {padding:5px 5px; }
.layer_type div.board table.mypage-board tbody td.btns .button {margin:0;}

.btn_wrap .btn-success {border:none; padding:0.375rem 2rem; border-radius:25rem; }
.btn_wrap .btn-outline-secondary {padding:0.375rem 2rem; border-radius:25rem; }

/* 340 */
.layer_type.type2 {width:340px; border-color:#888;}

/* 767*/
.layer_type.type3 {width:767px;}

/* 상단디자인이 다른 레이어 팝업*/
.layer_type2 {display:none; position:relative; width:360px; max-height:730px; padding:0px; overflow-y:auto;-webkit-overflow-scrolling:touch; background-color:#fff; border: 1px solid #888;}
.layer_type2 h4.con_tit {padding:15px 25px; font-size:0.93em; font-weight:500; background:#f2f2f2; border-bottom:1px solid #dbdbdb}
.layer_type2 .close_btn {position:absolute; right:16px; top:10px; border:none; padding:0px; width:30px; height:30px; background:url("../img/mypage/close_btn.png/") no-repeat center center; background-size:17px auto; text-indent:-9999em;}
.layer_type2 .con {padding:25px 25px; }
.layer_type2 .con h5 {padding-bottom:7px; margin-bottom:10px; font-size:0.93em; border-bottom:1px solid #dbdbdb;}
.layer_type2 .con .member_list {overflow:hidden; }
.layer_type2 .con .member_list li {float:left; width:50%; position:relative; padding-left:10px; font-size:0.93em; color:#666; font-weight:300;}
.layer_type2 .con .member_list li::before {position:absolute; left:0px; top:10px;  content:""; display:inline-block;  width:3px; height:3px; border-radius:25em; background:#666;}
.layer_type2 .con .code_info {margin-bottom:30px; padding:20px 5px; text-align:center; background:#f5f5f5;}
.layer_type2 .con .code_info strong {font-size:1.13em; color:#ff4500; font-weight:700;}
.layer_type2 .con .input_box {margin-bottom:30px; }
.layer_type2 .con .input_box .control-label {display:block; margin-bottom:10px; font-size:0.93em;  font-weight:500; }
.layer_type2 .con .input_box .control-label span {font-size:12px; font-weight:300; color:#666;}
.layer_type2 .con .text_con h6 {margin-bottom:10px; font-size:0.93em; font-weight:500;}
.layer_type2 .con .text_con p {margin-bottom:10px; font-size:0.93em; color:#666; font-weight:300; }

.layer_type2.type2 {width:500px;}

/* 미니 팝업 */
.layer_popup.mini_layer {display:none; width:350px; background-color:#fff;}
.layer_popup.mini_layer .con_tit {padding:20px 25px; margin:0; font-weight:400; border-bottom:1px solid #ddd;}
.layer_popup.mini_layer .close_btn {position:absolute; top:4px; right:4px; width:30px; height:30px; border:none; background:none;}
.layer_popup.mini_layer .close_btn i {display:inline-block; width:15px; height:15px; background:url('images/layout/btn_close.png') no-repeat 50% 50%; vertical-align:middle; }
.layer_popup.mini_layer .con {padding:20px 25px; }
.layer_popup.mini_layer .info .dl_type .tit label {font-size:0.93em; font-weight:500;}
.layer_popup.mini_layer .info .dl_type .form-control {border-color:#666;}
.layer_popup.mini_layer .sns_btn {padding:10px 0 20px 0;}
.layer_popup.mini_layer .sns_btn ul {overflow:hidden;}
.layer_popup.mini_layer .sns_btn ul li {float:left; width:50%; padding:15px 10px;}
.layer_popup.mini_layer .sns_btn a {display:block; text-align:center; }
.layer_popup.mini_layer .sns_btn i {display:inline-block; width:60px; height:60px; border-radius:100%;}
.layer_popup.mini_layer .sns_btn .facebook {background:#3c5b9b url("images/layout/sns_facebook.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .twitter {background:#01aced url("images/layout/sns_twitter.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .kakaotalk {background:#fbe300 url("images/layout/sns_kakao.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .kakaostory {background:#ffc20e url("images/layout/sns_kakao2.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .naver {background:#00c73c url("images/layout/sns_naver.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .band {background:#21c531 url("images/layout/sns_band.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .sns_txt {display:block; padding-top:10px;}

.mini_layer.type2 {width:500px;}

/* tablet */
@media only screen and (max-width : 1230px){



}
/* mobile */
@media only screen and (max-width : 992px){


}
@media only screen and (max-width : 797px){
	
	.layer_type {width:90%; padding:30px 30px; }
	.layer_type h4.con_tit {font-size:1.33em; margin-bottom:20px; }
	.layer_type .con2 textarea.form-control {font-size:0.86rem;}		

}
@media only screen and (max-width : 586px){

	.layer_type2.type2  {width:90%;}

}
@media only screen and (max-width : 479px){



}
@media only screen and (max-width : 378px){

	.layer_type2 {width:90%;}
	.layer_type2 .con .member_list li {float:none; width:100%;}

}