/**
* Template Name: Frandeer - v1.0.0
* License: frandear
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {margin:0;padding:0;box-sizing:border-box}
html {font-size:62.5%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,
caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;border:0 none}
body{width:100%; background:#fff;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;max-width:2560px;min-width:280px;height:100%}
body,input,select,textarea,button {border:none;font-size:15px;font-family:'Noto Sans KR','Malgun Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif;color:#777;font-weight:400;letter-spacing:-0.8px}
input {font-family:'Noto Sans KR','Malgun Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif}
header, h1 {font-size:100%}
html, body {height:100%}
main,header,section,nav,footer,aside,article,figure{display:block}
div, p, span, li, table td {word-break:keep-all}
caption,legend {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
img {border:none;vertical-align:top;/*width:100%;*/ }
select, input {vertical-align:middle}
hr {display:none;border:0 none}
ol, ul, ul li{list-style:none}
address,cite,code,em{font-style:normal;font-weight:normal}
label{cursor:pointer}
button{border:0;outline:0;cursor:pointer}
textarea:focus, button:focus, input:focus{outline:none}

/* #ft{background: #f7f7f7;} */
#ft .foot_info{display: flex; gap:10px 1%; justify-content: center; flex-direction: column;}
#ft .foot_logo { display: block; margin-bottom: 5px;}
#ft .foot_logo img {max-width: 100%;}
#ft .foot_info p{font-size: 1.7rem; color: #ffffff; font-weight: 500;}
#ft .foot_info span{font-size: 1.7rem; color: #ffffff; font-weight: 500;}
#ft .foot_info a{font-size: 1.7rem; color: #ffffff; font-weight: 500;}
.copyright{ 
    margin-top: 3%;
    border-top: 1px solid #666666;
    width: 100%;
    text-align: Center;
    font-size: 15px !important;
    line-height: 75px;
    color: #fff;}
/* .copyright span{font-size: 1.7rem; color: #ffffff;} */

.root_daum_roughmap .cont {
    display: none;
}

.main_map{background: #fff; }
.main_map .width{display: flex; justify-content: space-between; gap:30px 0px; align-items: center;}
.main_map .root_daum_roughmap{width: 55% !important;}
.main_map .text{width: 40%;}
.main_map .text h2{font-size: 3.5rem; font-weight: bold; margin-bottom: 20px;}
.main_map .text  ul li{display: flex; font-size: 2.0rem; font-weight: 500; margin-top: 15px;}
.main_map .text  ul li span{font-size: 2.0rem; font-weight: bold; margin-right: 5px; white-space: nowrap;}
.main_map .text .naver{width: 250px; height: 45px; line-height: 45px; border-radius: 5px; display: block; margin-top: 40px; background: #222; text-align: center; color: #fff; font-size: 1.8rem; font-weight: 500;}
.main_map .text .naver span{font-family: 'SUIT-Regular'; margin-left: 10px;}

.section01 {width: 100%;overflow: hidden;padding: 70px 0 70px 0px;}
.maincon {width: 1300px;margin: 0 auto;}
.section01_left {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);width: 55%;float: left; margin-top: 55px; padding: 20px; background: url(../img/bg03.jpg) no-repeat; background-size: cover; background-position: center;}
.section01_left img {width: 100%;}
.section01_right {width: 45%;float: left;margin-top: 55px;padding-top: 45px;padding-left: 75px;}
.section01_right_tt1 {/*background: url(../img/tt_bg01.png) left no-repeat;*/font-weight: 600;line-height: 100px;border-bottom: 1px solid #ccc;font-size: 21px;color: #000;}
.section01_right_tt2 {/*background: url(../img/tt_bg02.png) left no-repeat;*/font-weight: 600;line-height: 100px;border-bottom: 1px solid #ccc;font-size: 21px;color: #000;}
.section01_right_tt3 {/*background: url(../img/tt_bg03.png) left no-repeat;*/font-weight: 600;line-height: 100px;border-bottom: 0px solid #ccc;font-size: 21px;color: #000;}

.maintt_02 {font-size: 18px;font-weight: 500;color: #333;line-height: 35px;width: 100%;text-align: center;}
.maintt_01 {font-size: 48px;font-weight: 600;color: #201e1b;line-height: 45px;width: 100%;text-align: center;}


.section02 {background: url(../img/bg02.jpg) no-repeat; background-size: cover; background-position: center; width: 100%;overflow: hidden; padding: 70px 0 70px 0px;}
.morebtn {position: absolute;top: 0px;right: 0px;}
.titlearea {width: 1300px;position: relative;margin: 0 auto;}
.mt55 {margin-top: 35px;}
.pic_lt {position: relative;margin-bottom: 20px;background: none;}
.pic_lt ul {margin: 0 -10px;}
.pic_lt li {float: left;width: 23%;padding: 0px;margin: 1%;background: #fff;}
.pic_lt li.galley_li:nth-child(4n+1) {clear: both !important;}
.subject01 {display: block;font-weight: 500;width: 100%;padding: 20px;font-size: 18px;}

@media all and (max-width: 1299px){
    .maincon {
        width: 100%;
    }
}
@media all and (max-width: 1024px){
    .main_map .text h2{font-size: 3.0rem;}
    .main_map .text ul li span{font-size: 1.8rem;}
    .main_map .text ul li{font-size: 1.8rem;}
    .section01 {padding: 50px 0 50px 0px;background: #f5f5f5;}
    .maintt_01 {font-size: 35px;font-weight: 600;color: #01468c;line-height: 45px;width: 100%;text-align: center;}
    .maintt_02 {font-size: 17px;font-weight: 500;color: #333;line-height: 35px;width: 100%;text-align: center;}
    .section01_left {width: 92%;margin: 3%;padding: 15px;}
    .section01_right {width: 92%;margin: 3%;padding-top: 5px;padding-left: 10px;padding-right: 10px;}
    .section01_right_tt1,.section01_right_tt2,.section01_right_tt3{font-size: 20px;line-height: 90px;}

    .section02 {padding: 50px 0 50px 0px;}
    .titlearea {width: 100%;bordeR: 0px solid red;}
    /* .maintt_01 {font-size: 35px;font-weight: 600;line-height: 45px;width: 100%;text-align: center;}
    .maintt_02 {font-size: 17px;font-weight: 500;color: #333;line-height: 35px;width: 100%;text-align: center;} */
    .morebtn {width: 40px;}
    .morebtn img {width: 90%;right: 10px !important;}
}

@media all and (max-width: 850px){
    .main_map .width{flex-direction: column;}
    .main_map .text{width: 100%; margin-bottom: 4rem; padding: 0 10px;}
    .main_map .root_daum_roughmap{width: 100% !important;}
    #ft .foot_info p{font-size: 1.2rem;}
    #ft .foot_info span{font-size: 1.2rem;}
    #ft .foot_info a{font-size: 1.2rem;}
    #ft .copyright span{font-size: 1.2rem;}
}

@media all and (max-width: 650px){
	.main_map .text ul li,
	.main_map .text ul li span{font-size:16px;}
	.main_map .text h2{font-size:2.5rem;}
	.main_map .text .naver{width:100%; font-size: 1.2rem;}
}

/* webfont */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* clear */
.clear{clear:both} /* 정렬 초기화 */

/* link */
a{color:#555;text-decoration:none} /*링크 기본*/
a:link, a:visited {text-decoration:none}
/* a:hover, a:active, a:focus {text-decoration:underline} */

/* table */
table {width:100%;border-collapse:collapse} /*테이블 기본*/
table, th, td {border:0px;border-spacing:0;border-style:none}

/* float */
.fl{float:left} /* Flot 왼쪽정렬*/
.fr{float:right} /* Flot 오른쪽정렬*/

/* text-align */
.txtr{text-align:right !important} /*텍스트 오른쪽정렬*/
.txtl{text-align:left !important}  /*텍스트 왼쪽정렬*/
.txtc{text-align:center !important} /*텍스트 가운데정렬*/

/* hidden */
.hidden,.hide,.blind {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /*폰트, 타이틀 감추기 */