/* ÃʱâÈ­ */
html {
    scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
}
html, body {width:100%; height:100%; }
body {background:#fff; margin:0; padding:0; font-size:15px; font-weight:400; color:#1a1a1a; line-height:1.2; word-break:keep-all; vertical-align:middle; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans KR", sans-serif; overflow-x:hidden; }

ol, ul, ul li {list-style:none}
p, ul, li, ol, dl, dt, dd, figure {padding:0; margin:0; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-family:inherit; color:inherit; margin:0; letter-spacing:-0.5px; font-weight:800;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select, img {vertical-align:middle}
button, textarea, input, select {font-family:inherit; color:inherit; padding:0; }

input, button {margin:0; padding:0; }
button {cursor:pointer; border:0; }
textarea, select {}
select {margin:0; border:1px solid #ddd; padding:5px 10px; border-radius:3px;line-height:30px;text-indent: 5px;}
option {padding: 0px 2px 1px;}
p, span, i {margin:0; padding:0; word-break:break-all; }
pre {overflow-x:scroll; font-size:1.1em}

a {text-decoration:none; color:inherit; display:inline-block;}
a:link, a:visited {text-decoration:none; }
a:hover, a:focus, a:active {text-decoration:none !important; }



th {font-weight:500; }

input[type=text], input[type=password], input[type=number], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
border:1px solid #ddd; border-radius:3px; padding:5px 15px;
}

input[type=text], input[type=password],input[type=number] {line-height:30px;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {/*border:1px solid #4571fb; */background:rgba(42,114,254, 0.03);}
/*input[type=checkbox] {*/
/*border:1px solid #ddd;*/
/*border-radius:3px;*/
/*padding:2px;*/
/*color:#7d7d7d;*/
/*}*/
/*input[type=checkbox]:checked{*/
/*    background-color:#7d7d7d;*/

/*}*/

textarea {width:100%; padding:15px; }





input::placeholder {color: #7d7d7d;}
textarea::placeholder {color: #7d7d7d;}

#wrapper {z-index:5; min-width:320px; width:100%; position:relative; }
#wrapper:after {content:""; display:block; clear:both}
.wrap{width:100%; max-width:1400px; margin:0 auto; position:relative;}
.wrap:after {content:""; display:block; clear:both}

.w100 {width:100%;}

#container {margin:0 auto; position:relative; width:100%; height:auto; zoom:1; z-index:7; padding-top:70px;}
#container:after {content:""; display:block; clear:both}

#main_container {position:relative; width:100%; margin:0 auto; padding:45px 0;  -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s; }
#main_container:after {content:""; display:block; clear:both}

#sub_container {position:relative; width:100%; margin:0 auto; -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s; }
#sub_container:after {content:""; display:block; clear:both}

#sub_container .page {margin:0 auto; position:relative; width:100%; /*height:530px;*/ padding-bottom:100px; min-height:200px;}
#sub_container .page:after {content:""; display:block; clear:both}

/*******header******/
header {width: 100%;height: 60px;background:#fff;left: 0;top: 0;z-index: 100; border-bottom:1px solid #f5f5f5;  }
header:after {content:""; display:block; clear:both}
header > div {text-align:center;}
#logo {display: inline-block;position: absolute;left: 0;top: 0;z-index:99;}
#logo a {font-family: 'GongGothicMedium'; font-weight:700; color:#4571fb; font-size:25px;line-height: 70px;}
#logo a, #logo a img, #topmenu a img {display:block;}

#tnb {position: absolute;right: 0;top: 0px;text-align:right; display:flex; align-items: center;}

#tnb .t_login {font-size:17px;display: block;font-weight: 700; color: #664af1; margin-right:5px;}

#tnb .allmenu {width:70px; height:70px; display:flex;justify-content: center;align-items: center;flex-direction: column;}
#tnb .allmenu span {display:block; width:30px; height:3px; background:#1a1a1a; }
#tnb .allmenu span:nth-child(1) {margin-top:0px; }
#tnb .allmenu span:nth-child(2) {margin-top:8px; }
#tnb .allmenu span:nth-child(3) {margin-top:8px; }

#single_dropdown {display: inline-block;}
#single_dropdown .main_menu {display: flex;}
#single_dropdown .main_menu li{position:relative; margin: 0px;}
#single_dropdown .main_menu ul {display: none;z-index: 990;width: 100% !important;background: #4571fb;position: absolute;top: 70px;left: 50%;  transform: translate(-50%, 0);  padding:10px; border-radius:5px; min-width:150px;}
#single_dropdown .main_menu ul li {display:block; margin-bottom:5px;}
#single_dropdown .main_menu ul li:last-child {margin-bottom:0;}
#single_dropdown .main_menu ul li a {display: block; text-align: center; line-height:30px;width:100%; color:rgba(255,255,255,0.8);}
#single_dropdown .main_menu ul li a:hover {color:rgba(255,255,255,1);}
#single_dropdown .main_menu ul li{margin: 0; width: 100%;clear:both;}
#single_dropdown > .main_menu > li > a {font-size:18px;display: block;line-height: 70px;font-weight: 600;text-align: center;padding:0 25px;transition:background-color 0.3s}
#single_dropdown > .main_menu > li > a:hover{color:#4571fb; }
#single_dropdown > .main_menu > li > a.active{font-weight: 850;color:#4571fb;}
#single_dropdown .main_menu li a:hover span, #single_dropdown .main_menu li a.jquery_dropdown span {display: block;width: 19px;height: 12px;position: absolute;bottom: 6px;left: 107px;}

/* footer */
footer {background:#2a72fe; height: 155px;}
footer h1 {font-family: 'GongGothicMedium'; font-weight:700; color:rgba(255,255,255,0.8); font-size:20px; margin-bottom:10px;}
.footer_menu {border-bottom:1px solid rgba(255,255,255,0.08); padding:15px 0;}
.footer_menu ul {display:flex;align-items: center;  justify-content: center;}
.footer_menu ul li a {color:#fff; padding:0 15px; font-size:14px; }
.footer_copy {position:relative; width:100%; padding:30px 0; }
.footer_copy ul {color:#a9a9ab;}
.footer_copy ul li {color:inherit; line-height:1.7;}
.footer_copy ul li span {display: inline-block; font-size:14px; }
.footer_copy ul li span + span {margin-left:20px;}
.ft_copy {position:absolute; bottom:0; right:0; color:#a9a9ab; font-size:14px; }
.ft_copy a {color:inherit;}

/* quick */
#followquick {position:absolute; right:1%; z-index:101; text-align:center; width:180px; top:200px; }
#followquick > div {width:100%; border-radius:10px; box-shadow:3px 4px 7px rgba(0,0,0,0.02); background: #fff; position:relative;}
#quick_cust {}
#quick_cust h3 {background: #4571fb; padding:10px; color:#fff;  border-radius:10px 10px 0 0; }
#quick_cust ul {padding:15px 15px 20px; border:1px solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 10px 10px;}
#quick_cust li:first-child {padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px;}
#quick_cust li strong {color:#664af1; font-size:18px; font-weight:800;  }
#quick_cust li a {font-weight:500; line-height:25px;}
#quick_cust > a {position:absolute; bottom:-15px; left:calc(50% - 15px); background:url('/assets/img/top_arr.png') #4d4d4d center center no-repeat; width:30px; height:30px; border-radius:50%; font-size:0;}

#quick_info {margin-top:25px; padding:15px 10px; border:1px solid #4571fb;}
#quick_info h3 {font-size:14px; color:#4d4d4d;  margin-bottom:5px;}
#quick_info h3 strong {font-size:16px; font-weight:700; color:#664af1;}
#quick_info dl {background:#f5f5f5; border-radius:10px; padding:10px; font-size:13px; display: flex;  justify-content: space-between; flex-wrap: wrap;line-height:20px;}
#quick_info dt {color:#7d7d7d; text-align:left;}
#quick_info dd {text-align:right;  font-weight: 500;}
#quick_info dd span {color:#664af1; font-weight:600}

#quick_info ul {display:flex;flex-wrap: wrap; justify-content: space-between; margin-top:25px; }
#quick_info li {border:1px solid #ddd; width:48%; margin-bottom:5px; background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);}
#quick_info li:last-child {margin-bottom:0;}
#quick_info li a {font-size:12px; padding:3px; font-weight:500; display:block;}



/********½Ç½Ã°£Á¤º¸**********/
.road-crolling-list .bx {width: 100%;overflow: hidden;padding: 30px 0;border-bottom: #e8e8e8 1px dotted;clear:both;}
.road-crolling-list .bx:first-child {margin-top:0;}
.total_area {float: right;width: calc(100% - 200px);}
.total_wrap.api_ani_send a.thumb_single {display: block;width: 180px;float: left;}
.thumb_fix {display: block;width: 100%;}
.thumb_fix img {display: block;width: 100%;height:100px;border-radius:5px 5px 0 5px;}
span.sub_time.sub_txt, span.elss.etc_dsc_inner a {font-size:20px;}
.total_sub {margin-bottom: 18px;}
audio#voice_content, audio#voice_guide_content {width: 100%;margin: 20px 0;}
audio#course_description_voice, audio#introduction_animals_voice, audio#introduction_plants_voice {margin: 20px 0;float:right;}

/********üÇèÄÚ½º¾È³»**********/
div.info_window {text-align: center;}

/********üÇèÁغñ**********/

.ready_top {text-align: center;width: 100%;overflow: hidden;font-size: 25px;font-family: 'GmarketSansMedium', sans-serif;line-height: 1.3;}
.ready_con01, .ready_con02 {clear: both;width: 100%;overflow: hidden;margin-top: 60px;}
.ready_con01 > img {float:right;display:inline-block;}
.ready_con02 > img {float:left;display:inline-block;}

.ready_con01 > ul {width:calc(100% - 450px);float:left;}
.ready_con01 li {
    width: 31%;
    float: left;
    margin-right: 2%;
    border: #ddd 1px solid;
    padding: 30px;

    border-radius: 12px;
}

.ready_con02 > ul {width:calc(100% - 450px);float:right;}
.ready_con01 li {
    width: 31%;
    float: left;
    margin-right: 2%;
    border: #ddd 1px solid;
    padding: 30px;

    border-radius: 12px;
	height: 249px;
}

.ready_con01 li h3 {
    color: #4571fb;
    /* font-family: 'GmarketSansMedium', sans-serif; */
    font-size: 26px;
    margin-bottom: 17px;
}
.ready_con01 li p {

    line-height: 1.5;
    word-break: keep-all;
}
.ready_con02 li {
    width: 48%;
    float: left;
    margin-left: 2%;
    border: #ddd 1px solid;
    padding: 30px;

    border-radius: 10px;
	height: 249px;
	overflow:hidden;
}

.ready_con02 li h3 {
    color: #4571fb;
    /* font-family: 'GmarketSansMedium', sans-serif; */
    font-size: 26px;
    margin-bottom: 17px;
}
.ready_con02 li p {
    line-height: 1.5;
    word-break: keep-all;
}