/* 공통 */
.sub_con {width: 1300px; margin:0 auto; }
/* title */
.s_title h2 {font-size:24px; font-weight: 600; padding: 30px;color:#2ba8bb; letter-spacing: 9.6px; font-family: 'Montserrat'; text-transform: uppercase; }
.s_title h1 {font-size:36px; font-weight: 300; color:#333; word-break: keep-all; font-family: 'NanumSquare',sans-serif; margin-top: 25px; line-height: 55px; }
.s_title h1 b {font-weight: 700; }
/* p */
.sub_p {font-size:15px; font-weight: 300; color:#666; line-height: 30px; word-break: keep-all;}
.sub_p b {font-weight: 500; color:#000; }


/*page */
.page-wrap {text-align: center ; padding:30px 0 0; }

/*section */
#gre_sec .article {/*background-color: #fff; */position: relative; z-index: 2; padding-bottom: 90px; width: 1100px; }
#gre_sec .sub_p {margin:45px 0 55px ;}
#gre_sec .sub_container {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}

/*Sub Page*/

/*Designer Kim Yeonhee*/
#page-designer {}

#page-designer .sub_bot_bg {width: 100%; margin-top:-324px;  height: 812px; background:url('/img/sub/about/designer/bg_designer.jpg') center bottom no-repeat;; background-size:cover; }
#page-designer .container_box {display: flex; width: 50%;margin-bottom: 38px;}
#page-designer .container_box .left {width: 42%;text-align: right;}
#page-designer .container_box .left h3 {margin-right: 25px;font-size: 20px;color: #a5a5a5;font-weight: 700;}
#page-designer .container_box .right {width: 58%;}
#page-designer .container_box .right ul {list-style: none;padding: 0px;margin: 0px 0px 0px 41px;}
#page-designer .container_box .right ul li {text-align: left;width: 100%;font-size: 15px;margin-bottom: 19px;}
#page-designer .container_box .right ul li.date {font-weight: 700;}
#page-designer .container_box .right ul li img.icon {margin: 0px 15px 10px 0px;}

/*Logo*/
#page-logo {text-align: center ; padding:30px 0 0;}

/*Illustrator*/
#page-illustrator {text-align: center ; padding:30px 0 0;}
#page-illustrator .sub_container {text-align: center ;align-items: center;justify-content: center;}
#page-illustrator .container_box {width:346px;height:231px; margin:10px;overflow: hidden;border: 1px solid white;}
#page-illustrator .container_box:hover {border: 1px solid #2ba8bb;}
#page-illustrator .container_box img {width: 100%;transition: all 0.2s linear;}
/*#page-illustrator .container_box img:hover {transform: scale(1.2);}*/

/*Design*/
#page-design {text-align: center ; padding:30px 0 0;}
#page-design .sub_container {text-align: center ;align-items: center;justify-content: center;}
#page-design .container_box {width:346px;height:231px; margin:10px;overflow: hidden;border: 1px solid white;}
#page-design .container_box:hover {border: 1px solid #2ba8bb;}
#page-design .container_box img {width: 100%;transition: all 0.2s linear;}
/*#page-design .container_box img:hover {transform: scale(1.2);}*/

/*Card News*/
#page-cardnews {text-align: center ; padding:30px 0 0;}
#page-cardnews .sub_container {text-align: center ;align-items: top;justify-content: center;}

#page-cardnews .container_box_left {width:488px; margin:0px;text-align: left;}
#page-cardnews .container_box_left .card_title {}
#page-cardnews .container_box_left .card_title img {width: 100%;}
#page-cardnews .container_box_left .card_outline {margin-top: 403px;}
#page-cardnews .container_box_left .card_outline h2 {padding: 0px 0px 0px 0px;font-size: 27px;}
#page-cardnews .container_box_left .card_outline .colors {padding: 30px 0px 0px 5px;}
#page-cardnews .container_box_left .card_outline ul {padding-top:25px;list-style: none;}
#page-cardnews .container_box_left .card_outline ul li {float: left;width: 91px;font-size: 15px; font-weight: bold;text-align: left;}
#page-cardnews .container_box_left .card_outline p {padding-top:40px;text-align: justify;font-size: 20px;}

#page-cardnews .container_box_right {clear: both;display: talbe;width:612px; margin:0px;}
#page-cardnews .container_box_right .box {float: left;width:50%; padding:0px 0px 20px 20px;}
#page-cardnews .container_box_right .box img {width:100%;}

/*Site*/
#page-site {text-align: center ; padding:30px 0 0;}



/*Contact*/
#page-contact {text-align: center ; padding:30px 0 0;}



/* media */
@media screen and (max-width:1700px) {

}


@media screen and (max-width: 1300px) {
	/* 공통 */
	.sub_con {width: 100%; padding: 0 80px; }

	#gre_sec .article {width: 100%;padding: 0 30px; padding-bottom: 90px;}



	/*Designer Kim Yeonhee*/
	#page-designer .sub_bot_bg {width: 100%;margin-top: -183px;}

	/*Illustrator*/
	#page-illustrator .container_box {width:296px;height:199px;}

	/*Design*/
	#page-design .container_box {width:296px;height:199px;}

	/*Card News*/
	#page-cardnews .container_box_left {width:425px; margin:0px;text-align: left;}
	#page-cardnews .container_box_left .card_outline {margin-top: 331px;}
	#page-cardnews .container_box_right {clear: both;display: talbe;width:540px; margin:0px;}
	#page-cardnews .container_box_left .card_outline ul li {width: 20%;text-align: center;}
	#page-cardnews .container_box_left .card_outline .colors {padding: 30px 0px 0px 0px;}

	#page-cardnews .container_box_right .box {float: left;width:50%; padding:0px 0px 20px 20px;}
	#page-cardnews .container_box_left .card_outline p {font-size: 18px;}

}

@media screen and (max-width: 1024px) {
	/* 공통 */
	.sub_con {padding: 0 50px; }
	.wh_bg, .blue_bg {padding:80px 0; }
	.s_title h2 {font-size:20px; letter-spacing: 6px; }
	.s_title h1 {font-size:30px; line-height: 50px; }

	#gre_sec .sub_p {margin: 30px 0 45px;}

	/*Designer Kim Yeonhee*/
	/*#page-designer .sub_bot_bg {width: 100%;margin-top: -183px;}*/

	/*Illustrator*/
	#page-illustrator .container_box {width:410px;height:278px;}

	/*Design*/
	#page-design .container_box {width:410px;height:278px;}

	/*Card News*/
	#page-cardnews .container_box_left {width:568px; margin:0px;text-align: left;}
	#page-cardnews .container_box_left .card_title img {width: 489px;}
	#page-cardnews .container_box_left .card_outline {margin-top: 51px;}
	#page-cardnews .container_box_left .card_outline ul li {width: 91px;text-align: left;}
	#page-cardnews .container_box_left .card_outline .colors {padding: 30px 0px 0px 10px;}

	#page-cardnews .container_box_right {clear: both;display: talbe;width:593px; margin:30px 0px 0px 0px;}
	#page-cardnews .container_box_right .box {float: left;width:50%; padding:10px 10px 10px 10px;}

}

@media screen and (max-width: 960px) {

	/*Designer Kim Yeonhee*/
	#page-designer .container_box {width: 100%;}

	/*Illustrator*/
	#page-illustrator .container_box {width:262px;height:175px;}

	/*Design*/
	#page-design .container_box {width:262px;height:175px;}

}

@media screen and (max-width: 640px) {
	/* 공통 */
	.sub_con {padding: 0 30px; }
	.wh_bg, .blue_bg {padding:60px 0; }
	.s_title h2 {font-size:20px; letter-spacing: 4px; }
	.s_title h1 {font-size:25px; line-height: 45px; margin-top: 20px ;}
	.sub_p {font-size:14px; letter-spacing: -.5px ; line-height: 26px;}

	.page-wrap {padding:50px 0 0;}
	
	#gre_sec .article {padding-bottom: 50px ;}
	#gre_sec .sub_container .container_box {width: 100%;}


   /*Designer Kim Yeonhee*/
	#page-designer .container_box .left {width: 40%;}
	#page-designer .container_box .left h3 {margin-right: 15px;}
	#page-designer .container_box .right {width: 60%;}
	#page-designer .container_box .right ul {margin-left: 10px;}

	#page-designer .sub_bot_bg {width: 100%;margin-top: -211px; height: 400px; }

	/*Illustrator*/
	#page-illustrator .container_box {width:346px;height:231px;}

	/*Design*/
	#page-design .container_box {width:346px;height:231px;}

	/*Card News*/
	#page-cardnews .container_box_left {width:100%x; margin:0px;text-align: left;}
	#page-cardnews .container_box_left .card_title img {width: 100%;}
	#page-cardnews .container_box_left .card_outline {margin-top: 51px;}
	#page-cardnews .container_box_left .card_outline img {width: 100%;}
	#page-cardnews .container_box_left .card_outline ul li {width: 20%;text-align: center;font-size: 12px;}
	#page-cardnews .container_box_left .card_outline .colors {padding: 30px 22px 0px 22px;}

	#page-cardnews .container_box_right {clear: both;display: table;width:100%; margin:30px 0px 0px 0px;}
	#page-cardnews .container_box_right .box {float: left;width:50%; padding:10px 10px 10px 10px;}


}

@media screen and (max-width: 375px) {
	/* 공통 */
	.sub_con{padding: 0 15px; }
	.wh_bg, .blue_bg {padding:50px 0; }

	/*Card News*/
	#page-cardnews .container_box_left {width:100%x; margin:0px;text-align: left;}
	#page-cardnews .container_box_left .card_title img {width: 100%;}
	#page-cardnews .container_box_left .card_outline {margin-top: 51px;}
	#page-cardnews .container_box_left .card_outline ul li {width: 20%;text-align: left;}

	#page-cardnews .container_box_right {clear: both;display: talbe;width:100%; margin:30px 0px 0px 0px;}
	#page-cardnews .container_box_right .box {float: left;width:100%; padding:10px 0px 10px 0px;}
	#page-cardnews .container_box_left .card_outline p {font-size: 18px;}


}