@charset "utf-8";
@import url('reset.css');
@import url('main.css');

.mc {display:none}

/*전체웹진보기*/
.btn_sub01{position:fixed; top:45%; left:3%;display:block;}
.btn_sub01 li{font-size:13px;color:#707070;font-weight:400;margin:10px 0;}
.btn_sub01 li img{display:inline-block;margin:0 5px 2px 0}

#sub_container{padding:0 2.5% 0 2.5%;}
#sub_container02{padding:0 0}
#sub_container03{padding:0 0}
#sub_container04{padding:0 2.5%}
#sub_container05{padding:0 0}
#sub_container06{padding:0 0}


/*sns 공유하기*/
.sns {padding:3% 0 0 0}
.sns a{float:left;margin-right:35px}
.snstxt{display:none}
.sns2{margin-top:3px}
.sns4{display:none;margin-top:3px}
/*event*/

.event{padding:0 0 0 0}
.event p{border-bottom:2px solid #fff}
.event img{margin:0 auto}


.event0{padding:0 4% 0 4%;width:92%}
.event01 {background:#eee2e2; padding:8% 7% 0 7%;overflow:hidden }
.event01 .left{float:left;display:block;width:45%;overflow:hidden}
.event01 .left h2{font-size:16px;font-weight:500;color:#313131;padding-bottom:2%}
.event01 .left h3{font-size:35px;font-weight:300;color:#313131;letter-spacing:-0.045em;padding-bottom:7%}
.event01 .left h3 span{font-weight:500}
.event01 .left p {font-size:15px;font-weight:400;color:#313131;padding-bottom:2%;line-height:170%;width:85%}
.event01 .left p span{color:#a164d1}
.event01 .left_b {width:100%; padding:5% 0}
.event01 .left_b .line{width:50%;display:block;padding-top:5%;overflow:hidden;float:left}
.event01 .left_b .box{width:35%;display:block;border:5px solid #313131;padding:3% 2%;font-size:17px;font-weight:400;text-align:center;float:right;margin-right:7%}
.event01 .left_b .box span{color:#a164d1}
.event01 .right{float:right;display:block;width:55%;}

.event02 {border-top:4px solid #fff;background:#fcf8f5;padding:5% 7% 8% 7%; position:relative}
.event02 h2{font-size:24px;font-weight:500;color:#313131;padding-bottom:5%} 
.event02 .box1{margin:0 0 4% 0;}
.event02 .box1 ul{width:100%;float:left;margin-bottom:5%}
.event02 .box1 ul li {float:left;width:31.2%;font-size:15px;font-weight:400;line-height:170%;color:#313131;display:block;border-right:1px solid #e3e0dd;padding-left:3%}
.event02 .box1 ul li img{display:block;margin:5% 0 5% 0}
.event02 .box1 ul li span{font-weight:400;color:#a53adb;}
.event02 .box1 ul li.first{;padding-left:0}
.event02 .box1 ul li.last{border-right:0}
.event02 .box1 ul li h3{font-size:24px;font-weight:100;color:#313131;font-family:'Roboto', sans-serif;padding-bottom:3%}

.event02 .box2{margin:2% 10%;background:#f2e9e8;margin:0 auto;overflow:hidden;width:100%}
.event02 .box2 ul{width:72%;padding:2% 5%;overflow:hidden;margin:0 auto}
.event02 .box2 ul li.first{width:7%;float:left;display:block;padding-top:5px;}
.event02 .box2 ul li.last{float:right;display:block;font-size:14px;font-weight:400;color:#875ea6;line-height:170%}





.event03{border-top:4px solid #fff;background:#f5eeee;padding:5% 7%; position:relative}
.event03 h2{font-size:24px;font-weight:500;color:#313131;padding-bottom:5%;display:block}
.event03 .tx1{font-size:20px;font-weight:500;color:#313131;font-family:'Roboto', sans-serif;padding-top:5%;padding-bottom:7%;width:50%;display:inline-block}
.event03 .tx1 span{color:#a53adb;}

.event03 .box3{margin:0 0 0 0;overflow:hidden}
.event03 .box3 ul{background:#fbf8f8;width:100%;float:left}
.event03 .box3 ul li {float:left;display:block;font-size:20px;font-weight:100;color:#313131;text-align:center;width:32.9%;display:inline-block;border-right:5px solid #f5eeee;padding:5% 0}
.event03 .box3 ul li.last{border-right:0}
.event03 .box3 ul li p{font-size:16px;font-weight:400;color:#313131;line-height:170%;text-align:center}
.event03 .box3 ul li img{padding:10% 0;margin:0 auto}

.event04 {background:#f5eeee;padding:0 7%;overflow:hidden; position:relative}
.event04 .box4{width:100%;padding-bottom:5%}
.event04 .box4 .left{font-size:24px;font-weight:500;color:#313131;width:20%;display:inline-block}
.event04 .box4 .right{font-size:20px;font-weight:500;color:#a53adb;width:50%;display:inline-block;font-family:'Roboto', sans-serif}
.event04 .box4 .right span{color:#313131;font-size:19px;}

.event05 {background:#f5eeee;padding:2% 7% 10% 7%;overflow:hidden; position:relative;text-align:center;}
.event05 .btn {padding: 2% 5% ;background:#000;border-radius:60px;display:block;color:#fff;font-size:16px;width:20%;text-align:center;clear:both;margin:0 auto}
.event05 .btn a:hover{color:#fff}
.event05 .btn a{color:#fecfec}



/*이전, 다음 버튼*/
/*간격*/
.mt23{margin-top:23% !important}
.mt20{margin-top:20% !important}
.mt16{margin-top:16% !important}
.mt15{margin-top:15% !important}
.mt14{margin-top:14% !important}
.mt12{margin-top:12% !important}
.mt10{margin-top:10% !important}
.mt8{margin-top:8% !important}
.mt6{margin-top:6% !important}
.mt5{margin-top:5% !important}
.mt4{margin-top:4% !important}
.mt3{margin-top:3% !important}
.mt1{margin-top:1% !important}
.mb10{margin-bottom:10% !important}
.pt16{padding-top:16% !important}
.pt15{padding-top:15% !important}
.pt14{padding-top:14% !important}
.pt13{padding-top:13% !important}
.pt12{padding-top:12% !important}
.pt10{padding-top:10% !important}
.pt8{padding-top:8% !important}
.pt6{padding-top:6% !important}
.pt5{padding-top:5% !important}
.pt4{padding-top:4% !important}
.pt3{padding-top:3% !important}
.pt2{padding-top:2% !important}
.br570{display:none}
.br768{display:none}
.br960{display:none}
.br1280{display:none}
.br1680{display:none}
.btn1280{display:none}/*info_btn길어질 때*/
.br1024{display:none}/*1024발문붙일 때*/

/*sub_caption*/
.caption07{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 0 0 20px;width:40%;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;display:inline-block}
.caption{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 0 0 20px;margin:0 10px 0 0;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption01{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 0 0 20px;margin:0 10px 0 0;text-align:left;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
/*ict_caption*/
.caption02{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 20px 0 20px;width:44.35%;border-right:1px solid #e1e1e1;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption03{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 10px 0 20px;margin:0 10px 0 0;width:52.3%;border-right:1px solid #e1e1e1;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption05{clear:both;color:#959595;font-size:14px;font-weight:300;padding:30px 0 0 10px/*2row;padding:51px 0 0 10px;1row;padding:30px 0 0 10px*/;width:37.9%;border-right:1px solid #e1e1e1;display:inline-block;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption04{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 20px 0 20px;width:44.3%;border-right:1px solid #e1e1e1;display:inline-block;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
/*interview_caption*/
.caption033{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 10px 0 20px;margin:0 10px 0 0;width:52.3%;border-right:1px solid #e1e1e1;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption044{clear:both;color:#959595;font-size:14px;font-weight:300;padding:10px 20px 0 20px;width:44.35%;border-right:1px solid #e1e1e1;display:inline-block;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
.caption055{clear:both;color:#959595;font-size:14px;font-weight:300;padding:30px 0 0 10px;width:37.95%;border-right:1px solid #e1e1e1;display:inline-block/*2row*/;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}
/*trip_caption*/
.caption0555{clear:both;color:#959595;font-size:14px;font-weight:300;padding:50px 0 0 10px;width:37.9%;border-right:1px solid #e1e1e1;display:inline-block/*1row*/;line-height:145%;font-family: 'Pavanam', sans-serif;letter-spacing:0.03em;}

/*Video*/
.vimeoWrap{
    position: relative;   
    padding-top: 30px; /* IE6 workaround*/
	padding-bottom: 54.00%; /* 16/9 ratio */
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.6%;
	border: 0px;	
}

/*sub_top이미지 공통*/
.sub_circle {padding-bottom:3%}
.con_r {float:right;width:53.1%;padding-top:50px;border-left:1px solid #e1e1e1;}

/*sub01_발문*/
.con01_l {float:left;width:42.8%;padding:50px  2% 0 2%}
.con01_r {float:right;width:53.1%;padding-top:50px;border-left:1px solid #e1e1e1;}
.con01_l h2 {font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:0.03em}
.con01_l h2 span{font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:-0.05em}
.con01_l h3 {font-size:55px; color:#303030;font-weight:100;line-height:130%;padding-top:16%/*4줄top:16%(7row),5줄top:8%(7row),3줄시 top:19%고정(5row,6row);2줄top:35%(9row):padding:20% 10% 20px 0*/;letter-spacing:-0.01em}
.con01_l h3 span{font-weight:500;}
.con01_l p {font-size:18px;font-weight:400;color:#858585;line-height:150%;text-align:justify;padding:20% 10% 20px 0;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
/*sub03_발문*/
.con03_l {float:left;width:42.8%;padding:50px 2% 0 2%}
.con03_r {float:right;width:53.1%;padding-top:50px;border-left:1px solid #e1e1e1;}
.con03_l h2 {font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:0.03em}
.con03_l h2 span{font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:-0.05em}
.con03_l h3 {font-size:55px; color:#303030;font-weight:100;line-height:130%;padding-top:16%/*3줄:16%(8row), 2줄:37%(8row),2줄:30%(7row):padding:20% 10% 20px 0*/;letter-spacing:-0.01em}
.con03_l h3 span{font-weight:500;}
.con03_l h4 {font-size:22px;font-weight:400;padding:20% 10% 20px 0;color:#666/*고정5줄*/}
.con03_l p  {font-size:18px;font-weight:400;color:#858585;line-height:150%;text-align:justify;padding:0 10% 20px 0;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
/*sub04_발문*/
.con04_l {float:left;width:42.8%;padding:50px 2% 0 2%}
.con04_r {float:right;width:53.1%;padding-top:50px;border-left:1px solid #e1e1e1;}
.con04_l h2 {font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:0.03em}
.con04_l h2 span{font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:-0.05em}
.con04_l h3 {font-size:55px; color:#303030;font-weight:100;line-height:120%;padding-top:15%/*3줄(9row):14%, font-size:50px;4줄(9row):8%,font-size:55px;3줄:21%, 변경2줄:34%,3줄:30%(10row):padding:20% 10% 20px 0*/;letter-spacing:-0.01em}
.con04_l h3 span{font-weight:500;}
.con04_l h4 {font-size:22px;font-weight:400;padding:20% 10% 20px 0;color:#666/*고정5줄*/}
.con04_l p  {font-size:18px;font-weight:400;color:#858585;line-height:150%;text-align:justify;padding:0 10% 20px 0/*변경*/;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
/*sub05_top, sub06_top*/
.con05_l {float:left;width:42.8%;padding:50px 2% 0 2%;display:inline-block;}
.con05_l h2 {font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:0.03em}
.con05_l h2 span{font-size:14px; color:#1b1b1b;font-weight:400;letter-spacing:-0.05em}
.sub05_circle {padding-bottom:3%;}
.con05_r {float:right;display:inline-block;padding-top:7%}
.cardnews{clear:both;padding:10% 0 5% 0}
.cardnews img {margin:0 auto;padding-bottom:5%}
/*sub06_발문*/
.headlinenews{float:left;padding:5% 2% 0 2%;overflow:hidden}
.headlinenews h2 {font-size:40px; color:#1b1b1b;font-weight:400;font-style:normal;padding:0 0 5% 0 ;font-family:'Roboto', sans-serif}
.headlinenews h2 span{font-weight:600;font-family:'Roboto', sans-serif}
.headline_l {float:left;width:42.8%;padding:0.6% 5% 5% 0}
.headline_r {float:right;width:50%; padding:0;text-align:left}
.headline_r h3 {font-size:23px;font-weight:500;padding:0 0 5% 0;color:#303030;font-style:italic ;line-height:150%;letter-spacing:0.02em}
.headline_r h3 span{font-weight:700;}
.headline_r p  {font-size:17px;font-weight:300;color:#707070;line-height:160%;padding-bottom:10%;text-align:justify;padding-top:0 ;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.headline_r p  span{font-size:11px;font-weight:400;color:#707070;padding-right:0.5%}
.news_copy{font-size:12px;color:#959595}
.photo {float:left;padding:5% 2% 8% 2%}
.photo h2 {font-size:32px; color:#1b1b1b;font-weight:400;font-style:normal;padding:0 0 5% 0 ;font-family:'Roboto', sans-serif}
.photo h2 span {font-weight:600;font-family:'Roboto', sans-serif}
.photo h3 {font-size:23px;font-weight:500;padding-top:4%;color:#303030;font-style:italic;padding:4% 0 2% 0;line-height:150%;letter-spacing:0.02em}
.photo p {font-size:17px; color:#707070;font-weight:300;line-height:160%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.photo p span{font-size:11px;font-weight:400;color:#707070;padding-right:0.5%}
.simg {width:100%; overflow:hidden}
.simg img {position:relative;display:block;float:left;width:49.8%;margin:0.1%}
.simg02 {width:100%; overflow:hidden}
.simg02 img {position:relative;display:block;float:left;width:100%}


/*sub_contents*/
/*2단*/
.con_l_01 {float:left;width:43%;padding:10.6% 4% 0 0/*왼쪽 그림-오른쪽 글씨에 따라 padding-top:0.6%*/}
.con_r_01 {float:right;width:44.9%;padding:10% 4% 0 4%;border-left:1px solid #e1e1e1;}
.con_r_01 h5{font-size:25px;font-weight:500;padding:0 0 8% 0;color:#303030;font-style: italic;line-height:150%;letter-spacing:0.02em;}
.con_r_01 p{font-size:17px;font-weight:400;color:#666;line-height:160%;padding-bottom:15%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.con_r_01 p span{font-size:16px;font-weight:400;color:#777;line-height:160%;float:left;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;padding-bottom:15%}

/*3단-첫번째 단락*/
.con2_l_01 {float:left;width:44%;padding:10.6% 3% 0 0/*왼쪽 그림-오른쪽 글씨에 따라 padding-top:0.6%*/}
.con2_2l_01 {float:left;width:44%;padding:0 3% 0 0;}
.con2_3l_01 {float:left;width:44%;padding:20% 3% 0 0;}

/*3단-반복 단락*/
.con3_l_01 {float:left;width:44%;padding:0% 3% 0 0;}
/*이미지 2단 colspan+captopn*/
.con4_l_01 {float:left;border-right:1px solid #e1e1e1}
.con4_r_01 p{float:right;width:10%;font-size:14px;font-weight:400;letter-spacing:0.02em;color:#959595;line-height:140%;font-style:italic;padding-right:2%;padding-top:8%}
.con4_r_01 span{font-size:14px;font-weight:400;letter-spacing:0.02em;color:#1b1b1b;line-height:220%;font-style:italic}
.con4_r_01 .stxt{font-size:14px;color:#959595;line-height:170%;font-style:italic;font-weight:400;letter-spacing:0.02em}

/*3단-첫번째 단락*/
.con2_m_01 {float:left;width:32.9%;padding:10% 3% 0 3%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.con2_m_01 h5{font-size:25px;font-weight:500;padding:0 0 5% 0;color:#303030;font-style: italic;line-height:150%;letter-spacing:0.02em}
.con2_m_01 p{font-size:17px;font-weight:400;color:#666;line-height:160%;padding-bottom:20%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.con2_r_01 p{float:right;width:10%;font-size:14px;font-weight:300;color:#959595;line-height:140%;font-style: italic;padding:10% 2% 0 0;/*title 2row*/}
.con2_r_01 span{font-size:14px;font-weight:400;color:#1b1b1b;line-height:220%;font-style: italic}
.con2_r_02 p{float:right;width:10%;font-size:14px;letter-spacing:0.02em;font-weight:300;color:#959595;line-height:140%;font-style: italic;padding:10% 2% 0 0;/*title 1row*/}
.con2_r_02 span{font-size:14px;letter-spacing:0.02em;font-weight:400;color:#1b1b1b;line-height:160%;font-style: italice}


/*3단-두번째 단락*/
.con2_2m_01 {float:left;width:32.9%;padding:0 3% 0 3%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.con2_2m_01 h5{font-size:25px;font-weight:500;padding:0 0 5% 0;color:#303030;font-style:italic;line-height:150%;letter-spacing:0.02em}
.con2_2m_01 p{font-size:17px;font-weight:400;color:#666;line-height:180%;padding-bottom:15%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.con2_2r_01 p{float:right;width:10%;font-size:14px;font-weight:300;letter-spacing:0.02em;color:#959595;line-height:140%;font-style: italic;padding:10% 2% 0 0;/*title 1row*/}
.con2_2r_01 span{font-size:14px;font-weight:400;color:#1b1b1b;letter-spacing:0.02em;line-height:220%;font-style: italice}




/*3단-그림 없는 경우 margin-left:47.05% */
.con2_mm_01 {float:left;width:32.85%;margin-left:47.03%;padding:10% 3% 0 3%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.con2_mm_01 h5{font-size:25px;font-weight:500;padding:0 0 5% 0;color:#303030;font-style:italic;line-height:150%;letter-spacing:0.02em}
.con2_mm_01 p{font-size:17px;font-weight:300;color:#666;line-height:180%;padding-bottom:20%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}

.con2_3m_01 {float:left;width:32.9%;margin-left:47.05%;padding:0 3% 0 3%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.con2_3m_01 h5{font-size:25px;font-weight:500;padding:0 0 5% 0;color:#303030;font-style:italic;line-height:150%;letter-spacing:0.02em}
.con2_3m_01 p{font-size:17px;font-weight:400;color:#666;line-height:180%;padding-bottom:20%;text-align:justify;letter-spacing:0.02em;font-family: 'Pavanam', sans-serif;}
.con2_3mr_01 p{float:right;width:10%;font-size:14px;font-weight:300;letter-spacing:0.02em;color:#959595;line-height:140%;font-style: italic;padding:10% 2% 0 0;/*title 1row*/}
.con2_3mr_01 span{font-size:14px;font-weight:400;color:#1b1b1b;letter-spacing:0.02em;line-height:220%;font-style: italice}

/*전체이미지*/
.fullimg{width:96%;padding-right:4%}
/*3오브제 이미지*/
.con_l_02{float:left;padding:50% 3% 0 0}
.con_l_02 img {padding-bottom:0}
/*2오브제 이미지*/
.con_l_03{float:left;padding:17% 0 0 0;}
/*Editor epilogue_2단 colspan*/
.editor{float:left;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:5%;width:75.95%;}
.editor h3{font-size:18px;font-weight:600;color:#1b1b1b;line-height:180%;font-family: 'Roboto', sans-serif;font-style:normal}
.editor p{font-size:15px;font-weight:400;color:#707070;line-height:180%;font-family: 'Noto Sans KR', sans-serif;font-style:normal;padding-top:3%;text-align:left}
.editor p span{color:#832084}
.editor2{float:left;border-right:1px solid #e1e1e1;padding-bottom:7%;width:85.95%}
/*trip_information*/
.con5_r_01 {float:right;width:10%;padding:10% 2% 0 0;}
.con5_r_01 p{font-size:17px; line-height:220%; font-weight:400;color:#303030;font-style:italic}
.con5_r_01 ul {padding-bottom:10%}
.con5_r_01 ul li {font-size:14px; line-height:140%; font-weight:400;font-style:italic;color:#959595;letter-spacing:0.02em}
.con5_r_01 .btn {text-align:center;width:160px;letter-spacing:0.02em;margin-top:10%;font-style:normal;border:1px solid #1b1b1b;color:#303030; font-size:12px; font-weight:300; padding:7px 20px 10px 20px; display:inline-block; box-sizing:border-box; text-align:center;  animation:fadeIn3 10s; position:relative; line-height:140%}
.con5_r_01 .btn img{padding:10px 6px 4px 0 ; display:inline-block/*한글 or 영어변경*/}
.con5_r_01 .btn:hover { border:1px solid #fff;background:#999; color:#fff }


.con03_book{float:left;width:100%;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom:5%;padding:5% 5%}
.con03_bookimg{float:left;width:28%;padding-left:10%}
.con03_book h6{font-size:20px;font-weight:500;color:#303030;margin-bottom:1%;padding-top:0;letter-spacing:0.02em}
.con03_booktxt{float:left;width:55%;font-size:14px;font-weight:400;color:#959595;margin-bottom:2%;letter-spacing:0.04em;font-family: 'Pavanam', sans-serif;}
.con03_booktxt span{color:#1b1b1b;font-family: 'Pavanam', sans-serif;}
.con03_booktxt02{float:left;width:50%;font-size:15px;font-weight:400;color:#303030; line-height:160%;letter-spacing:0.04em;font-family: 'Pavanam', sans-serif;text-align:justify}
.m570{display:none}


@media screen and (max-width:1680px) {
	#sub_container{padding:0 3% 0 2.5%;}
	#sub_container02{padding:0 1% 0 0;}
	#sub_container03{padding:0 1% 0 0;}	
	#sub_container05{padding:0 5% 0 4%}
	.tmobile{display:none}
	.btn_sub01{top:45%; left:3%;}
	.btn_sub01 li {font-size:12px;}
	.btn_sub01 li img{margin:0 10px 2px 0}
	.con_r {width:53.45%}
	.con_r img {width:95%}

	.con4_l_01 {width:85.95%}
	.caption{font-size:13px}
	.caption01{font-size:13px}
	.caption02{font-size:13px;width:43.7%}
	.caption03{font-size:13px;width:51.8%}
	.caption04{font-size:13px;width:43.7%}
	.caption05{font-size:13px;width:37.7%/*2줄padding:45px 0 0 10px,3줄padding:63px 0 0 10px,4줄;padding:85px 0 0 10px*/ }
	.caption033{font-size:13px;width:52.9%}
	.caption044{font-size:13px;width:43.8%}
	.caption055{font-size:13px;width:37.7%;padding:45px 0 0 10px }
	.caption0555{font-size:13px;width:37.7%;padding:45px 0 0 10px }
	.caption07{font-size:12px;width:39.5%;}

	.con01_l {width:42.45%}
	.con01_l h2{font-size:13px}
	.con01_l h3{font-size:40px;padding-top:25%/*변경3줄:27%,2줄9row:25%*/}
	.con01_l p{font-size:16px;padding:20% 8% 20px 0}
	.con03_l {width:42.45%}
	.con03_l h2{font-size:13px}
	.con03_l h3{font-size:40px;padding-top:26%/*2줄8row:26%,2줄:27%,3줄:12%*/}
	.con03_l h4{font-size:17px;padding:15% 8% 10px 0}
	.con03_l p{font-size:16px;padding:0 8% 20px 0/*변경*/}
	.con04_l {width:42.45%}
	.con04_l h2{font-size:13px}
	.con04_l h3{font-size:37px;padding-top:8%/*3줄11row:21%*/}
	.con04_l h4{font-size:17px;padding:15% 8% 10px 0}
	.con04_l p{font-size:16px;padding:0 8% 20px 0}
	.con05_l h2{font-size:13px}	
	.con2_2r_01 p {padding-top:4.5%}
	.con4_r_01 p {padding-top:38%}
	.con5_r_01 .btn {font-size:11px}
	.con5_r_01 ul li {font-size:13px}
	/*오브제 이미지*/
    .con_l_02{float:left;padding:58% 0 0 5%}
	.con_l_02 img{width:90%;padding-bottom:36.8%}
	.con_l_03{float:left;padding:37% 0 0 1%;width:46%}	

	 /*본문*/
	 .con2_m_01 p{font-size:16px }
	 .con2_m_01 h5{font-size:23px ;line-height:135%}
	 .con2_2m_01 p{font-size:16px }
	 .con2_2m_01 h5{font-size:23px ;line-height:135%}
	 .con2_mm_01 p{font-size:16px }
	 .con2_mm_01 h5{font-size:23px ;line-height:135%}
	 .con_r_01 p{font-size:16px }
	 .con_r_01 h5{font-size:23px  ;line-height:135%}

	 .con2_r_01 p{font-size:13px}
	 .con2_r_01 span{font-size:14px}
	 .con2_r_02 p{font-size:13px}
	 .con2_r_02 span{font-size:14px}
	 .con2_3mr_01 p{font-size:13px}
	 .con2_3mr_01 span{font-size:14px}
	 /*editor*/
	 .editor p{font-size:14px}
	 /*book*/
	 .con03_booktxt02{font-size:15px }
	 .con03_book{width:100%;padding:5% 0%}
	 /*news*/
	 .headline_r h3{font-size:22px}
	 .photo h3{font-size:22px}
	 .con5_r_01 .btn{width:140px}


	


	
}
@media screen and (max-width:1600px) {
	
	.con4_l_01 {width:85.98%}
	.caption02{width:43.5%}
	.caption03{width:51.6%}
	.caption04{width:43.5%/*변경3줄*/ }
	.caption033{width:52.8%}
	.caption044{width:43.7%/*변경3줄*/}


	.con01_l h3{font-size:37px;padding-top:24%/*변경3줄:26%,2줄9row:26%*/}
	.con01_l p{padding:20% 8% 20px 0;font-size:15px}
	
	
	.con03_l h3{font-size:37px;padding-top:25%/*변경2줄:26%,3줄:16%,3줄(6row):11%*/}
	.con03_l h4 {padding:15% 8% 10px 0}
	.con03_l p {font-size:15px}

	.con04_l h3{font-size:35px;padding-top:6%/*변경2줄:26%,3줄:16%,3줄(6row):11%*/}
	.con04_l h4 {padding:15% 8% 10px 0}
	.con04_l p {font-size:15px}

	/*본문*/	
	.con2_m_01 h5{font-size:18px }
	.con2_2m_01 h5{font-size:18px }
	.con2_mm_01 h5{font-size:18px }
	.con_r_01 h5{font-size:18px }
	/*news*/	
	.headline_r h3{font-size:18px }
	.photo h3{font-size:18px }
	
}

@media screen and (max-width:1440px) {
	#sub_container02{padding:0 2% 0 0}
	#sub_container03{padding:0 2% 0 0}
	#sub_container04{padding:0 5% 0 3%}
	#sub_container05{padding:0 5% 0 3%}
	
    .con_r {width:54%}
	.con_r img {width:95%}

	.con01_l {width:41.9%}
	.con01_l h3{font-size:32px;padding-top:24%/*변경3줄:25%,2줄(9row):24%*/}
	.con01_l p{font-size:14px}

    .con03_l {width:41.9%}
	.con03_l h3{font-size:32px;padding-top:25%/*변경2줄:24%,3줄:14%,3줄(6row):14%,2줄(8row):25%*/}
	.con03_l h4{font-size:16px}
	.con03_l p{font-size:14px}
	

	.con04_l {width:41.9%}
	.con04_l h3{font-size:32px;padding-top:9%/*변경2줄:24%,3줄:14%,3줄(6row):14%,2줄(12row):7%*/}
	.con04_l h4{font-size:16px;padding-top:5%}
	.con04_l p{font-size:14px}

	.con04_r_01 h5{font-size:20px;}
	.con04_r_01 p{font-size:14px;}
	.con4_l_01 {width:86.01%}
	.con03_r_01 h5{font-size:20px;}

	/*caption*/
	.caption{font-size:12px}	
	.caption01{font-size:12px}	
	.caption02{width:43.2%;font-size:12px/*ict*/}	
	.caption03{width:51.3%;font-size:12px/*special*/}
	.caption04{width:43.2%;font-size:12px/*special*/}
	.caption05{width:37.5%;font-size:12px/*special*/}
	.caption033{width:52.4%;font-size:12px/*interview*/}
	.caption044{width:43.2%;font-size:12px/*interview*/}
	.caption055{width:37.6%;font-size:12px/*interview*/}
	.caption0555{width:37.5%;font-size:12px/*trip*/}
	.caption07{width:39.7%;padding-left:10px}
	/*본문*/
	.con2_m_01 h5{font-size:16px }
	.con2_m_01 h6{font-size:16px }
	.con2_m_01 p{font-size:14px }
	.con2_2m_01 h5{font-size:16px }
	.con2_2m_01 p{font-size:14px }
	.con2_mm_01 h5{font-size:16px }
	.con2_mm_01 p{font-size:14px }
	.con_r_01 h5{font-size:16px }
	.con_r_01 p{font-size:14px }
	.con_r_01 p span{font-size:13px }

	/*caption_right*/	
	.con2_r_01 p {font-size:12px}
	.con2_r_01 span {font-size:12px}
	.con2_r_02 p {font-size:12px}
    .con2_r_02 span {font-size:12px}	
	.con2_2r_01 p{font-size:12px}
	.con2_2r_01 span{font-size:12px}
	.con2_3mr_01 p {font-size:12px}
	.con2_3mr_01 span {font-size:12px}


	.editor{float:left;width:76%}
	.editor h3{font-size:17px}
	.editor p{font-size:13px}
	.editor2{float:left;border-right:1px solid #e1e1e1;padding-bottom:7%;width:86%}
	/*오브제 이미지*/
    .con_l_02{float:left;padding:58% 0 0 8%}
	.con_l_02 img{width:80%;padding-bottom:30.5%}
	.con_l_03{float:left;padding:37% 0 0 1%;width:46%}
	/*ict_book*/	
	.con03_book{width:100%;padding:5% 0%}
	.con03_book h6{padding-top:1%}
	.con03_booktxt{font-size:12px}
	.con03_booktxt02{font-size:13px}
	/*info*/	
	.con5_r_01 ul li {font-size:12px}
	.con5_r_01 .btn {font-size:11px;padding:6px 0 10px 0;width:120px /*korean*/}	
	.con5_r_01 .btn img {padding:6px 6px 2px 0 /*korean*/}	
	.cardnews img {width:55%;}
	.con05_r {padding-top:10.5%}
	.sns5 {padding:0 5% 0 0}
	/*news*/	
	.headline_r h3{font-size:16px }
	.headline_r p  {font-size:14px }
	.photo h3{font-size:16px }
	.photo p  {font-size:14px}
}
@media screen and (max-width:1366px) {
	#sub_container{padding:0 3% 0 0}
	#sub_container02{padding:0 3% 0 0}
	#sub_container03{padding:0 3% 0 0}
	#sub_container05{padding:0 5% 0 2%}	
	.con_r {width:52.9%}
	.con_r img {width:95%}

	.con01_l {width:42.5%;padding:50px 0 0 4%}	
	.con01_l h3{font-size:30px;padding-top:25%/*변경3줄:22%,2줄(9row):25%*/}
	.con01_l p{font-size:14px;padding:15% 5% 20px 0/*right동일*/}

    .con03_l {width:42.5%;padding:50px 0 0 4%}
	.con03_l h3{font-size:30px;padding-top:21%/*변경2줄:25%,3줄:16%,3줄:(6row)17%,2줄(8row):21%*/}
	.con03_l h4{font-size:15px;padding:15% 0 10px 0;}
	.con03_l p{padding:0 5% 20px 0/*right동일*/}

	.con04_l {width:42.5%;padding:50px 0 0 4%}
	.con04_l h3{font-size:28px;padding-top:7%/*변경2줄:25%,3줄:16%,3줄:(6row)17%,3줄:(11row)7%*/}
	.con04_l h4{font-size:15px;padding:10% 0 10px 0/*Exception*/;}
	.con04_l p{padding:0 5% 20px 0/*right동일*/}

	.con05_l {width:42.5%;padding:50px 0 0 4%}

	.con04_r_01 h5{font-size:20px;}
	.con04_r_01 p{font-size:14px;}
	.con4_l_01 {width:86.02%}
	.con_l_01 {width:42%}
	/*caption*/
	.caption02{width:42.8%/*ict*/}	
	.caption03{width:51%/*special*/}
	.caption04{width:42.8%/*special*/}
	.caption05{width:37.5%;padding:78px 0 0 10px/*special*/}
	.caption033{width:52.3%/*interview*/}
	.caption044{width:42.9%/*interview*/}
	.caption055{width:37.6%/*interview*/}
	.caption0555{width:37.5%/*trip*/;padding:45px 0 0 10px}
	.caption07{width:37.9%;padding-left:10px;margin-left:1.5%}
	/*info*/
	.con5_r_01 .btn img{display:none}	
	/*interview*/	
	.editor{float:left;width:76%}
	.editor h3{font-size:17px}
	.editor p{font-size:14px}
	.editor p span{color:#832084}
	.editor2{float:left;border-right:1px solid #e1e1e1;padding-bottom:7%;width:86%}
	/*오브제 이미지*/
	.con_l_02{float:left;padding:65% 0 0 5%}
	.con_l_02 img{width:80%;padding-bottom:29.7%}
	.con_l_03{float:left;padding:42% 0 0 1%;width:46%}
	/*ict_book*/	
	.con03_book{width:99.5%;padding:5% 0%}
	/*cardnews
	.con5_r_01 p{font-size:12px }
	.con5_r_01 ul {font-size:12px }
	.con5_r_01 ul li {font-size:12px}
	.con5_r_01 .btn {font-size:11px;padding:3px 3px 5px 4px}
	.con5_r_01 .btn img{padding:0 2px 4px 2px}*/	
	
	.headlinenews{padding:5% 2% 0 1.5%}


}
@media screen and (max-width:1280px) {
	.btn_sub01 li img{margin:0 7px 2px 0}
	#sub_container02{padding:0 2% 0 0;}
	#sub_container03{padding:0 2% 0 0;}
	#sub_container05{padding:0 5% 0 2.2%}	
	.br1280{display:block}
	.btn1280{display:block}
	.con_r {width:52.3%}
	.con01_l h2{font-size:12px}
	.con01_l {width:42%;padding:50px 0 0 3.5%}	
	.con01_l h3{font-size:30px;padding-top:23%/*변경3줄(h4없이):22%,3줄(9row)23%*/}
	.con01_l p{font-size:13px;padding:10% 3.5% 20px 0/*right동일*/}
	.con03_l h2{font-size:12px}
    .con03_l {width:42%;padding:50px 0 0 3.5%}
	.con03_l h3{font-size:30px;padding-top:19%/*변경2줄:27%,3줄(5row)12%,3줄(6row)13%,2줄(8row)19%*/}
	.con03_l h4{padding:10% 0 10px 0;}
	.con03_l p{font-size:13px;padding:0 3.5% 20px 0/*right동일*/}
	.con04_l h2{font-size:12px}
	.con04_l {width:42%;padding:50px 0 0 3.5%}
	.con04_l h3{font-size:30px;padding-top:13%;line-height:115%/*변경2줄:27%,3줄(5row)12%,3줄(6row)13%,3줄:(10row)13%*/}
	.con04_l h4{padding:5% 0 5px 0;/*Exception*/}
	.con04_l p{font-size:12px;padding:0 3.5% 20px 0/*right동일*/}
	.con05_l h2{font-size:12px}
	.con05_l {width:42%;padding:50px 0 0 3.5%}
	.con05_r {padding:12% 0 0 0}

	/*.con04_r_01 h5{font-size:20px;}
	.con04_r_01 p{font-size:14px;}*/
	.con4_l_01 {width:86.02%}
	.con_l_01 {width:42%}
	/*caption*/
	.caption02{width:42.7%/*ict*/}	
	.caption03{width:50.8%/*special*/}
	.caption04{width:42.5%/*special,trip*/}
	.caption05{width:37.4%;padding:95px 0 0 10px/*special*/}
	.caption033{width:52.2%/*interview*/}
	.caption044{width:42.7%/*interview*/}
	.caption055{width:37.5%/*interview*/}
	.caption0555{width:37.4%/*trip*/;padding:45px 0 0 10px}
	.caption07{width:38.3%;margin-left:2.1%}
	/*본문*/
	.con2_m_01 h5{font-size:15px }
	.con2_m_01 h6{font-size:15px }
	.con2_m_01 p{font-size:13px }
	.con2_2m_01 h5{font-size:15px }
	.con2_2m_01 p{font-size:13px }
	.con2_mm_01 h5{font-size:15px }
	.con2_mm_01 p{font-size:13px }
	.con_r_01 h5{font-size:15px }
	.con_r_01 p{font-size:13px }
	.con_r_01 p span{font-size:12px/*booktxt02와동일*/ }
	.con03_booktxt02{font-size:12px }
	/*news*/	
	.headline_r h3{font-size:15px }
	.headline_r p  {font-size:13px }
	.photo h3{font-size:15px }
	.photo p  {font-size:13px}
	/*interview*/
	.editor{float:left;padding:5%;width:76%}
	.editor h3{font-size:17px}
	.editor p{font-size:12px/*booktxt02와동일*/ }
	.editor p span{color:#832084}
	.editor2{float:left;border-right:1px solid #e1e1e1;padding-bottom:7%;width:86%}
	/*오브제 이미지*/
	.con_l_02{float:left;padding:76% 0 0 5%}
	.con_l_02 img{width:80%;padding-bottom:19.3%}    
	.con_l_03{float:left;padding:50% 0 0 1%;width:46%}
	/*ict_book*/	
	.con03_book{width:99%;padding:5% 0%}	
	.book_r{width:60%;padding:5% 10% 5% 5%}	
	/*info*/
	.con5_r_01 {padding:14.2% 2% 0 0;}
	.con5_r_01 p{font-size:11px }
	.con5_r_01 ul li {font-size:11px}
	.con5_r_01 .btn {font-size:10px;padding:10px 5px;width:100px}	
	/*cardnews*/	
	.sns5 {padding:0 5% 0 0}
	/*.sns{padding:5% 5% 0 0}*/

}

@media screen and (max-width:1024px) {
	#sub_container{padding:0 3% 0 5%;}
	#sub_container02{padding:0 3% 0 5%;}
	#sub_container03{padding:0 4% 0 0}
	#sub_container04{padding:0 3% 0 5%}
	#sub_container05{padding:0 5% 0 7%}	
	.br1024{display:block}
	.btn1280{display:none}
	.con5_r_01 ul{padding-bottom:5%}
	.con5_r_01 .btn img{padding:4px 6px 4px 0 ; display:inline-block}	
	.con5_r_01 .btn {padding:8px 0 10px 0}	
	header h3{left:3%} 
	.btn_sub01 {left:3%}
	.btn_sub01 li img{margin:0 10px 2px 0}
	.con_r {width:95%;border:0;float:left}
	.con01_r{width:90%; border:0;float:left;}
	.con01_l{width:90%;padding:50px 0 0 0}
	.con01_l h3{font-size:19px;padding-top:10%;font-size:45px/*고정*/}
	.con01_l p{font-size:16px;padding-top:5%;padding:12% 0 20px 0/*right동일*/}
	.con03_r{width:90%; border:0;float:left;}
	.con03_l{width:90%;padding:50px 0 0 0}
	.con03_l h4{font-size:18px;padding:10% 0 15px 0;}
	.con03_l h3{padding-top:10%;font-size:45px/*고정*/}
	.con03_l p{font-size:16px;padding-top:5%;padding:0 0 0 0}
	.con04_r{width:90%; border:0;float:left;}
	.con04_l{width:90%;padding:50px 0 0 0}
	.con04_l h4{font-size:18px;padding:10% 0 15px 0;}
	.con04_l h3{padding-top:10%;font-size:45px/*고정*/}
	.con04_l p{font-size:16px;padding-top:5%;padding:0 0 0 0}
	.con05_l {width:65%;padding:50px 0 0 0}
	.con05_r {padding:17% 3% 0 0}
	.sub05_circle {padding-bottom:4%;}
	.cardnews img {width:60%;}
	.sns5 {padding:0 30% 0 0}

	/*contents?*/
	.con_l_01{width:90%;padding:10% 0 0 0;}
	.con_r_01 {width:90%;border:0;float:left;padding:10% 0 0 0;}	
	.con2_l_01 {float:left;width:90%;border:0;padding:10% 0 0 0;}
	.con3_l_01 {float:left;width:90%;border:0;padding:10% 0 0 0;}
	.con4_l_01 {float:left;width:90%;border:0;padding:0 0 0 0;}
	.con2_m_01 p{padding-bottom:8%}
	.con2_m_01 {float:left;width:90%;border:0;padding:10% 0 0 0;}
	.con2_2m_01 {float:left;width:90%;border:0;padding:10% 0 0 0;}
	.con2_3m_01 {float:left;width:90%;border:0;padding:8% 0 0 0;margin-left:0%;}
	.con2_mm_01 {float:left;width:90%;border:0;padding:8% 0 0 0;margin-left:0%;}
	
	.con4_r_01{display:none}
	.con2_r_02{display:none}
	.con2_r_01{display:none}
	.con2_3mr_01{display:none}
	/*interview*/
	.editor{width:90%;padding:0;border:0px}		
	.editor2{padding-bottom:10% ;border-right:0px}
	.editor p{font-size:13px/*booktxt02와동일*/ }
	/*ict*/
	.con03_book{width:90%;padding:5% 0%;border-bottom:0px}
	.con03_book h6{width:95%;padding:0 0 0 3%}
	.con03_booktxt{width:95%;padding-left:3%}
	.con03_booktxt02{font-size:13px;width:95%;padding-left:3%}
	.con03_bookimg{width:80%;padding:5% 20% 5% 0}
	/*information*/
	.con5_r_01 {float:left;width:90%;padding-top:5%;}
	.con5_r_01 p{font-size:13px; line-height:180%; font-weight:400;color:#1b1b1b;font-family: 'Noto Serif KR', serif;font-style:italic}
	.con5_r_01 ul {font-size:13px; line-height:180%; font-weight:400;font-family: 'Noto Serif KR', serif;font-style:italic;color:#707070}
	.con5_r_01 ul li {font-size:12px; line-height:180%; font-weight:400;font-family: 'Noto Serif KR', serif;font-style:italic;color:#707070}
	.con5_r_01 .btn {width:40%;margin-bottom:10%;margin-top:0%}
	.con5_r_01 .btn:hover { border:1px solid #fff;background:#999; color:#fff }
	/*img*/
	.fullimg{width:90%}	
	.caption{width:100%;border:0;padding:10px 0 0 0;}
	.caption01{width:100%;border:0;padding:10px 0 0 0;}
	.caption02{width:90%;border:0;padding:10px 0 0 0;}
	.caption03{width:90%;border:0;padding:10px 0 0 0;}
	.caption04{width:90%;border:0;padding:10px 0 0 0;}
	.caption05{width:90%;border:0;padding:10px 0 0 0;}
	.caption033{width:90%;border:0;padding:10px 0 0 0;}
	.caption044{width:90%;border:0;padding:10px 0 0 0;}
	.caption055{width:90%;border:0;padding:10px 0 0 0;}
	.caption0555{width:90%;border:0;padding:10px 0 0 0;}
	.caption07{border:0; width:90%;padding:10px 0 0 0;}


	.con_l_02{padding:0 30% 8% 30%;width:50%}
	.con_l_02 img{padding-bottom:30%}
	.con_l_03{padding:0 0 8% 10%;}
	/*interview_object*/
	.con2_2l_01{width:50%}
	/*news*/
	.headlinenews{padding:10% 0 5% 3%;overflow:hidden}
	.headlinenews h2 {font-size:24px}
	.headline_l {width:90%}
	.headline_r {width:100%}
	.headline_r h3 {width:88%}
	.headline_r p  {width:88%;}
	.photo {float:left;padding:5% 2% 5% 2%;}
	.photo h2 {font-size:24px;}
	.photo h3 {width:88%}
	.photo p {padding-right:10%;width:90%;}
	.simg {width:100%; overflow:hidden}
	.simg img {width:100%;border-bottom:1px solid #fff}
	}


@media screen and (max-width:960px) {
	#wrap{width:92%;padding:0 2% 0 6%}	
    .btn_sub01{display:none}
	.mobile{display:none}
	#sub_container06{padding:13% 0 0 0;width:95%}
    .event0{padding:0 0 0 0;width:100%}
	.btn_sub01{top:40%;left:90%;}
	#sub_container{width:95%;padding:0 0 0 0;}
	#sub_container02{width:95%;padding:0 0 0 0;}
	#sub_container04{width:95%;padding:0 0 0 0;}
	#sub_container05{padding:15% 4% 0 4%;width:92%}
	.con_r{width:100%}
	.con_r img{width:100%}
	.con2_l_01{width:100%;}
	.con2_l_01 img{width:100%;}
	.con2_m_01{width:100%}
	.con2_m_01 h5{font-size:19px}
	.con2_m_01 h6{font-size:19px }
	.con2_m_01 p{font-size:16px}

	.con2_mm_01{width:100%}
	.con2_mm_01 h5{font-size:19px}
	.con2_mm_01 p{font-size:16px}

	.con2_2m_01{width:100%}
	.con2_2m_01 h5{font-size:19px}
	.con2_2m_01 p{font-size:16px}

	.fullimg{width:100%}
	.con4_l_01{width:100%}
	.editor{width:100%}
	.editor h3{font-size:19px}
	.editor p{;font-size:15px;}
	.con01_l {width:100%}
	.con02_l {width:100%}
	.con03_l {width:100%}
	.con04_l {width:100%}
	.con_r_01{width:100%}
	.con_l_01{width:100%}
	.con_l_01 img{width:100%}
	.con_r_01 h5{font-size:19px}
	.con_r_01 p{font-size:16px}
	.con_r_01 p span{font-size:15px}

	
	.vimeoWrap iframe, .vimeoWrap object, .vimeoWrap embed{width:100%}
	.con01_l{padding-top:15%}
	.con01_l h3{font-size:55px;padding-top:10%}
	.con01_l p{font-size:16px;padding-top:7%}
	.con02_l{padding-top:15%}
	.con02_l h3{font-size:55px;padding-top:10%}
	.con02_l h4{font-size:18px;padding-top:7%}
	.con02_l p{font-size:16px;padding-top:1%}
	.con03_l{padding-top:15%}
	.con03_l h3{font-size:55px;padding-top:10%}
	.con03_l h4{font-size:18px;padding-top:7%}
	.con03_l p{font-size:16px;padding-top:1%}
	.con04_l{padding-top:15%}
	.con04_l h3{font-size:55px;padding-top:10%}
	.con04_l h4{font-size:18px;padding-top:7%}
	.con04_l p{font-size:16px;padding-top:1%}
	.sns4 a{display:inline;margin-top:3px}
	.con2_2m_01 p{padding-bottom:5%}
	.con2_3m_01 p{padding-bottom:5%}
	.con05_l{padding:15% 2% 0 0;}
	.con05_r{padding-top:23%;padding-right:0}
	.headlinenews{width:100%;}
	.headlinenews h2 {font-size:24px}
	.headline_l {float:left;width:95%}
	.headline_l img{width:100%}
	.headline_r {float:left;width:95%;}
	.headline_r p {width:100%}
	.photo {width:100%}
	.photo p {width:96%;padding-right:0}
	.simg {width:100%; overflow:hidden}
	.simg img {width:100%;border-bottom:1px solid #fff}
	.con03_book{margin:5% 0 0 0 ;width:100%;float:left}	
	.con03_bookimg{width:40%;float:left;padding:0 5% 5% 0}
	.con03_book h6{width:52%;float:left;padding:1% 0 2% 0;font-size:19px;}
	.con03_booktxt{width:52%;float:left;padding:0 0 2% 0;font-size:13px;}
	.con03_booktxt02{width:52%;float:left;padding:3% 0 0 0;font-size:15px;}
	.br960{display:block}
	


} 

@media screen and (max-width:768px) {		
	.br768{display:block}
	.con01_l h3{font-size:45px;padding-top:10%}
	.con01_l h4{font-size:16px;padding:7% 0 15px 0;}
	.con01_l p{font-size:14px;}
	.con01_r_01 h5{font-size:18px;}
	.con01_r_01 p{font-size:14px;}
	.con02_l h3{font-size:45px;padding-top:10%}
	.con02_l h4{font-size:16px;padding:7% 0 15px 0;}
	.con02_l p{font-size:14px;}
	.con02_r_01 h5{font-size:18px;}
	.con02_r_01 p{font-size:14px;}
	.con03_l h3{font-size:45px;padding-top:10%}
	.con03_l h4{font-size:16px;padding:7% 0 15px 0;}
	.con03_l p{font-size:14px;}
	.con03_r_01 h5{font-size:18px;}
	.con03_r_01 p{font-size:14px;}
	.con04_l h3{font-size:45px;padding-top:10%}
	.con04_l h4{font-size:16px;padding:7% 0 15px 0;}
	.con04_l p{font-size:14px;}
	.con04_r_01 h5{font-size:18px;}
	.con04_r_01 p{font-size:14px;}
	.con05_l h3{font-size:28px;padding-top:10%}	
	.con05_r{padding-top:24%}
	.sns{float:right}
	.con_l_03{display:none}		
	
	.con_l_02{padding:0 30% 8% 30%;width:50%}
	.con_l_02 img{padding-bottom:30%}	
	.book_l{width:20%;padding:5% }
	.book_r{width:60%;padding:5% 10% 5% 0}
	.con03_book{border-bottom:0px}
	.sns4{display:inline;}
	.btn_sub01{display:none}
	.con2_2l_01{width:95%}
	/* 본문*/
	.con2_m_01 h5{font-size:16px}
	.con2_m_01 h6{font-size:16px}
	.con2_m_01 p{font-size:14px}
	.con2_mm_01{width:100%}
	.con2_mm_01 h5{font-size:16px}
	.con2_mm_01 p{font-size:14px}
	.con2_2m_01{width:100%}
	.con2_2m_01 h5{font-size:16px}
	.con2_2m_01 p{font-size:14px}
	.con_r_01 h5{font-size:16px}
	.con_r_01 p{font-size:14px}	
	.con_r_01 p span{font-size:13px}
	/* editor*/
	.editor h3{font-size:16px}
	.editor p{;font-size:13px;}
	/* ict*/
	.con03_book h6{font-size:16px;}
	.con03_booktxt{font-size:12px;}
	.con03_booktxt02{font-size:13px;}
	/*caption*/
	.caption{font-size:11px}	
	.caption01{font-size:11px}	
	.caption02{font-size:11px}	
	.caption03{font-size:11px}	
	.caption04{font-size:11px}	
	.caption05{font-size:11px}	
	.caption033{font-size:11px}	
	.caption044{font-size:11px}	
	.caption055{font-size:11px}	
	.caption0555{font-size:11px}	
	footer{width:96%;}
}

@media screen and (max-width:570px) {
	#sub_container03{padding:0 0 0 0}
	#sub_container{width:95%/*row967same*/}
	footer {width:95%;float:left;margin:0 auto}
	.br570{display:block}
	.sub_circle {padding-bottom:3%}
	.btn_sub01{top:43%;right:6%;}	

	.con01_l{padding:15% 0 0 0}
	.con01_l h2{font-size:12px}
	.con01_l p{font-size:13px;padding:15% 5% 4% 0}	
	.con02_l{padding:15% 0 0 0}
	.con02_l h2{font-size:12px}
	.con02_l p{font-size:13px;padding:0 5% 4% 0}
	.con03_l{padding:15% 0 0 0}
	.con03_l h2{font-size:12px}
	.con03_l p{font-size:13px;padding:0 5% 4% 0}
	.con04_l{padding:15% 0 0 0}
	.con04_l h2{font-size:12px}
	.con04_l p{font-size:13px;padding:0 5% 4% 0}
	.con05_l{padding:15% 0 0 0}
	.con_l_02{padding:0 0 8% 30%;width:40%}
	.con_l_03{display:none}	
	.con_r_01 h5{font-size:18px}
	.con_r_01 p{font-size:13px}
	.con_r_01 p span{font-size:12px;float:left;text-align:left}
	.book_l{width:90%;padding:10% 0 5% 5%;border-top:1px  solid #e1e1e1}
	.book_r{width:90%;padding:5%;border:0px}
	.book_r h3{font-size:14px;padding:0 0 2% 0}
	.book_r h4{font-size:11px;padding:0 0 5% 0}
	.book_r h4 span{font-size:11px;padding:0 0 5% 0}
	.book_r p{font-size:11px;}
	.cardnews{width:96%;}
	.cardnews img {width:75%;}
	.con5_r_01 .btn {width:50%}
	/*
	.con01_l{padding:18% 0 0 0}	
	.con02_l{padding:18% 0 0 0}	
	.con03_l{padding:18% 0 0 0}	
	.con04_l{padding:18% 0 0 0}	
	.con05_l{padding:18% 0 0 0}	*/
	.con05_r{width:100%;padding-top:0;float:left}
	.sns{float:left}
	.sns5{float:left;width:90%;clear:both;padding:0 0 0 0}
	.sns5 a{float:left;}
	.editor{width:95%;}
	.editor h3{font-size:16px}
	.editor p{font-size:13px}
	.editor p span{font-size:13px}
	.editor2{border:0px ;width:90%}
	.headlinenews{width:95%;padding:15% 0 0 0}
	.headline_l {width:100%}
	.headline_r {width:100%;}
	.photo {width:97%;padding:5% 2% 5% 0}
	.simg {width:100%; overflow:hidden}
	.simg img {width:100%;border-bottom:1px solid #fff}
	.con03_book{width:95%;padding-bottom:7%}
	.con03_bookimg{width:70%;padding:0 0 30px 0}
	.con03_booktxt{width:95%;font-size:12px}
	.con03_booktxt02{width:100%;font-size:12px}
	.con03_book h6{margin:5% 0 0 0}	

	/*.caption07{border:0; width:80%;padding:10px 0 0 0;}*/
	.event{padding:0 0 5% 0}
	.sns4{display:inline;}
	.con05_l {width:100%}
	.con05_r {width:100%}
	.m570{display:block}
	.con_l_02{display:none}/*오브제 이미지에 따라 유동적*/
	.con2_l_01{width:95%}
	.con2_m_01{width:95%}
	.con2_mm_01{width:95%}
	.con2_2m_01{width:95%}
	.con4_l_01{width:95%}
	.fullimg{width:95%}
	.con_l_01{width:95%}
	.con_r{width:95%; border:0;float:left;}
	.con_r_01{width:95%}
	.cardnews img{width:85%}

}

@media screen and (max-width:425px) {
	 #wrap{width:92%;padding:0 0}
	.con01_l h2{font-size:11px}	
	.con01_l h3{font-size:35px}	
	.con02_l h2{font-size:11px}
	.con02_l h3{font-size:35px}	
	.con02_l h4{font-size:14px}
	.con03_l h2{font-size:11px}
	.con03_l h3{font-size:35px}	
	.con03_l h4{font-size:14px}
	.con04_l h2{font-size:11px}
	.con04_l h3{font-size:35px}
	.con04_l h4{font-size:14px}
	.con05_l h2{font-size:11px}
	.cardnews{padding:10% 0 0 0}
	.cardnews img {width:85%;padding-bottom:7%}
	.con01_l{padding:18% 0 0 0}	
	.con02_l{padding:18% 0 0 0}	
	.con03_l{padding:18% 0 0 0}	
	.con04_l{padding:18% 0 0 0}	
	.con05_l{padding:18% 0 0 0}	
	.con5_r_01{width:95%}
	.con5_r_01 ul li{font-size:11px}	
	.con5_r_01 .btn {width:100%;margin-bottom:7%;margin-top:5%;padding:10px 0 ;font-size:10px}	
	.con5_r_01 .btn img{padding:7px 6px 3px 0}	
	.con_l_02{padding:0 0 8% 30%;width:40%}	
	.headline_r h3 {font-size:15px;padding-top:2%}
	.headlinenews{;width:98%;}	
	.headlinenews h2 {font-size:30px;padding-bottom:7%}
	.headline_r p  {font-size:13px;width:100%;padding-bottom:0}	
	.headline_r p span {font-size:10px}	
	.photo p span {font-size:10px}	
	.photo{margin-top:15%}
	.photo h2 {font-size:30px;padding-bottom:7%}
	.photo p img {padding-bottom:2%}
	.photo h3 {font-size:15px;}
	.photo p {font-size:13px;width:100%}
	.sns4{display:inline}	
	footer {padding-left:4%;margin-top:7%}
	.con03_book{padding-bottom:0}
	.editor2{display:none}
	/* 본문*/
	.con2_m_01{padding:15% 0 0 0}
	.con2_m_01 h5{font-size:16px;}
	.con2_m_01 h6{font-size:16px;}
	.con2_m_01 p{font-size:13px}
	.con2_mm_01{padding:15% 0 0 0}
	.con2_mm_01 h5{font-size:16px;}
	.con2_mm_01 p{font-size:13px}	
	.con2_2m_01{padding:15% 0 0 0}
	.con2_2m_01 h5{font-size:16px;}
	.con2_2m_01 p{font-size:13px}
	.con_r_01{padding:15% 0 0 0}
	.con_r_01 h5{font-size:16px;}
	.con_r_01 p{font-size:13px}	
	.con_r_01 p span{font-size:13px}
	/* editor*/
	.editor h3{font-size:16px}
	.editor p{;font-size:12px;}
	.editor p span{;font-size:12px;}
	/* ict*/
	.con03_book{width:95%}
	.con03_book h6{font-size:14px;width:95%;margin-bottom:2%}
	.con03_booktxt{font-size:12px;}
	.con03_booktxt02{font-size:12px;}
	/*caption*/
	/*.caption{font-size:10px}
	.caption01{font-size:10px}
	.caption02{font-size:10px}	
	.caption03{font-size:10px}	
	.caption04{font-size:10px}	
	.caption05{font-size:10px}	
	.caption033{font-size:10px}	
	.caption044{font-size:10px}	
	.caption055{font-size:10px}	
	.caption0555{font-size:10px}*/
	

}

@media screen and (max-width:360px) {

	.con01_l h3{font-size:32px}	
	.con02_l h3{font-size:32px}	
	.con02_l h4{font-size:13px}
	.con03_l h3{font-size:32px}	
	.con03_l h4{font-size:13px}
	.con04_l h3{font-size:32px}
	.con04_l h4{font-size:13px}
	.con01_l h3{font-size:32px}
	.con02_l h3{font-size:32px}
	.con03_l h3{font-size:32px}
	.con04_l h3{font-size:32px}
		
	.con_l_02{padding:0 0;}
	.con_l_03{padding:0 0;}
	.cardnews img {width:75%;}
	.con5_r_01 .btn {margin-bottom:10%}
	.con05_r{width:100%;float:left;padding-top:10%;clear:both}
	.headlinenews{overflow:hidden;width:100%}
	.headline_l {float:left;width:95%}
	.headline_r {float:left;width:95%}
	.headline_r p  {font-size:13px;width:100%;}
	.photo p {font-size:13px;width:100%;}
	.sns4{display:inline;}
	header h1 img{width:90%}
	
}

@media screen and (max-width:320px) {
	
	.cardnews img {width:75%;}
	.con5_r_01 .btn {width:50%;margin-bottom:10%;margin-top:5%}	
	.sns5{padding:0 70% 0 0}
	.con_l_02{padding:0 0 8% 30%;width:40%}
	.sns4{display:inline;}
	.con01_l h3{font-size:30px}	
	.con01_l p{font-size:12px}	
	.con02_l h3{font-size:30px}	
	.con02_l p{font-size:12px}	
	.con03_l h3{font-size:30px}	
	.con03_l p{font-size:12px}	
	.con04_l h3{font-size:30px}
	.con04_l p{font-size:12px}	
	.con01_l{padding:20% 0 0 0}	
	.con02_l{padding:20% 0 0 0}	
	.con03_l{padding:20% 0 0 0}	
	.con04_l{padding:20% 0 0 0}	
	.con05_l{padding:20% 0 0 0}



}
