@charset "utf-8";
/**
 * @File Name : intro.css
 * @Description : 함양TALK 인트로
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.11.28 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2023.11.28
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* 여기어때 잘난체 */
@font-face {
    font-family: 'yg-jalnan';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* 지마켓산스 */
@font-face {
	font-family: 'GmarketSans';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSans';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

html, body {height:100%;}
body {background-color:#4456ac;background-image:url(/chatbot/client/img/share/intro_bg1.jpg), url(/chatbot/client/img/share/intro_bg2.jpg);background-repeat:no-repeat;background-position:50% 0, 50% bottom;background-size:auto auto;}
.container {position:relative;max-width:1004px;margin:auto;}

.intro {text-align:center;font-family:"GmarketSans", sans-serif;color:#fff;padding-top:50px;}
.intro h1#logo {display:block;width:75px;height:21px;background:url(/chatbot/client/img/share/logo@2x.png) no-repeat 0 0 / contain;text-indent:-9999px;margin:0 50px 70px auto;}
.intro h2.h1 {font-family:"yg-jalnan", sans-serif;font-size:42px;line-height:1;letter-spacing:-.05em;margin:0 0 20px;}
.intro .t1 {font-size:20px;color:rgba(255,255,255,.7);letter-spacing:-.05em;margin:0 0 60px}
.intro .b1.more {display:inline-block;vertical-align:top;margin:50px auto;font-size:17px;border:3px solid #fff;border-radius:9999px;font-weight:600;color:#fff;padding:17px 30px 11px}
.intro .b1.more:before {content:"";display:inline-block;vertical-align:middle;width:34px;height:35px;background:url(/chatbot/client/img/share/ic70a1chatbot.png) no-repeat 0 0 / contain;margin:-6px 10px 0 0}
.intro .b1.more:hover {text-decoration:none;}