@charset "utf-8";
@import url("../fonts/pretendard/pretendard.css");
@import url("../fonts/outfit/outfit.css");
@font-face {
    font-family: 'samsung one korea';
    src:url('../fonts/samsung/SamsungOneKorean-400_v2.0_hinted.ttf') format('woff'),
        url('../fonts/samsung/SamsungOneKorean-400_v2.0_hinted.ttf') format('woff2');
    font-weight: 400;
} 

*{outline:none;-webkit-text-size-adjust:none;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;border-radius:0;}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

body{margin:0;padding:0;position:relative;font-family:"Pretendard",sans-serif;line-height:1.4;letter-spacing:0;overflow-x:hidden;}
body.fixed{overflow:hidden;}


/*width 1400*/
.sitewidth{max-width:calc(1400px + 60px);margin:0 auto;padding:0 30px;box-sizing:border-box;}
.sitewidth.max{max-width:1920px;}
.sitewidth.padding_none{padding:0;}

@media all and (max-width:1000px){
	.sitewidth{padding:0 15px;}
}


#wrap{position:relative;overflow:hidden;}


#header{position:relative;z-index:3;left:0;top:0;width:100%;background-color:#ffffff;box-sizing:border-box;transition:background-color ease 250ms;}
#header .top{position:relative;z-index:1;height:100%;font-size:20px;height:155px;}
#header .top .gnb{position:relative;height:100%;}
#header .top .gnb .inner{position:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .top .gnb .logo{position:relative;display:block;text-decoration:none;}
#header .top .gnb .logo img{position:relative;display:block;height:60px;}
#header .top .gnb .menu{position:relative;margin-left:110px;flex-grow:1;}
#header .top .gnb .menu > ul{position:relative;margin:0;padding:0;list-style:none;font-size:26px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
#header .top .gnb .menu > ul > li{position:relative;}
#header .top .gnb .menu > ul > li > a{position:relative;display:block;height:45px;font-size:1em;font-weight:600;letter-spacing:-0.04em;line-height:1.4;color:#0a0a0a;text-decoration:none;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .top .gnb .menu > ul > li > a.type_my_class{border-radius:10px;padding:0 15px;color:#ffffff !important;background-color:#393939;transition:background-color ease 250ms;}
#header .top .gnb .menu > ul > li > a.type_my_class:before{content:"";display:block;margin-right:7px;width:27px;height:27px;background-image:url(../img/menu_icon_my_class.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#header .top .gnb .menu > ul > li > a.type_my_class:hover{background-color:#0a0a0a;}
#header .top .gnb .menu > ul > li:hover > a,
#header .top .gnb .menu > ul > li.active > a,
#header .top .gnb .menu > ul > li > a.on{color:#ec92a2;}
#header .top .gnb .menu > ul ul{position:relative;margin:0;padding:0;list-style:none;display:none;font-size:18px;}
#header .top .gnb .menu > ul ul li{position:relative;}
#header .top .gnb .menu > ul ul li a{position:relative;display:block;text-decoration:none;border-radius:5px;padding:0 10px;height:40px;font-size:1em;margin-top:0;color:#0a0a0a;font-weight:500;transition:background-color ease 250ms;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;}
#header .top .gnb .menu > ul ul li a:hover{background-color:#fafafa;}
#header .top .gnb .menu > ul ul li.active a{color:#014099;}
#header .top .gnb .right{position:relative;margin-left:25px;width:35px;flex-shrink:0;display:none;}
#header .top .gnb .right .toggle_menu{position:relative;display:block;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;width:35px;cursor:pointer;}
#header .top .gnb .right .toggle_menu:before{content:"";display:block;padding-bottom:100%;}
#header .top .gnb .right .toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:5px;background-color:#0a0a0a;transition:all ease 250ms;}
#header .top .gnb .right .toggle_menu span:first-child{margin-top:-14px;}
#header .top .gnb .right .toggle_menu span:last-child{margin-top:14px;}
#header .top .submenu{position:absolute;z-index:2;display:none;left:50%;top:calc(100% - 1px);transform:translateX(-50%);padding:30px 15px;width:100%;background-color:#FFFFFF;border-top:1px solid #edecec;border-bottom:1px solid #edecec;box-shadow:0 30px 30px rgba(0,0,0,0.02);font-size:20px;}
#header .top .submenu .inner{position:relative;}
#header .top .submenu .inner > ul{position:relative;margin:0 auto;padding:0;list-style:none;font-size:20px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;}
#header .top .submenu .inner > ul > li{position:relative;padding:0 20px;flex:1;font-weight:600;}
#header .top .submenu .inner > ul > li:nth-child(n+2){border-left:1px solid #edecec;}
#header .top .submenu .inner > ul > li > a{position:relative;font-size:1em;font-weight:600;color:#0a0a0a;line-height:1.4;text-decoration:none;word-break:keep-all;}
#header .top .submenu .inner > ul > li > a:hover{color:#ec92a2;}
#header .top .submenu .inner > ul ul{position:relative;margin:0;margin-top:10px;padding:0;list-style:none;font-size:18px;}
#header .top .submenu .inner > ul ul > li{position:relative;}
#header .top .submenu .inner > ul ul > li:before{content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;margin-right:3px;background-color:#0a0a0a;border-radius:50%;}
#header .top .submenu .inner > ul ul > li:nth-child(n+2){margin-top:10px;}
#header .top .submenu .inner > ul ul > li > a{position:relative;font-size:1em;font-weight:400;text-decoration:none;}
#header .top .submenu .inner > ul ul > li > a:hover{color:#ec92a2;}
#header .bottom{position:relative;z-index:0;height:65px;border-bottom:1px solid #edecec;}
#header .bottom:before{content:"";position:absolute;left:0;bottom:100%;display:block;height:1px;width:100%;background-color:#edecec;}
#header .bottom .inner{position:relative;z-index:1;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .bottom .path{position:relative;height:100%;flex-grow:1;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .bottom .path ul{position:relative;margin:0;padding:0;list-style:none;font-size:16px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .bottom .path ul li{position:relative;font-size:1em;font-weight:300;color:#0a0a0a;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .bottom .path ul li a{text-decoration:none;}
#header .bottom .path ul li:nth-child(n+2):before{content:"";display:block;width:5px;height:9px;margin:0 10px;background-image:url(../img/page_path_icon_arrow.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#header .bottom .path ul li:last-child{font-weight:700;}
#header .bottom .user{position:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;padding-right:125px;}
#header .bottom .user .profile{position:relative;font-size:16px;font-weight:300;color:#0a0a0a;}
#header .bottom .user .profile b{font-weight:700;text-decoration:underline;}
#header .bottom .user .image{position:absolute;right:20px;bottom:0;width:103px;background-image:url(../img/page_path_user_image.png);background-size:100%;background-repeat:no-repeat;background-position:center bottom;}
#header .bottom .user .image:before{content:"";display:block;padding-bottom:88.4%;}
#header.main{position:absolute;background-color:transparent;}
#header.active{background-color:#FFFFFF;}

