@charset "euc-kr";

@import url('font.css');
@import url('common.css');

header .hd_top {position:relative;}
header .hd_top h1 {width:206px; height:58px; margin:27px 0 15px; background:url(../images/ico/logo.gif) no-repeat center; background-size:100%;}
header .hd_top h1 a {display:block; width:100%; height:100%; text-indent:-9999px;}
header .hd_top .util {position:absolute; top:3px; right:0;}
header .hd_top .util > div:after {content:''; display:block; clear:both;}
header .hd_top .util > div {float:left;}
header .hd_top .util > div a {float:left;}

header .hd_top .util .link {margin-top:7px;}
header .hd_top .util .link a {display:block; position:relative; color:#6d6d6d; font-size:16px;}
header .hd_top .util .link a.lang {padding-right:33px; padding-top:2px; color:#8f8f8f; font-family:"Rajdhani"; font-weight:600;}
header .hd_top .util .link a.lang:after {content:''; position:absolute; top:-2px; right:0; width:24px; height:24px; margin-left:9px; background:url(../images/ico/ico_lang.png) no-repeat 0 0; background-size:100%;}
header .hd_top .util .link a + a {margin-left:30px;}
header .hd_top .util .link a + a:before {content:''; position:absolute; top:4px; left:-15px; width:1px; height:16px; background:#c4c4c4;}

header .hd_top .util .size {width:118px; height:38px; margin-left:20px; text-align:center; border:1px solid #d8d8d8;}
header .hd_top .util .size a {float:none; display:inline-block; width:24px; height:24px; padding:18px 0; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:100%;}
header .hd_top .util .size a.plus {background-image:url(/images/ico/ico_plus01.png);}
header .hd_top .util .size a.minus {background-image:url(/images/ico/ico_minus.png);}
header .hd_top .util .size::after{display:none;}
header .hd_top .util .size > ul::after{display:none;}
header .hd_top .util .size > ul{display:flex;}
header .hd_top .util .size > ul > li{width:32.6%;}
header .hd_top .util .size > ul > li:not(:last-chlid){margin-right:1%;}
header .hd_top .util .size .text_reset{text-indent:0;font-size:14px;padding:0;line-height:36px;width:34px;}

header nav .mb_hidden{width:calc(100% - 144px)}
header nav .mb_hidden > li:hover {
    background: #26355f;
}
header nav .submenu {display: none; position: relative; z-index: 1; width: auto; text-align: left;}
header nav .mb_hidden > li:hover > .submenu {display: inline-block; position: absolute; top:70px; left:0; width: 100%; background-color: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / 30%);}
header nav .mb_hidden > li:hover > .submenu > li {border-top: 1px solid #ddd;}
header nav .mb_hidden > li:hover > .submenu > li > a {display: block; padding: 15px; font-size: 16px; color: #222; letter-spacing: -0.5px; line-height: 18px;}
header nav .mb_hidden > li > .submenu > li:hover a {background-color: #3150a7; color: #fff;}
header nav .submenu li a {font-size:20px;}
header nav .submenu li:hover a {font-weight:600;}
header nav .mb_hidden > li > .submenu > li:hover a {
    background-color: #3150a7;
    color: #fff;
	font-weight:500;
}


header nav {position:relative; background:#3150a7;}
header nav .menu:after {content:''; display:block; clear:both;}
header nav .menu .mb_hidden:after {content:''; display:block; clear:both;}
header nav .menu .mb_hidden > li {float:left;width:16.66%;position:relative;}
header nav .menu .mb_hidden > li a {display:block; padding:22px 0; color:#fff; font-size:20px;text-align:center;}

header nav .menu .menu_link {float:right;}
header nav .menu .menu_link .search_btn {display:inline-block; width:70px; height:70px; text-indent:-9999px; vertical-align:middle; background:#3150a7 url(../images/ico/ico_search.jpg) no-repeat center;}
header nav .menu .menu_link h2 {display:inline-block; width:70px; height:70px; text-indent:-9999px; vertical-align:middle; background:#26355f url(../images/ico/ico_menu.jpg) no-repeat center;position:relative; cursor:pointer;}
header nav.on .menu .menu_link h2 {
    border: 1px solid #213e8f;
    background: #fff;
}
header nav.on .menu .menu_link h2 i {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 25px;
    top: 35px;
    width: 30px;
    height: 2px;
    margin-left: -6px;
    background-color: #213e8f;
    transition: 0.2s;
    transform: rotate(
-45deg
);
}
header nav.on .menu .menu_link h2 i:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #213e8f;
    transition: 0.2s;
    transform: rotate(
90deg
);
}
header .all_menu:after {content:''; display:block; clear:both;}
header .all_menu {display:none; position:absolute; z-index:100; top:69px; left:0; width:100%; height:280px; background:#213e8f;}
header .all_menu .wrapper > div > div {float:left; width:16.66%; height:280px; padding:20px 0 0; border-left:1px solid rgba(255,255,255,0.15);}
header .all_menu .wrapper > div > div:nth-child(7){border-right: 1px solid rgba(255,255,255,0.15);}
header .all_menu .wrapper > div ul {min-height:90px;}
header .all_menu .wrapper > div ul li + li {margin-top:6px;position:relative;}
header .all_menu .wrapper > div ul li + li::before{content:'';display:block;position:absolute;top:8px;;left:14px;;width:5px;height:1px;background:rgba(255,255,255,0.7)}
header .all_menu .wrapper > div ul li a {display:block; width:100%; height:100%; padding-left:25px; color:rgba(255,255,255,0.7); font-size:15px;}
header .all_menu .wrapper > div ul li:first-child {margin-bottom:20px;;}
header .all_menu .wrapper > div ul li:first-child a {color:#fff; font-size:18px;padding-left:0;text-align:center;}
header .all_menu .wrapper > div ul li:first-child a:after {content:''; display:block; width:20px; height:1px; margin-top:14px; background:#fff;margin-left: 50%;transform: translateX(-50%);}
header .all_menu .wrapper .all_menu_wrap{width:calc(1420px - 144px)}
header nav.on .all_menu {display: inline-block;}

.m_kor{display:none;}

.h_btn, .hc_bg {display:none;}
.h_contents {display:none}
.h_contents .hc_top {position:relative; z-index:3; background-color:#752374;}
.h_contents .hc_top .wrap {display:inline-block; vertical-align:middle; width:1200px; margin:0 auto;}
.h_contents .hc_top .hct_type {display:inline-block; vertical-align:middle; float:left;}
.h_contents .hc_top .hct_type li {display:inline-block; vertical-align:middle; float:left; width:80px;}
.h_contents .hc_top .hct_type li a {display:block; color:#fff; font-size:13px; line-height:35px;}
.h_contents .hc_top .hct_info {display:inline-block; vertical-align:middle; float:right;}
.h_contents .hc_top .hct_info li {display:inline-block; vertical-align:middle; margin-left:20px; color:#fff; font-size:13px; line-height:35px;}
.h_contents .hc_top .hct_info li.middle {display:inline-block; vertical-align:middle; float:left; margin-left:19px; color:#fff; font-size:13px; line-height:35px;}
.h_contents .hc_top .hct_info li a {display:block; color:#fff; font-size:13px; line-height:35px;}
.h_contents .hc_top .hct_info li a.middle  {display:block; color:#fff; font-size:13px; line-height:20px;padding-top:6px;}

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

@media all and (max-width:1420px){
	header .all_menu .wrapper > div ul li:first-child a{text-align:left;padding-left:15px}
	header .all_menu .wrapper > div ul li:first-child a:after{margin-left:0;transform: translateX(0);}

	header .all_menu{height:auto;}
	header .all_menu .wrapper .all_menu_wrap{width:100%;}
	header .all_menu .wrapper > div > div{width:33.3%}
	header .all_menu .wrapper > div > div:nth-child(4){border-right:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15)}
	header .all_menu .wrapper > div > div:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.15)}
	header .all_menu .wrapper > div > div:nth-child(3){border-bottom:1px solid rgba(255,255,255,0.15)}

}

@media all and (max-width:1360px){
	header nav .menu .mb_hidden li a{font-size:18px}
}

@media all and (max-width:1199px){
	header .hd_top h1 {width:170px; height:49px}

	header nav .menu .mb_hidden li a {padding:25px 0; font-size:16px;}

	header .all_menu .wrapper {padding:0;}
	header .all_menu .wrapper > div {width:20%;}
}
@media all and (max-width:1040px){
	header nav .menu .mb_hidden li a{font-size:15px}
}
@media all and (max-width:980px){
	
	header .hd_top .util .link a {font-size:14px;}
	header .hd_top .util .link a + a:before {top:2px;}
	header .hd_top .util .link a.lang {padding-right:25px;}
	header .hd_top .util .link a.lang:after {top:0; width:20px; height:20px;}
	
	header .all_menu .wrapper > div > div:first-child ul li::before{display:none}

	header nav .menu.mb_hidden {}
	header nav .menu.wrapper {padding:0;}
	header nav .menu .menu_link h2 {height:60px; background-size:25px;z-index:57;}
	header nav .menu .menu_link .search_btn{height:60px; background-size:22px;}
	header nav .menu > ul {display:none;}
	header nav.on .menu .menu_link h2 i{top:30px}

	header .all_menu {top:60px;}
	header .all_menu .wrapper > div ul li a {font-size: 14px;word-break: break-all;padding-left:20px;}

	
	
	
}
@media all and (max-width:870px){
	header .all_menu .wrapper > div > div{width:50%}
	header .all_menu .wrapper > div > div:nth-child(4){border-right:0}
	header .all_menu .wrapper > div > div:nth-child(5){border-bottom:1px solid rgba(255,255,255,0.15)}
}
@media all and (max-width:640px){
	header .hd_top h1 {width:140px; height:40px}
	header nav .menu .menu_link {
    float: none;
    top: -68px;
    right: 10px;
    position: absolute;
	}
	header .hd_top .util .size {width:87px; margin-top:-4px;}
	header .hd_top .util .size p {font-size:12px;}
	header .hd_top .util .size a {width:20px; height:20px;}

	header .hd_top .util .size{display:none}
	header .hd_top .util .mb_hidden{display:none}
	
	header .all_menu{top:0}
	header .all_menu .wrapper > div > .m_kor{display:block;width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,0.15);padding:0;}
	header .all_menu .wrapper > div > .m_kor ul{display:flex;min-height:auto;}
	header .all_menu .wrapper > div > .m_kor ul li{width:50%;margin:0;}
	header .all_menu .wrapper > div > .m_kor ul li a{font-size:18px;padding-left:0;display:block;height:60px;line-height:60px;color:#fff;text-align:center;}
	header .all_menu .wrapper > div > .m_kor ul li:first-child a:after{display:none;}
	header .all_menu .wrapper > div > .m_kor ul li:nth-child(2){border-left:1px solid rgba(255,255,255,0.15);}
	header .all_menu .wrapper > div > .m_kor ul li + li {margin-top:0;}

	header .all_menu .wrapper > div ul li:first-child a {font-size:16px;}
	header .all_menu .wrapper > div ul li a {font-size:14px;}
}
@media all and (max-width:580px){
	header .all_menu .wrapper > div > div{width:100%;height:auto;padding:25px 0}
	header .all_menu .wrapper > div > div:nth-child(7){border-top:1px solid rgba(255,255,255,0.15)}
}
@media all and (max-width:480px){
	header .all_menu .wrapper > div {width:100%;}
	header .all_menu .wrapper > div ul {min-height:70px;}
	header .all_menu .wrapper > div ul li a {padding-left:20px;}
}