@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.about-bg {}
.about {position:relative; margin-bottom:70px;}
.about:before {position:absolute; content:""; bottom:-70px; left:0; width:100%; height:410px; background:#f0f0f0;}
.about-flex {position:relative; display:flex;}
.about-flex .txt-box {margin-top:70px; padding-left:50px;}
.about-flex .txt-box h3 {font-size:28px; font-weight:400; letter-spacing:-.03em; line-height:1.536em; margin-bottom:70px;}
.about-flex .txt-box h3 strong {font-family: 'Montserrat', sans-serif; font-size:38px; color:#00103f; font-weight:600;}
.about-flex .txt-box h3 span {font-size:30px; font-weight:500;}
.about-flex .txt-box .txt {color:#454545; letter-spacing:-.03em; line-height:1.750em; margin-bottom:15px;}
.about-flex .txt-box .sign {font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; margin-top:20px;}

.character {margin-top:50px;}
.character .tit {position:relative; font-size:18px; color:#454545; font-weight:500; letter-spacing:-.03em; line-height:1.556em; padding-left:25px; margin-bottom:15px;}
.character .tit:before {position:absolute; content:''; top:50%; margin-top:-9px; left:0; width:18px; height:18px; background:url("../images/sub/sub-arrow.png")50% 50% no-repeat; background-size:contain;}
.character ul {border:1px solid #ddd; padding:30px 40px;}
.character ul li {position:relative; color:#454545; padding-left:15px; margin:10px 0;}
.character ul li:before {position:absolute; content:""; left:0; top:12px; background:#3232a6; width:5px; height:5px;}
.character-img {margin-top:70px; text-align:center;}

.gallery-list {padding-top:20px; margin-top:20px; border-top:2px solid #868686;}

.location-infos dl {display:flex; padding:25px 30px 25px; border-bottom:1px solid #ddd;}
.location-infos dt {display:flex; align-items:center; font-size:18px; color:#242424; font-weight:500; width:170px; position:relative; text-align:left;}
.location-infos dt img {margin-right:15px;}
.location-infos dd {flex:1 1 auto; min-width:0; width:1%; font-size:16px;}
.info-flex {display:flex; align-items:center; padding:30px 0 25px; border-bottom:1px solid #ddd;}
.info-flex .txt-box .tit {color:#3232a6; font-weight:500; letter-spacing:-.03em;}
.info-flex .txt-box .lg-txt {font-family:'NanumSquare', sans-serif; font-size:23px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin:5px 0;}

.map iframe {width:100% !important; height:450px !important;}
.map iframe  {height:450px !important;}

.transport .img-flex {display:flex; margin:0 -15px;}
.transport .img-flex .img {width:33.3333%; padding:0 15px;}

.diagram .img {margin-top:60px;}