@media all and (max-width:1401px){
	#header .top .gnb .menu > ul{font-size:1.2em;}
}
@media all and (max-width:1400px){
	#header .top{font-size:19px;}
	#header .top .gnb .logo img{height:55px;}
	#header .top .gnb .menu{margin-left:80px;}
}
@media all and (max-width:1200px){
	#header .top{font-size:18px;}
	#header .top .gnb .logo img{height:50px;}
	#header .top .gnb .menu{margin-left:50px;}
}
@media all and (max-width:1000px){
	#header{position:fixed;}
	#header .top{height:60px;border-bottom:1px solid #edecec;}
	#header .top .gnb .inner{justify-content:space-between;}
	#header .top .gnb .logo img{height:40px;}
	#header .top .gnb .menu{position:fixed;display:none;left:0;top:61px;width:100%;height:calc(100% - 60px - 1px);margin:0;padding:30px 15px;background-color:#ffffff;box-sizing:border-box;overflow:auto;}
	#header .top .gnb .menu > ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:20px;}
	#header .top .gnb .menu > ul > li{width:100%;}
	#header .top .gnb .menu > ul > li > a{background-color:#fafafa;font-size:20px;}
	#header .top .gnb .menu > ul ul{display:block;margin-top:10px;}
	#header .top .gnb .right{display:block;}
	#header .top .gnb .right .toggle_menu span{height:3px;width:30px;}
	#header .top .gnb .right .toggle_menu span:first-child{margin-top:-12px;}
	#header .top .gnb .right .toggle_menu span:last-child{margin-top:12px;}
	#header .top .submenu{display:none !important;}
	#header.menu_active .top .gnb .menu{display:block;}
	#header.menu_active .top .gnb .right .toggle_menu span:first-child{transform:translate(-50%,-50%) rotate(45deg);margin:0;}
	#header.menu_active .top .gnb .right .toggle_menu span:nth-child(2){display:none;}
	#header.menu_active .top .gnb .right .toggle_menu span:last-child{transform:translate(-50%,-50%) rotate(-45deg);margin:0;}
	#header .bottom{display:none;}
}


