@charset "utf-8";


.pl40 {padding-left:40px; font-style:normal;}
.pl7 {padding-left:7px; font-style:normal;}
td.pointbg{background:#f3f5f7} 

.ctable01 li{ padding-left:10px; background:url("/images/001kunsan/inc/title01_03.gif") left 10px no-repeat;line-height:1.7em;margin-bottom:3px;text-align:left}
.ctable01 li ul{ margin-left:5px; margin-bottom:20px;}
.ctable01 li ul li{ padding-left:7px; background:url("/images/001kunsan/inc/title01_05.gif") left 10px no-repeat; font-size:14px;}
.ctable01 li ul li ul{ margin-left:5px; margin-bottom:20px;}
.ctable01 li ul li ul li{ padding-left:8px; background:url("/images/001kunsan/inc/all_icon03.gif") left 10px no-repeat; font-size:13px;}
.ctable01 li ul li ul li ul{ margin-left:5px; margin-bottom:20px;}
.ctable01 li ul li ul li ul li{ padding-left:8px; background:url("/images/001kunsan/inc/title04_04.gif") left 10px no-repeat; font-size:12px;}

h4{background:url("/images/001kunsan/inc/title01.gif") left 5px no-repeat; padding-left:25px; margin-bottom:15px; font-size:21px; letter-spacing:-0.5px; font-weight:600; line-height:30px;color:#000;}
h5{background:url("/images/001kunsan/inc/title01_01.gif") left 6px no-repeat; padding-left:20px;margin-bottom:15px;font-size:17px; letter-spacing:-0.5px; font-weight:600; line-height:26px; color:#032bbf;}
h6{background:url("/images/001kunsan/inc/title01_02.gif") left 5px no-repeat; padding-left:18px;margin-bottom:15px;font-size:16px; letter-spacing:-0.5px; font-weight:600; line-height:24px; color:#2c2c2c;}

@media all and (min-width:768px){
.s_ul{overflow:hidden;background:#f3f3f3;padding:10px 20px}
.s_ul li{float:left;width:33.333%;box-sizing:border-box}
}

.step01{margin:0 0 30px 0}
.step01 ol>li{text-align:center;margin:0 0 40px 0;position:relative}
.step01 ol>li:after{content:"";display:block;width:25px;height:25px;background:url("/images/sharemajor/common/step01.gif") no-repeat;position:absolute;top:-33px;left:50%;transform:translate(-50%, 0)}
.step01 ol>li:first-child:after{display:none}
.step01 strong{display:block;background:#20409a;color:#fff;padding:10px 0}
.step01 div,.step01 span{display:block;background:#fff;border:1px solid #e9e9e9;padding:10px;margin:2px 0 0 0;line-height:1.5em;font-size:13px}
.step01 ul li{text-align:left;background:url("/images/001kunsan/inc/all_icon03.gif") left 10px no-repeat;padding:0 0 0 10px}
@media all and (min-width:768px){
.step01 ol{overflow:hidden;margin-left:-30px}
.step01 ol>li{float:left;width:calc(25% - 40px);margin:0 0 0 40px}
.step01 ol>li:after{background:url("/images/sharemajor/common/step02.gif") no-repeat;top:6px;left:-20px}
}

.smain_list li{margin:0 0 10px 0}
.smain_list li a{display:block;text-align:center;background:#f5f7f9;border-radius:30px;padding:30px 0;height:180px;transition:.2s ease-out}
.smain_list strong{display:block;color:#20409a;font-size:24px}
.smain_list span{display:block}
.smain_list .ico{width:85px;height:85px;margin:0 auto 20px auto;background:#fff;border-radius:100%;transition :all 1s ease}
.smain_list .ico:before{content:"";display:block;width:85px;height:85px;background:url("/images/sharemajor/sub/ico_smain.png") no-repeat}
.smain_list .txt{color:#636363;font-size:14px;margin:10px 0 0 0}
.smain_list em{display:none;font-style:normal;background:#ea7f00;color:#fff;width:150px;border-radius:100px;padding:5px 0 7px 0;margin:7px auto;transition:.2s ease-out}

.smain_list a:hover,.smain_list a:focus{background:#20409a}
.smain_list a:hover strong,.smain_list a:focus strong{color:#fff}
.smain_list a:hover .ico,.smain_list a:focus .ico{background:none;transform:rotateY(360deg)}
.smain_list a:hover .ico:before,.smain_list a:focus .ico:before,{}
.smain_list a:hover .txt,.smain_list a:focus .txt{display:none}
.smain_list a:hover em,.smain_list a:focus em{display:block}

.smain_list li.no1 .ico:before{background-position:0 0}
.smain_list li.no2 .ico:before{background-position:0 -100px}
.smain_list li.no3 .ico:before{background-position:0 -200px}
.smain_list li.no4 .ico:before{background-position:0 -300px}
.smain_list li.no5 .ico:before{background-position:0 -400px}
.smain_list li.no6 .ico:before{background-position:0 -500px}
.smain_list li.no7 .ico:before{background-position:0 -600px}
.smain_list li.no8 .ico:before{background-position:0 -700px}
.smain_list li.no9 .ico:before{background-position:0 -800px}
.smain_list li.no10 .ico:before{background-position:0 -900px}

.smain_list li.no1 a:hover .ico:before,.smain_list li.no1 a:hover .ico:focus{background-position:-100px 0}
.smain_list li.no2 a:hover .ico:before,.smain_list li.no2 a:hover .ico:focus{background-position:-100px -100px}
.smain_list li.no3 a:hover .ico:before,.smain_list li.no3 a:hover .ico:focus{background-position:-100px -200px}
.smain_list li.no4 a:hover .ico:before,.smain_list li.no4 a:hover .ico:focus{background-position:-100px -300px}
.smain_list li.no5 a:hover .ico:before,.smain_list li.no5 a:hover .ico:focus{background-position:-100px -400px}
.smain_list li.no6 a:hover .ico:before,.smain_list li.no6 a:hover .ico:focus{background-position:-100px -500px}
.smain_list li.no7 a:hover .ico:before,.smain_list li.no7 a:hover .ico:focus{background-position:-100px -600px}
.smain_list li.no8 a:hover .ico:before,.smain_list li.no8 a:hover .ico:focus{background-position:-100px -700px}
.smain_list li.no9 a:hover .ico:before,.smain_list li.no9 a:hover .ico:focus{background-position:-100px -800px}
.smain_list li.no10 a:hover .ico:before,.smain_list li.no10 a:hover .ico:focus{background-position:-100px -900px}
@media all and (min-width:768px){
.smain_list ul{overflow:hidden;margin-left:-20px}
.smain_list li{float:left;width:calc(50% - 20px);margin:0 0 20px 20px}
}
@media all and (min-width:1023px){
.smain_list li{width:calc(33.333% - 20px)}
}

.jg_int{background:url("/images/sharemajor/sub/jg_bg.gif");padding:5px;margin:0 0 30px 0;position:relative;border-radius:50px 0 0 0}
.jg_int:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:70%;background:#20409a;border-radius:50px 0 0 0}
.jg_int div{background:#fff;padding:30px;position:relative;z-index:1;border-radius:47px 0 0 0}
.jg_int .img{margin:0 0 30px 0}
.jg_int .img img{width:100%}
.jg_int .txt{line-height:1.5em}
.jg_int h4{background:none;padding:0;margin:0 0 10px 0;color:#20409a;text-align:center;line-height:1.5em}
@media all and (min-width:768px){
.jg_int{padding:10px;margin:0 250px 50px 0}
.jg_int div{padding:30px 80px 30px 30px;border-radius:40px 0 0 0}
.jg_int .img{position:absolute;bottom:-20%;right:-250px;width:300px}
.jg_int h4{text-align:left;font-size:30px}
}
@media all and (min-width:1023px){
.jg_int{margin:0 320px 30px 0}
.jg_int div{padding:50px 120px 50px 50px}
.jg_int .img{right:-320px;width:400px}
.jg_int h4{font-size:40px}

.jg_int.ty2 div{padding-right: 45px;}
.jg_int.ty2 .img{bottom: auto;top: 10%;width: 350px;}
}           

.share_step ol>li{border:1px solid #20409a;padding:20px;margin:0 0 15px 0;border-radius:20px;position:relative;line-height:1.5em}
.share_step img{width:80%;display:block;margin:20px auto 0 auto}
.share_step strong{display:block;color:#20409a;margin: 0 0 10px 0;font-size:18px;}
.share_step em{background:#20409a;color:#fff;font-style:normal;font-weight:800;font-size:20px;display:block;width:30px;height:27px;padding:3px 0 0 0;text-align:center;position:absolute;top:-1px;left:-1px}
.share_step li{padding:0 0 0 10px;margin: 5px 0 0 0;background:url("/images/001kunsan/inc/title01_05.gif") left 10px no-repeat;font-size:14px;}
@media all and (min-width:768px){
.share_step ol>li{padding:40px}
}       

.share{text-align:center;line-height:1.5em;font-size:14px;border:1px dotted #dedede}
.share>p{background:#20409a;color:#fff;padding:15px;margin:0 0 10px 0;font-size:18px;font-weight:bold}
.share>p strong{color:#fff799}
.share ol{margin:0 0 20px 0}
.share li{border:15px solid #dbdde4;border-radius:100%;box-sizing:border-box;width:160px;height:160px;margin: 40px auto 10px auto;position:relative;display:table}
.share li:nth-child(1){background:#20409a;color:#fff;border:none}
.share li:after{content:"";display:block;width:25px;height:25px;background:url("/images/sharemajor/common/step01.gif") no-repeat;position:absolute;top: -48px;left:50%;transform:translate(-50%, 0)}
.share li:nth-child(1),.share li:nth-child(2){margin-top:20px}
.share li:nth-child(1):after,.share li:nth-child(2):after{display:none}
.share li:nth-child(1) strong{color:#fff799}
.share li p{display:table-cell;vertical-align:middle}
.share li strong{font-size:16px;color:#20409a}
@media all and (min-width:768px){
.share>p{margin:0}
.share ol{overflow:hidden;margin:30px auto;width:710px}
.share li{float:left;margin:0 0 0 30px}
.share li:after{background:url("/images/sharemajor/common/step02.gif") no-repeat;top: 50%;left: -47px;transform:translate(0, -50%);}
.share li:nth-child(1){margin:0}
.share li:nth-child(2){margin:0 0 0 10px}
}
@media all and (min-width:1023px){
.share ol{width: 860px;}
.share li{width:180px;height:180px;margin:0 0 0 40px}
.share li:nth-child(2){margin:0 0 0 60px}
}             

.map_txt {background: url("/images/sharemajor/sub/location_01.png") left top no-repeat;padding: 10px 0 0 80px;font-size: 14px;height: 70px;margin-bottom: 10px;}
.map_txt strong {font-size: 17px;line-height: 23px;}
.map {border: 3px solid #ddd;height: 450px;}

.int:before{content:"";display:block;height:350px;background:url("/images/sharemajor/sub/int_bg.jpg") no-repeat center 0;background-size:cover}
.int .tit{font-size:30px;font-weight:800;line-height:1.5em;margin:30px 0 10px 0;color:#1b328b}
.int p{margin:0 0 15px 0;line-height:1.75em}
.int p strong{color:#304aff}
@media all and (min-width:768px){
.int .tit{font-size:40px}
}               

.greeting p{line-height:1.5em;margin:0 0 20px 0;word-break: auto-phrase;}
.greeting p strong{color:#304aff}
.greeting .tit{font-size:20px;line-height:1.25em;color:#1b328b;font-weight:bold;margin:0 0 30px 0}
.greeting .name{text-align:right;margin:50px 0 0 0}
.greeting .name strong{color:#000;font-size:18px}
@media all and (min-width:768px){
.greeting{background:url("/images/sharemajor/sub/greeting_bg.jpg") no-repeat;padding: 0 0 30px 378px;}
.greeting .tit{font-size:26px;text-align: right;}
}              

.gu_int{padding:30px;background:#f5f7f9}
.gu_int:before{content:"";display:block;width:120px;height:120px;background:url("/images/sharemajor/sub/gu_int.png") no-repeat;margin:0 auto 20px auto}
.gu_int dt{color:#20409a;font-size:24px;font-weight:bold;margin:0 0 20px 0;text-align:center}
.gu_int dd{line-height:1.25em;margin:0 0 10px 0}
.gu_int p{line-height:1.25em;color:#304aff}
@media all and (min-width:1023px){
.gu_int{padding:50px 40px 50px 200px;position:relative}
.gu_int:before{position:absolute;top:70px;left:40px}
.gu_int dt{text-align:left}
}               

.gu_modi{padding:30px;background:#f5f7f9}
.gu_modi:before{content:"";display:block;width:120px;height:120px;background:url("/images/sharemajor/sub/gu_md.png") no-repeat;margin:0 auto 20px auto}
.gu_modi ul{margin:0}
.gu_modi li{line-height:1.5em;margin:0 0 10px 0}
@media all and (min-width:1023px){
.gu_modi{padding:50px 40px 50px 200px;position:relative}
.gu_modi:before{position:absolute;top:50px;left:40px}
}                            

.comment_write{margin:0 0 10px 0}
.comment_write textarea{display:block;width:100%;border:1px solid #ccc;margin:0 0 5px 0;box-sizing:border-box}
.comment_write .bbs_btn2 a{display:block;width:100%;background:#0f1f7e;color:#fff;text-align:center;padding:10px 0}
.comment_listall .total_count{margin:0 0 5px 0;font-size:13px}
.comment_list{border-top:1px solid #0f1f7e}
.comment_list li{padding:20px 0;border-bottom:1px dotted #ccc}
.comment_list em{font-style:normal;font-size:13px;color:#666}
@media all and (min-width:768px) {
.comment_write{overflow:hidden}
.comment_write textarea{float:left;width:87%;margin:0;height:60px}
.comment_write .bbs_btn2{float:left;width:12%}
.comment_write .bbs_btn2 a{padding:22px 0}
}

/***** 자율전공학부 *****/
/* 학부소개 */
.greeting .tit br{display: none;}

.int:before{background-image: url("/upload_data/board_data/CNT_ATCHDOWN/167704877773758.jpg");}

.org{position: relative;}
.org:before{display: block;position: absolute;width: 1px;height: 100%;top: 0;left: 5%;content: "";background: #ccc;z-index: -1;}
.org h4{width: auto;padding: 10px 15px;margin-bottom: 40px;background: #0f1f7e;text-align: center;color: #fff;border-radius: 5px;}
.org h5{width: auto;padding: 10px 15px;margin-bottom: 80px;background: #fff;border: 1px solid #20409a;text-align: center;color: #20409a;border-radius: 5px;}
.org>ul{position: relative;}
.org>ul>li>span{display: block;padding: 10px 15px;background: #fff;border: 1px solid #20409a;text-align: center;color: #20409a;border-radius: 5px;}
.org .org01{position: absolute;width: 100%;padding-left: 10%;top: -60px;box-sizing: border-box;}
.org .org01:before{display: block;position: absolute;width: 5%;height: 1px;background: #ccc;content: "";left: 5%;top: 50%;}
.org .org02>span{margin-bottom: 20px;}
.org .org02 ul{border-radius: 5px;overflow: hidden;}
.org .org02 li{border-top: 1px dashed #9aa0bf;}
.org .org02 li:first-child{border-top: none;}
.org .org02 li span{display: block;padding: 10px 15px;background: #f0f4fb;text-align: center;color: #0f1f7e;}

@media all and (min-width:768px){
.greeting{background: url("/upload_data/board_data/CNT_ATCHDOWN/172499336585618.jpg") no-repeat 0 68px;}
/*.greeting.greet2{background-image:url("/upload_data/board_data/CNT_ATCHDOWN/167884795479694.jpg");}*/
.greeting.greet2{background-image:url("/upload_data/board_data/CNT_ATCHDOWN/169655577631085.jpg");}
.greeting .tit br{display: block;}
	
.org h4{width: 200px;margin: 0 auto 40px;}
.org h5{width: 200px; margin: 0 auto 80px;}
.org:before{left: 50%;height: 80%;}
.org>ul>li>span{width: 250px;}
.org .org01{left: 50%;}
.org .org01:before{left: 0;width: 10%;}
.org .org02{position: relative;}
.org .org02:after{display: block;position: absolute;width: 75%;height: 1px;content: "";background: #ccc;top: 80px;left: 50%;transform: translateX(-50%);}
.org .org02>span{margin: 0 auto 80px;}
.org .org02 ul{border-radius: 0;overflow: visible;}
.org .org02 ul:after{display: block;clear: both;content: "";}
.org .org02 li{position: relative;float: left;width: 23%;margin: 0 1%;border-top: none;}
.org .org02 li:before{position: absolute;height: 40px;width: 1px;content: "";background: #ccc;left: 50%;top: -39px;z-index: 1;}
.org .org02 li span{border-radius: 5px;}
}

/* 교수진 소개 */
.pro_list{margin-bottom: 40px;}
.pro_list:after{display: block;clear: both;content: "";}
.pro_box{margin: 0 0 20px;padding: 20px;border: 1px solid #7279a3;border-radius: 30px 0 30px 0;box-sizing: border-box;position: relative;}
.pro_box:nth-child(2n){background: #f0f4fb;}
.pro_box .nb_left{text-align: center;margin-bottom: 20px;}
.pro_box .nb_left img{border-radius: 5px;box-shadow: 0 5px 10px rgba(0,0,0,.2);max-width: 120px;}
.pro_box .nb_right strong{display: block;margin-bottom: 15px;color: #20409a;font-size: 20px;font-weight: 900;}
.pro_box .nb_right li{margin-bottom: 6px;}
.pro_box .nb_right li:before{display: inline-block;width: 3px;height: 3px;content: "";background: #20409a;vertical-align: middle;margin-right: 4px;}
.pro_box .nb_right li span{color: #7279a3;font-weight: 600;}
.pro_box .pro_btn a{display: inline-block;padding: 5px 10px;border-radius: 3px;background: #20409a;color: #fff;}
.pro_box .profile{position: absolute;left: 0;bottom: 20px;transform: translateY(100%);width: 100%;padding: 30px;background: #f7f8ff;border-radius: 3px;box-shadow: 0 5px 10px rgba(0,0,0,.2);z-index: 1;box-sizing: border-box;}
.pro_box .profile li{position: relative;padding-left: 10px;margin-bottom: 4px;word-break: keep-all;}
.pro_box .profile li:before{position: absolute;content: "";width: 4px;height: 2px;background: #7279a3;left: 0;top: 8px;}
@media all and (min-width:768px){
.pro_box{padding: 30px 10px 30px 20px;}
.pro_box:after{display: block;clear: both;content: "";}
.pro_box>div{float: left;}
.pro_box .pro_btn{margin-top: 10px;display: block;}
.pro_box .nb_left{margin: 0 20px 0 0;}
.pro_box .nb_right{width: calc(100% - 140px);}
}
@media all and (min-width:1023px){
.pro_list{display: flex;flex-direction: row;flex-wrap: wrap;}
.pro_box{width: calc((100% - 30px)/2);margin-bottom: 30px;padding-right: 15px;}
.pro_box:nth-child(2n){background: none;margin-left: 30px;}
}

/* 전공소개 */
.jg_tab{margin-bottom: 40px;}
.jg_tab.col2{margin-bottom:0}
.jg_tab li{margin: 8px 0;}
.jg_tab li a{display: block;padding: 10px;border-radius: 5px;background: #f5f7f9;border: 1px solid #f5f7f9;color: #20409a;text-align: center;font-size: 18px;font-weight: 600;}
.jg_tab li a:hover, .jg_tab li a:focus, .jg_tab li.on a{border: 1px solid #20409a;background-color: #fff;}
.jg_int h4 span{display: block;font-size: 14px;line-height: 1em;}
.jg_link{margin: 20px 0 0;}
.jg_link ul{font-size: 0;}
.jg_link>ul>li{margin: 0 8px 10px 0;}
.jg_link li{display: inline-block;font-size: 16px;color: #152f79;}
.jg_link li a{display: block;padding: 15px;border: 1px solid #ddd;border-radius: 10px;color: #152f79;}
.jg_link li a:hover, .jg_link li a:focus{background: #f0f4fb;border-color: #20409a;text-decoration: underline;}
.jg_link li a span:after{display: inline-block;width: 12px;height: 12px;margin-left: 5px;content: "";overflow: hidden;background: url("/images/sharemajor/main/ico_main.png") -400px -80px no-repeat;}
.jg_link li.group{height: 51px;padding: 8px 10px 8px 15px;border: 1px solid #ddd;border-radius: 10px;box-sizing: border-box;}
.jg_link li.group ul{display: inline-block;}
.jg_link li.group li{margin: 0 5px 0 0;}
.jg_link li.group li:first-child{margin-left: 10px;}
.jg_link li.group li:last-child{margin-right: 0;}
.jg_link li.group a{padding: 8px;border-color: #f0f4fb;background: #f0f4fb;font-size: 14px;}
.jg_link li.group a:hover, .jg_link li.group a:focus{border-color: #20409a;background: #fff;}
@media all and (min-width:768px){
.jg_tab ul{overflow: hidden;}
.jg_tab li{float: left;width: 32%;margin: 0.5%;}
.jg_tab.col2 li{width:48%;margin: 0 .5% 15px;}
.jg_tab.col2 li a{font-size: 15px;padding: 15px 0;letter-spacing: 0;}
	
}
@media all and (min-width:1023px){
.jg_tab li{position: relative;width: calc((100% - 40px)/3);margin: 0 0 0 20px;}
.jg_tab li:first-child{margin-left: 0;}
.jg_tab li a{padding: 30px 0;border-radius: 20px;letter-spacing: -1px;font-size: 17px;}
.jg_tab li span:before{display: block;width: 60px;height: 60px;margin: 0 auto 20px;content: "";background: url("/upload_data/board_data/CNT_ATCHDOWN/167651216064202.png") no-repeat;}
/*
.jg_tab li:nth-child(2) span:before{background-position: center -60px;}
.jg_tab li:nth-child(3) span:before{background-position: center -120px;}
.jg_tab li:nth-child(4) span:before{background-position: center -180px;}
.jg_tab li:nth-child(3) span:before{background-position: center -240px;}
*/
.jg_tab.col7 li{width: calc((100% - 80px)/4);margin: 0 10px 10px 10px;}


.jg_tab.col4 li{position: relative;width: calc((100% - 80px)/4);margin: 0 10px 10px 10px;}
.jg_tab li:nth-child(1) span:before{background: url("/upload_data/board_data/CNT_ATCHDOWN/172317162927319.png") no-repeat;background-position: 0 6px;}
.jg_tab li:nth-child(2) span:before{background-position: center -60px;}
.jg_tab li:nth-child(3) span:before{background: url("/upload_data/board_data/CNT_ATCHDOWN/172317162927319.png") no-repeat;background-position: 0 -100px;}
.jg_tab li:nth-child(4) span:before{background-position: center 0px;}
.jg_tab li:nth-child(5) span:before{background: url("/upload_data/board_data/CNT_ATCHDOWN/172317162927319.png") no-repeat;background-position: 0 -203px;}
.jg_tab li:nth-child(6) span:before{background: url("/upload_data/board_data/CNT_ATCHDOWN/172317162927319.png") no-repeat;background-position: 0 -300px;}
.jg_tab li:nth-child(7) span:before{background-position: center -240px;}


}               

.qa_w {margin-bottom:40px}
.qa_w>div {margin-bottom: 15px;border-bottom: solid 1px #ddd;padding-bottom: 24px;}
.qa_w>div span{background:#0e49bf;color:#fff;font-size: 13px;width: 30px;height: 30px;display: inline-block;text-align: center;border-radius: 50%;line-height: 30px;}
.qa_w>div strong{color:#0e49bf;font-size: 18px;display: block;padding: 10px 0;font-weight: 600;}
.qa_w>div p{word-break:auto-phrase;margin-bottom: 10px;line-height: 24px;}
.qa_w>div p span{background:#525252}       
.qa_w h5{color:#000;font-size: 15px;margin-bottom: 11px;}
.qa_w a.in_btn {border: solid 1px #d4e4fd;padding: 2px 10px; background: #d4e4fd; margin-left: 5px;}         

.linkbox {background: #daefff url('/upload_data/board_data/CNT_ATCHDOWN/171756456977781.png') no-repeat top center;padding: 150px 0 200px 0;text-align: center;background-size: 500px;}
.linkbox .in{font-size: 16px;}
.linkbox .in strong{display:block;font-size: 20px;color: #000050;}
.linkbox .in span{display:block;background:#000050;color:#fff;width: 80%;margin: 15px auto;max-width: 200px;padding: 15px;border-radius: 30px;}

@media all and (min-width :768px){
.linkbox{background-size:auto;padding: 177px 0;height: 520px;box-sizing: border-box;}
.linkbox .in strong{font-size:30px}
.linkbox .in span{font-size:20px}
}


.gr {position: relative;padding: 20px 0;}
.gr p{margin-bottom: 20px;word-break: auto-phrase;line-height: 1.5;}
.gr p strong{font-size: 18px;}
.gr .sign{font-weight:bold; }
.img_w { margin-bottom: 40px; text-align: center;}
.img_w img{width: 100%;max-width: fit-content;}
.img_w.right {text-align:right;margin-top: -50px;}
.img_w.right img{max-width: 350px;}
.img_w span{font-size:14px;display: block;}


@media all and (min-width :768px){
.gr {padding:20px 380px 20px 0}
.img_w.right{position:absolute;right: 0;bottom: 10%;}
}                 

.toggle.new h5 {background: none;margin: 0;text-align: center;/* float: left; */width: 100px;height: 120px;padding: 0;margin: 0 3px;display: inline-block;}
.toggle.new  h5 img{width:100%}
.toggle.new>div{position: absolute;border: solid 1px #b4b4b4;z-index: 1;}

@media all and (min-width:768px){

.toggle.new h5 {width: 202px;height: 252px; margin:0 12px}
.toggle.new h5 img{width:100%}
}         


@media all and (min-width:768px){
.tell{display:flex;gap: 0 20px;}
}   


.big_img{border:1px solid #e9e9e9;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%;max-width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:#4a4a4a;color:#fff;padding:10px 15px}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:-5000px}

@media all and (min-width:768px) {
.big_img{padding: 0;border: none;}
.big_img img{width:100%}
.big_img a{display:none;}
}    

.pro_list2 ul{display:flex;flex-wrap: wrap;gap: 30px 6%;}
.pro_list2 ul li{width: 47%;}
.pro_list2 ul li img{width:100%;}
@media all and (min-width:1023px) {
.pro_list2 ul{gap:0 2%;}
.pro_list2 ul li{width: 23.5%;}	
}