@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Vidaloka&display=swap');


/* common */
html, body { margin: 0; width: 100%; height: 100%; position:relative; }
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:'Roboto', 'Vidaloka', sans-serif; outline: none; -webkit-text-size-adjust: none;}

ul>li>a { text-decoration:none; }
a {color: inherit;}
table { border-collapse: collapse; }
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
fieldset {border:none;}
legend {display:none;}
caption {display:none;}
p, strong, span {letter-spacing: -0.5px;}
i {display: inline-block;}
em {font-style: normal; letter-spacing: -1px;}
input {box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=text]::-ms-clear {display:none;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; resize: none;}
select {-webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
select::-ms-expand {display: none;}


/* LAYOUT */
#A_Wrap {width: 100%; min-width: 1410px;}
#A_Container_Wrap {position: relative; width: 100%;}
#A_Container {width: 100%; margin: 0 auto;}
#A_Container:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Container_L {float: left; box-sizing: border-box; width: 255px; height: 100%; background-color: #fff;}
#A_Container_C {position: relative; float: left; box-sizing: border-box; width: calc(100% - 255px); border-left: 1px solid #ddd;}
#A_Header {position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 50;}
#A_Footer .inner {max-width: 1410px; min-width; 640px; width:auto; margin: 0 auto;}
.inner {max-width: 1410px; min-width; 640px; width:auto; margin: 0 auto;}
.inner:after {display: block; clear: both; *zoom: 1; content: '';}

/* header */
#A_Header.main_header {position: fixed;}
.main_header_nav {height: 75px; background-color: #444;}
.main_header_nav .logo_container {display: flex; justify-content:center;width:100%;height:0px}

.main_header_nav .top_left {float:left; width:auto;}
.main_header_nav .top_left > p {float: left; line-height: 75px; font-size:min(1.5vw, 15px); color: #999;}
.main_header_nav .top_left > p em {display: inline-block; margin: 0 15px 0 0; font-weight: 500; color: #fff;}

.main_header_nav .top_right {float: right; padding-top: 17px; max-height:75px; width:auto}
.main_header_nav .langs { position: relative;float: left; margin: 0 30px 0 0; width: 100px}       
.main_header_nav .langs select { display: none;}       
.main_header_nav .langs .select-list { float:right; position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px;  background-color: #595959;}       
.main_header_nav .langs .select-list li { display: none;}     
.main_header_nav .langs .select-list li span {display: block; min-height: 50px; width: 130px; padding: 15px 20px 5px 60px; background-color: #595959; background-size: 28px 28px;background-position: left 20px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 1; box-sizing: border-box; cursor:pointer}     
.main_header_nav .langs .select-list li span:hover { background-color: #999999;}
.main_header_nav .langs .select-list li span:focus {opacity: 1;} 
.main_header_nav .langs .button a {padding: 0 40px; height: 40px; font-size: 15px; font-weight: 500; line-height: 28px; color: #999; background: url(../images/common/lang_arrow.png) no-repeat right 15px center; cursor: pointer; border: none;}
/* 국기 */
.main_header_nav .langs .button p {position: absolute; display: block; width: 28px; height: 28px; background-position: left 20px center; background: no-repeat; background-size: 28px 28px; left: 20px; top:5px; content: '';cursor: pointer}
.main_header_nav .util .btn_consult {float: right; width: 200px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; color: #fff; text-align: center; background-color: #9b2fa5;}

.main_header_nav .logo {float:left; padding: 12px 0 0 0;}
.main_header_nav .logo a {display: block;}
.main_header_nav .logo a img {display: block; height: 48px; width:auto}

#A_Header.main_header {position: fixed;}
.header_nav {height: 40px; background-color: #444;}
.header_nav .inner > p {float: left; line-height: 40px; font-size: 15px; color: #999;}
.header_nav .inner > p em {display: inline-block; margin: 0 15px 0 0; font-weight: 500; color: #fff;}
.header_nav .util {float: right;}

/* .header_nav .util .lang {position: relative;float: left; margin: 0 30px 0 0;} */
/* .header_nav .util .lang:after { position: absolute; display: block; width: 22px; height: 22px; background: url(../images/common/lang_ru.png)no-repeat center;  left: 0; top: 10px; content: '';} */
/* .header_nav .util .lang select {padding: 0 30px; line-height: 40px; font-size: 15px; font-weight: 500; color: #999; background: url(../images/common/lang_arrow.png) no-repeat right center; cursor: pointer; border: none;} */

.header_nav .langs { position: relative;float: left; margin: 0 30px 0 0; width: 100px}       
.header_nav .langs select { display: none;}       
.header_nav .langs .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 600;  background-color: #595959;}       
.header_nav .langs .select-list li { display: none;}     
.header_nav .langs .select-list li span {display: block; min-height: 50px; width: 130px; padding: 15px 20px 5px 60px; background-color: #595959; background-size: 28px 28px;background-position: left 20px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 1; box-sizing: border-box; cursor:pointer}     
.header_nav .langs .select-list li span:hover { background-color: #999999;}
.header_nav .langs .select-list li span:focus {opacity: 1;} 
.header_nav .langs .button a {padding: 0 40px; height: 40px; font-size: 15px; font-weight: 500; line-height: 28px; color: #999; background: url(../images/common/lang_arrow.png) no-repeat right 15px center; cursor: pointer; border: none;}
/* 국기 */
.header_nav .langs .button p {position: absolute; display: block; width: 28px; height: 28px; background-position: left 20px center; background: no-repeat; background-size: 28px 28px; left: 20px; top:5px; content: '';cursor: pointer}

.header_nav .util .btn_consult {float: right; width: 210px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; color: #fff; text-align: center; background-color: #9b2fa5;}

.header_nav .logo {float:left; padding: 12px 0 0 0;}
.header_nav .logo a {display: block;}
.header_nav .logo a img {display: block; height: 48px; width:auto}


.header_gnb {height: 40px; background-color: rgba(0,0,0,0.7);padding: 20px 0 0 0;}
.header_gnb .gnb { display: flex; justify-content: center;align-items:center}
.header_gnb .gnb > li {position: relative; float: left; margin: 0 0 0 2%;text-align:center}
.header_gnb .gnb > li:first-child {margin: 0;}
.header_gnb .gnb .depth1 {display: block; line-height: 120%; font-size:min(1.5vw, 17px); font-weight: 500; color: #fff; letter-spacing: -0.2px;white-space: nowrap;}
.header_gnb .lnb {display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 250px; padding: 8px 0 0 0;}
.header_gnb .lnb ul {position: relative; padding: 30px; background-color: rgba(34,34,34,0.8); border-top: 2px solid #9b2fa5;}
.header_gnb .lnb ul:before {display: block; position: absolute; top: -8px; left: 0; right: 0; margin: 0 auto; box-sizing: border-box; width: 18px; height: 8px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid #9b2fa5; content: '';}
.header_gnb .lnb ul li {margin: 15px 0 0 0}
.header_gnb .lnb ul li:first-child {margin: 0;}
.header_gnb .lnb ul li a {text-align:center;display: inline-block; font-size:min(1.5vw, 16px); font-weight: 600; color: #fff; opacity: 0.7; transition: opacity 0.3s ease-in-out;}
.header_gnb .lnb ul li a:hover {opacity: 1;}

/* footer */
.ft_links {background-color: #444;}
.ft_links .data_link {float: left;}
.ft_links .data_link li {float: left; margin: 0 0 0 40px;}
.ft_links .data_link li:first-child {margin: 0;}
.ft_links .data_link li a {display: block; line-height: 70px; font-size: 16px; font-weight: 500; color: #999; transition: all 0.3s ease-in-out;}
.ft_links .data_link li a:hover {color: #ccc;}
.ft_links .sns_link {float: right;}
.ft_links .sns_link li {float: left; width: 70px; height: 68px; margin: 0 0 0 2px; background-color: #3e3e3e; transition: all 0.3s ease-in-out;}
.ft_links .sns_link li:first-child {margin: 0;}
.ft_links .sns_link li a {display: block; line-height: 68px; text-indent: -9999px; background-image: url(../images/common/sns_icons.png); background-repeat: no-repeat; opacity: 0.4; transition: opacity 0.3s ease-in-out;}
.ft_links .sns_link .sns_fb a {background-position: 0 0;}
.ft_links .sns_link .sns_insta a {background-position: -72px 0;}
.ft_links .sns_link .sns_you a {background-position: -144px 0;}
.ft_links .sns_link .sns_blog a {background-position: -216px 0;}
.ft_links .sns_link .sns_cafe a {background-position: -288px 0;}
.ft_links .sns_link li:hover a {opacity: 1;}
.ft_links .sns_link .sns_fb:hover {background-color: #3b5998;}
.ft_links .sns_link .sns_insta:hover {background-color: #e51c46;}
.ft_links .sns_link .sns_you:hover {background-color: #cd1f21;}
.ft_links .sns_link .sns_blog:hover {background-color: #fc4f08;}
.ft_links .sns_link .sns_cafe:hover {background-color: #1ed045;}
.ft_info {padding: 40px 0 60px; background-color: #3e3e3e;}
.ft_info .ft_logo {float: left;}
.ft_info .ft_logo a {display: block;}
.ft_info .ft_logo a img {display: block;}
.ft_info .ft_txt {float: left; margin: 0 0 0 30px; padding: 16px 0 0 0;}
.ft_info .ft_txt p {line-height: 26px; font-size: 15px; font-weight: 500; color: #666;}
.ft_info .ft_txt p.copy {margin: 15px 0 0 0;}


/*quick menu*/
.quick {position: fixed; width: 130px; right: 50px; top: 220px; box-sizing: border-box; text-align: center; border-radius: 100px 100px 0 0;}
.quick ul .bg{height: 110px; background:#9b2fa5; border-radius: 100% 100% 0 0; border: none;}
.quick ul .bg strong {position: relative; color: #fff; font-size: 14px; line-height: 16px; font-weight: 400; bottom: 10px; top: 55px; }
.quick ul .bg strong:before {position: absolute; width: 44px; height: 39px; background: url(../images/common/quick_01.png) no-repeat 0 0; content: ''; top:-50px; left: 0px;}
.quick .menu {box-sizing: border-box; background: #fff; width: 100%; height: 50px; float: left; border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; padding-top: 10px;}
.quick .menu p {color: #333;}
.quick .menu:nth-child(6) p {font-size: 12px;}
.quick .menu:nth-child(7){height: 65px;}
.quick .menu:last-child { padding-top: 0; height: 146px;}
.quick .icon p{text-align: left; margin-left: 10px; font-size: 14px;}
.quick .icon p:before {display: block; content: ''; width:17px; height: 18px; background: url(../images/common/quick_02.png) no-repeat 0 0; float: left; margin: 0 7px 0 0;}
.quick .icon:nth-child(3) p:before {background: url(../images/common/quick_03.png) no-repeat 0 0; }
.quick .sns {height: 90px; }
.quick .sns .top{ margin: 0 auto;}
.quick .sns2 {height: 65px;}
.quick .sns2 img{padding: 0 2px;}
.quick .sns2:nth-child(2) p{font-size: 12px;}
.quick .sns2 p{font-size: 14px;}

.quick .menu span {display: block; color: #666; font-size: 12px;}
.quick .menu>ul>li {padding-top: 10px;}
.quick .menu>ul>li p { font-size: 14px;}

/*chat info*/
.chat_info {position: fixed; left:50px; bottom: 15px; box-sizing: border-box; text-align: left; border-radius: 100px 100px 0 0;}
.chat_info img{width:350px ; height:255px}

/*chat info SUB page*/
.sub_chat_info {position: fixed; left:5px; bottom: 20px; box-sizing: border-box; text-align: left; border-radius: 100px 100px 0 0;}
.sub_chat_info img{width:250px ; height:180px}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header_nav .langs { left:-125px; }
}