#content{position:relative;z-index:0;}
#content .content_header{position:relative;padding:50px 0;font-size:20px;}
#content .content_header .inner{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;}
#content .content_header .titles{position:relative;}
#content .content_header .titles .title{position:relative;margin:0;padding:0;font-size:45px;line-height:1.4;font-weight:600;letter-spacing:-0.04em;color:#000000;word-break:keep-all;}
#content .content_header .titles .description{position:relative;margin:0;padding:0;font-size:18px;line-height:1.4;font-weight:400;color:#000000;word-break:keep-all;margin-top:20px;}
#content .content_header .submenu{position:relative;margin-top:40px;display:flex;flex-wrap:wrap;flex-direction:row;column-gap:10px;row-gap:10px;}
#content .content_header .submenu .item{position:relative;margin:0;padding:5px 35px;border-radius:33px;border:0;height:65px;min-width:160px;font-size:26px;font-weight:700;color:#b2b2b2;line-height:1.4;white-space:nowrap;text-align:center;text-decoration:none;background-color:#e9e7e7;box-sizing:border-box;transition:background-color ease 250ms,color ease 250ms;cursor:pointer;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#content .content_header .submenu .item:hover{background-color:#014099;color:#ffffff;}
#content .content_header .submenu .item.active{background-color:#014099;color:#ffffff;}
#content .content_content{position:relative;}
#content .content_content > .btnArea{display:none;}

@media all and (max-width:1401px){
	#content .content_header .titles .title{font-size:2.25em;}
	#content .content_header .titles .description{font-size:0.8em;margin-top:1em;}
	#content .content_header .submenu .item{padding:5px 1.34em;border-radius:1.25em;height:2.5em;min-width:6.15em;font-size:1.3em;}
}
@media all and (max-width:1400px){
	#content .content_header{font-size:19px;}
}
@media all and (max-width:1200px){
	#content .content_header{font-size:18px;}
}
@media all and (max-width:1000px){
	#content{padding-top:60px;}
	#content .content_header{font-size:17px;padding:45px 0;}
	#content .content_header .titles .title{font-size:1.8em;}
	#content .content_header .submenu .item{font-size:1.2em;flex:1;}
}
@media all and (max-width:800px){
	#content .content_header{font-size:16px;padding:40px 0;}
	#content .content_header .submenu{margin-top:35px;}
}
@media all and (max-width:600px){
	#content .content_header{font-size:15px;padding:35px 0;}
	#content .content_header .submenu{margin-top:30px;}
}
@media all and (max-width:400px){
	#content .content_header{font-size:14px;padding:30px 0;}
	#content .content_header .submenu{margin-top:25px;}
}
@media all and (max-width:320px){
	#content .content_header{font-size:13px;padding:25px 0;}
	#content .content_header .submenu{margin-top:20px;}
}


#footer{position:relative;z-index:1;padding:55px 0;background-color:var(--main-blue);font-size:20px;}
#footer .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;}
#footer .inner .left{position:relative;width:340px;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#footer .inner .left .logo{position:relative;display:block;width:170px;}
#footer .inner .left .logo img{position:relative;display:block;width:100%;}
#footer .inner .left .slogun{position:relative;margin:0;padding:0;margin-top:20px;font-size:15px;color:#ffffff;line-height:1.4;font-weight:400;}
#footer .inner .center{position:relative;padding:0 30px;border-left:2px solid rgba(255,255,255,0.1);flex-grow:1;display:flex;flex-wrap:nowrap;flex-direction:column;word-break:keep-all;}
#footer .inner .center .info{position:relative;font-size:18px;color:#ffffff;line-height:1.4;font-weight:300;}
#footer .inner .center .info a{text-decoration:none;}
#footer .inner .center .info b{font-weight:700;}
#footer .inner .center .info ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:0.2em;}
#footer .inner .center .info ul li{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;}
#footer .inner .center .info ul span{position:relative;display:inline-flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#footer .inner .center .info ul span b{margin-right:0.4em;}
#footer .inner .center .info ul span + span:before{content:"";display:block;margin:0 20px;width:1px;height:1em;background-color:#FFFFFF;}
#footer .inner .center .info .copyright{position:relative;margin:0;padding:10px 0 0;font-size:14px;}
#footer .inner .center .menu{position:relative;font-size:18px;color:#ffffff;line-height:1.2;font-weight:400;margin-top:25px;}
#footer .inner .center .menu a{text-decoration:none;}
#footer .inner .center .menu b{font-weight:700;}
#footer .inner .center .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;}
#footer .inner .center .menu ul li{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;}
#footer .inner .center .menu ul li:nth-child(n+2):before{content:"";display:block;margin:0 10px;width:3px;height:3px;border-radius:50%;background-color:#ffffff;}
#footer .inner .right{width:290px;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#footer .inner .right .family_site{position:relative;}
#footer .inner .right .family_site .image{position:absolute;right:35px;bottom:100%;max-width:146px;width:100%;background-image:url(../img/footer_family_site_img.png);background-size:100%;background-repeat:no-repeat;background-position:center bottom;}
#footer .inner .right .family_site .image:before{content:"";display:block;padding-bottom:104.2%;}
#footer .inner .right .family_site select{position:relative;display:block;width:100%;height:55px;margin:0;padding:0 25px;padding-right:50px;border-radius:0;border:2px solid rgba(255,255,255,0.5);background-color:transparent;font-size:19px;color:#ffffff;font-family: 'samsung one korea';-webkit-appearance:none;background-image:url(../img/footer_family_site_select_icon_arrow.png);background-size:22px;background-position:center right 25px;background-repeat:no-repeat;cursor:pointer;}
#footer .inner .right .family_site select option{color:#3d3d3d;}

@media all and (max-width:1400px){
	#footer{padding:2.75em 0;font-size:19px;}
	#footer .inner .left{width:17em;}
	#footer .inner .left .logo{width:8.5em;}
	#footer .inner .left .slogun{margin-top:1.5em;font-size:0.625em;}
	#footer .inner .center{padding:0 1.5em;}
	#footer .inner .center .info{font-size:0.9em;}
	#footer .inner .center .info ul span + span:before{margin:0 1em;}
	#footer .inner .center .info .copyright{font-size:0.7em;}
	#footer .inner .center .menu{font-size:0.9em;margin-top:1.25em;}
	#footer .inner .center .menu ul li:nth-child(n+2):before{margin:0 0.5em;}
	#footer .inner .right{width:14.5em;}
	#footer .inner .right .family_site .image{right:1.75em;max-width:7.3em;}
	#footer .inner .right .family_site select{height:2.75em;padding:0 1.25em;padding-right:2.5em;font-size:0.95em;background-size:1.1em;background-position:center right 1.25em;}
}
@media all and (max-width:1200px){
	#footer{font-size:18px;}
	#footer .inner{flex-wrap:wrap;}
	#footer .inner .center{width:100%;margin-top:1em;padding:1em 0;border-left:none;border-top:2px solid rgba(255,255,255,0.1);}
	#footer .inner .right{position:absolute;top:0;right:30px;}
}
@media all and (max-width:1000px){
	#footer{padding:30px 0;font-size:17px;}
	#footer .inner .right{position:relative;right:0;margin-top:0;margin-left:auto;}
	#footer .inner .right .family_site .image{display:none;}
}
@media all and (max-width:800px){
	#footer{font-size:16px;}
}
@media all and (max-width:600px){
	#footer{font-size:15px;}
	#footer .inner{justify-content:center;}
	#footer .inner .left{align-items:center;}
	#footer .inner .center .info ul{align-items:center;}
	#footer .inner .center .info ul li{justify-content:center;}
	#footer .inner .center .info ul span{justify-content:center;}
	#footer .inner .center .info ul span:last-of-type{width:100%;}
	#footer .inner .center .info ul span + span:last-of-type:before{display:none;}
	#footer .inner .center .menu ul{justify-content:center;}
	#footer .inner .center .info .copyright{text-align:center;}
	#footer .inner .right{width:100%;margin-left:0;}
}
@media all and (max-width:400px){
	#footer{font-size:14px;}
}


#page_controller{position:fixed;z-index:2;right:30px;bottom:30px;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:10px;}
#page_controller .button{position:relative;display:block;margin:0;padding:0;width:50px;font-size:20px;border-radius:50%;border:1px solid #edecec;box-shadow:0 0 10px rgba(0,0,0,0.05);background-color:#ffffff;background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
#page_controller .button:before{content:"";display:block;padding-bottom:100%;}
#page_controller .button:hover{background-color:#f5f5f5;}
#page_controller .button.type_up{background-image:url(../img/page_controller_icon_arrow_up.png);}
#page_controller .button.type_down{background-image:url(../img/page_controller_icon_arrow_down.png);}

@media all and (max-width:1000px){
	#page_controller{right:15px;bottom:15px;}
}